MD History: Display synced tabs history.

chrome/browser/resources/md_history/synced_device_manager.js

+// Copyright 2016 The Chromium Authors. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+Polymer({
+  is: 'history-synced-device-manager',
+
+  properties: {
+    // An array of synced devices with synced tab data.

[Dan Beam, 2016/03/10 18:57:15]

can this be @typed as well?

[calamity, 2016/03/14 02:29:40]

Done.

+    syncedDevices: {
+      type: Array,
+      value: function() { return []; }
+    }
+  },
+
+  /**
+   * Adds |sessionList| to the currently displayed synced tabs.
+   * @param {Array<Session>} sessionList
+   */
+  addSyncedHistory: function(sessionList) {
+    // TODO(calamity): Does not add more items onto the page when the
+    // sessionList updates. Update the cards dynamically by refreshing the tab
+    // list and last update time for each synced tab card.
+    if (this.syncedDevices.length > 0)
+      return;
+
+    for (var i = 0; i < sessionList.length; i++) {
+      var tabs = [];
+      for (var j = 0; j < sessionList[i].windows.length; j++) {
+        tabs = tabs.concat(sessionList[i].windows[j].tabs);

[Dan Beam, 2016/03/10 18:57:15]

nit: .tabs can never be empty, right?  otherwise the next line *might* throw

[calamity, 2016/03/14 02:29:40]

#BetterSafeThanSorry

+        tabs[tabs.length - 1].needsWindowSeparator = true;
+      }
+
+      this.push('syncedDevices', {
+        device: sessionList[i].name,
+        lastUpdateTime: '– ' + sessionList[i].modifiedTime,
+        tabs: tabs,
+      });
+    }
+  }
+});