MD Bookmarks: Integrate new data store with UI elements

chrome/browser/resources/md_bookmarks/list.js

Index: chrome/browser/resources/md_bookmarks/list.js
diff --git a/chrome/browser/resources/md_bookmarks/list.js b/chrome/browser/resources/md_bookmarks/list.js
index 5d16af2d6a3883135262bbe9193dcf7b73b23c02..83652a117a1d782a51fe16b96ec339fd7c507500 100644
--- a/chrome/browser/resources/md_bookmarks/list.js
+++ b/chrome/browser/resources/md_bookmarks/list.js
@@ -5,12 +5,23 @@
 Polymer({
   is: 'bookmarks-list',
 
+  behaviors: [
+    bookmarks.StoreClient,
+  ],
+
   properties: {
-    /** @type {BookmarkTreeNode} */
+    /** @type {BookmarkNode} */
     menuItem_: Object,
 
-    /** @type {Array<BookmarkTreeNode>} */
-    displayedList: Array,
+    /** @type {Array<string>} */
+    displayedList: {
+      type: Array,
+      value: function() {
+        // Use an empty list during initialization so that the databinding to
+        // hide #bookmarksCard takes effect.
+        return [];
+      },
+    },
 
     searchTerm: String,
   },
@@ -19,6 +30,13 @@ Polymer({
     'open-item-menu': 'onOpenItemMenu_',
   },
 
+  attached: function() {
+    this.watch('displayedList', function(state) {
+      return bookmarks.util.getDisplayedList(state);
+    });
+    this.updateFromStore();
+  },
+
   /**
    * @param {Event} e
    * @private