MD Settings: Add remaining buttons to keyboard subpage

chrome/browser/resources/settings/device_page/keyboard.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-keyboard' is the settings subpage with keyboard settings.
  */
 
 // TODO(michaelpg): The docs below are duplicates of settings_dropdown_menu,
@@ skipping 35 matching lines @@
     PrefsBehavior,
   ],
 
   properties: {
     /** Preferences state. */
     prefs: {
       type: Object,
       notify: true,
     },
 
+    /** The current active route. */
+    currentRoute: {
+      type: Object,
+      notify: true,
+    },
+
     /** @private Whether to show Caps Lock options. */
     showCapsLock_: Boolean,
 
     /** @private Whether to show diamond key options. */
     showDiamondKey_: Boolean,
 
     /** @private {!DropdownMenuOptionList} Menu items for key mapping. */
     keyMapTargets_: Object,
 
     /**
      * @private {!DropdownMenuOptionList} Menu items for key mapping, including
      * Caps Lock.
      */
     keyMapTargetsWithCapsLock_: Object,
   },
 
   observers: [
     'autoRepeatDelayPrefChanged_(' +
         'prefs.' + AUTO_REPEAT_DELAY_PREF + '.*)',
     'autoRepeatIntervalPrefChanged_(' +
         'prefs.' + AUTO_REPEAT_INTERVAL_PREF + '.*)',
   ],
 
   /** @override */
   ready: function() {
     cr.addWebUIListener('show-keys-changed', this.onShowKeysChange_.bind(this));
-    chrome.send('initializeKeyboardSettings');
+    settings.DevicePageBrowserProxyImpl.getInstance().initializeKeyboard();
     this.setUpKeyMapTargets_();
   },
 
   /**
    * Initializes the dropdown menu options for remapping keys.
    * @private
    */
   setUpKeyMapTargets_: function() {
     this.keyMapTargets_ = [
       {value: 0, name: loadTimeData.getString('keyboardKeySearch')},
@@ skipping 15 matching lines @@
    * Handler for updating which keys to show.
    * @param {boolean} showCapsLock
    * @param {boolean} showDiamondKey
    * @private
    */
   onShowKeysChange_: function(showCapsLock, showDiamondKey) {
     this.showCapsLock_ = showCapsLock;
     this.showDiamondKey_ = showDiamondKey;
   },
 
+  onShowKeyboardShortcutsOverlayTap_: function() {
+    settings.DevicePageBrowserProxyImpl.getInstance()
+        .showKeyboardShortcutsOverlay();
+  },
+
+  onShowLanguageInputTap_: function() {
+    this.currentRoute = {
+      page: 'advanced',
+      section: 'languages',
+      subpage: [],
+    };
+  },
+
   /** @private */
   autoRepeatDelayPrefChanged_: function() {
     var delay = /** @type number */(this.getPref(AUTO_REPEAT_DELAY_PREF).value);
     this.$.delaySlider.value =
         this.findNearestIndex_(AUTO_REPEAT_DELAYS, delay);
   },
 
   /** @private */
   autoRepeatIntervalPrefChanged_: function() {
     var interval = /** @type number */(
@@ skipping 54 matching lines @@
       var difference = Math.abs(arr[i] - value);
       if (difference < minDifference) {
         closestIndex = i;
         minDifference = difference;
       }
     }
 
     return closestIndex;
   },
 });