Settings Router Refactor: Migrate to settings.Route.navigateTo calls.

chrome/browser/resources/settings/device_page/device_page.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.
 
 /**
  * @fileoverview 'settings-device-page' is the settings page for device and
  * peripheral settings.
  */
 Polymer({
   is: 'settings-device-page',
@@ skipping 65 matching lines @@
     if (this.hasTouchpad_)
       return 'settings:touch-app';
     return '';
   },
 
   /**
    * Handler for tapping the mouse and touchpad settings menu item.
    * @private
    */
   onPointersTap_: function() {
-    this.$.pages.setSubpageChain(['pointers']);
+    settings.navigateTo(settings.Route.POINTERS);
   },
 
   /**
    * Handler for tapping the Keyboard settings menu item.
    * @private
    */
   onKeyboardTap_: function() {
-    this.$.pages.setSubpageChain(['keyboard']);
+    settings.navigateTo(settings.Route.KEYBOARD);
   },
 
   /**
    * Handler for tapping the Display settings menu item.
    * @private
    */
   onDisplayTap_: function() {
-    this.$.pages.setSubpageChain(['display']);
+    settings.navigateTo(settings.Route.DISPLAY);
   },
 
   /** @private */
   currentRouteChanged_: function() {
     this.checkPointerSubpage_();
   },
 
   /**
    * @param {boolean} hasMouse
    * @param {boolean} hasTouchpad
@@ skipping 21 matching lines @@
    * @private
    */
   isCurrentRouteOnPointersPage_: function() {
     return this.currentRoute &&
         this.currentRoute.page == 'basic' &&
         this.currentRoute.section == 'device' &&
         this.currentRoute.subpage.length == 1 &&
         this.currentRoute.subpage[0] == 'pointers';
   },
 });