MD Settings: First half of Device > Keyboard sub-page.

chrome/browser/resources/settings/device_page/keyboard.html

Index: chrome/browser/resources/settings/device_page/keyboard.html
diff --git a/chrome/browser/resources/settings/device_page/keyboard.html b/chrome/browser/resources/settings/device_page/keyboard.html
new file mode 100644
index 0000000000000000000000000000000000000000..6fd898ea37e9e6803fdac91cc76d84b8ad9c73e3
--- /dev/null
+++ b/chrome/browser/resources/settings/device_page/keyboard.html
@@ -0,0 +1,61 @@
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
+<link rel="import" href="chrome://resources/html/i18n_behavior.html">
+<link rel="import" href="chrome://md-settings/controls/settings_checkbox.html">
+<link rel="import" href="chrome://md-settings/controls/settings_dropdown_menu.html">
+<link rel="import" href="chrome://md-settings/settings_shared_css.html">
+
+<dom-module id="settings-keyboard">
+  <template>
+    <style include="settings-shared"></style>
+    <div class="settings-box first">
+      <div class="start">[[i18n('keyboardKeySearchLabel')]]</div>
+      <settings-dropdown-menu
+          pref="{{prefs.settings.language.xkb_remap_search_key_to}}"
+          menu-options="[[keyMapTargetsWithCapsLock_]]">
+      </settings-dropdown-menu>
+    </div>
+    <div class="settings-box">
+      <div class="start">[[i18n('keyboardKeyCtrlLabel')]]</div>
+      <settings-dropdown-menu
+          pref="{{prefs.settings.language.xkb_remap_control_key_to}}"
+          menu-options="[[keyMapTargets_]]">
+      </settings-dropdown-menu>
+    </div>
+    <div class="settings-box">
+      <div class="start">[[i18n('keyboardKeyAltLabel')]]</div>
+      <settings-dropdown-menu
+          pref="{{prefs.settings.language.xkb_remap_alt_key_to}}"
+          menu-options="[[keyMapTargets_]]">
+      </settings-dropdown-menu>
+    </div>
+    <template is="dom-if" if="[[showCapsLock_]]">
+      <div class="settings-box" id="capsLockKey">
+        <div class="start">[[i18n('keyboardKeyCapsLockLabel')]]</div>
+        <settings-dropdown-menu
+            pref="{{prefs.settings.language.remap_caps_lock_key_to}}"
+            menu-options="[[keyMapTargetsWithCapsLock_]]">
+        </settings-dropdown-menu>
+      </div>
+    </template>
+    <template is="dom-if" if="[[showDiamondKey_]]">
+      <div class="settings-box" id="diamondKey">
+        <div class="start">[[i18n('keyboardKeyDiamondLabel')]]</div>
+        <settings-dropdown-menu
+            pref="{{prefs.settings.language.remap_diamond_key_to}}"
+            menu-options="[[keyMapTargets_]]">
+        </settings-dropdown-menu>
+      </div>
+    </template>
+    <div class="settings-box two-line">
+      <settings-checkbox
+          pref="{{prefs.settings.language.send_function_keys}}"
+          i18n-values=".label:keyboardSendFunctionKeys;
+                       .subLabel:keyboardSendFunctionKeysDescription">
+      </settings-checkbox>
+    </div>
+    <!-- TODO(michaelpg): Auto-repeat options. -->
+    <!-- TODO(michaelpg): Keyboard shortcuts button. -->
+    <!-- TODO(michaelpg): Language & input button. -->
+  </template>
+  <script src="keyboard.js"></script>
+</dom-module>