MD History: Display synced tabs history

chrome/browser/resources/md_history/synced_device_manager.html

Index: chrome/browser/resources/md_history/synced_device_manager.html
diff --git a/chrome/browser/resources/md_history/synced_device_manager.html b/chrome/browser/resources/md_history/synced_device_manager.html
new file mode 100644
index 0000000000000000000000000000000000000000..14d127503cd876e83136fd9885008143699681b2
--- /dev/null
+++ b/chrome/browser/resources/md_history/synced_device_manager.html
@@ -0,0 +1,29 @@
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.html">
+<link rel="import" href="chrome://resources/html/cr/ui/position_util.html">
+<link rel="import" href="chrome://history/synced_device_card.html">
+
+<dom-module id="synced-device-manager">
+  <template>
+    <style>
+      :host {
+        overflow: auto;
+      }
+
+      .manager {
+        flex: 1;
+      }

[calamity, 2016/02/02 04:09:48]

Pretty sure this does nothing. I think you can also get rid of the container div
completely.

[yingran, 2016/02/09 04:21:34]

Done.

+    </style>
+    <div class="manager">
+      <template is="dom-repeat" items="{{syncedTabs}}" as="syncedTab">
+        <synced-device-card device="{{syncedTab.device}}"
+            last-update-time="{{syncedTab.lastUpdateTime}}"
+            tabs="{{syncedTab.tabs}}">
+        </synced-device-card>
+      </template>
+    </div>
+  </template>
+  <script src="chrome://history/synced_device_manager.js"></script>
+</dom-module>