[MD History] Add routing for synced devices page.

chrome/browser/resources/md_history/app.js

Index: chrome/browser/resources/md_history/app.js
diff --git a/chrome/browser/resources/md_history/app.js b/chrome/browser/resources/md_history/app.js
index 0d68ff73cf2a85e2e6e4b62ed74c743d8a9261c9..b7461f936b6e35a1cc19460cbd1bb5f7eae21870 100644
--- a/chrome/browser/resources/md_history/app.js
+++ b/chrome/browser/resources/md_history/app.js
@@ -10,6 +10,13 @@ Polymer({
     selectedPage: {
       type: String,
       value: 'history-list'
+    },
+    route: {
+      type: Object
+    },
+    routeData: {
+      type: Object,
+      observer: 'routeChanged_'
     }
   },
 
@@ -21,6 +28,17 @@ Polymer({
     'search-changed': 'searchChanged',
   },
 
+  routeChanged_: function() {
+    console.log(this.routeData.page);
+    var routeToElementId = {
+      'openTabs': 'history-synced-device-manager',
+    };
+    var path = this.routeData.page;
+    var elementId =
+        routeToElementId[path] ? routeToElementId[path] : 'history-list';
+    this.$['content'].selected = elementId;
+  },
+
   /**
    * Listens for history-item being selected or deselected (through checkbox)
    * and changes the view of the top toolbar.
@@ -94,7 +112,6 @@ Polymer({
   setForeignSessions: function(sessionList, isTabSyncEnabled) {
     // TODO(calamity): Add a 'no synced devices' message when sessions are
     // empty.
-    this.$['history-side-bar'].hidden = !isTabSyncEnabled;
     var syncedDeviceElem = this.$['history-synced-device-manager'];
     var syncedDeviceManager =
         /** @type {HistorySyncedDeviceManagerElement} */(syncedDeviceElem);