1<div id="keyboard-overlay" class="page" hidden>
2  <div class="close-button"></div>
3  <h1 i18n-content="keyboardOverlayTitle"></h1>
4  <div class="content-area">
5    <table class="option-control-table">
6       <tr>
7         <td>
8           <label class="option-name" for="remap-search-key-to"
9               i18n-content="remapSearchKeyToContent">
10           </label>
11         </td>
12         <td class="option-value">
13           <select id="remap-search-key-to" class="control"
14               data-type="number" i18n-options="remapSearchKeyToValue"
15               metric="Options_KeyboardRemapSearchKey"
16               pref="settings.language.xkb_remap_search_key_to" dialog-pref>
17           </select>
18         </td>
19       </tr>
20       <tr>
21         <td>
22           <label class="option-name" for="remap-control-key-to"
23               i18n-content="remapControlKeyToContent">
24           </label>
25         </td>
26         <td class="option-value">
27           <select id="remap-control-key-to" class="control"
28               data-type="number" i18n-options="remapControlKeyToValue"
29               metric="Options_KeyboardRemapControlKey"
30               pref="settings.language.xkb_remap_control_key_to" dialog-pref>
31           </select>
32         </td>
33       </tr>
34       <tr>
35         <td>
36           <label class="option-name" for="remap-alt-key-to"
37               i18n-content="remapAltKeyToContent">
38           </label>
39         </td>
40         <td class="option-value">
41           <select id="remap-alt-key-to" class="control" data-type="number"
42               metric="Options_KeyboardRemapAltKey"
43               pref="settings.language.xkb_remap_alt_key_to"
44               i18n-options="remapAltKeyToValue" dialog-pref></select>
45         </td>
46       </tr>
47       <!-- The caps lock section is hidden by default. This is only visible
48            when --has-chromeos-keyboard flag is not passed. -->
49       <tr id="caps-lock-remapping-section" hidden>
50         <td>
51           <label class="option-name" for="remap-caps-lock-key-to"
52               i18n-content="remapCapsLockKeyToContent">
53           </label>
54         </td>
55         <td class="option-value">
56           <select id="remap-caps-lock-key-to" class="control"
57               data-type="number"
58               metric="Options_KeyboardRemapCapsLockKey"
59               pref="settings.language.remap_caps_lock_key_to"
60               i18n-options="remapCapsLockKeyToValue" dialog-pref></select>
61         </td>
62       </tr>
63       <!-- The diamond key section is hidden by default. This is only visible
64            when --has-chromeos-diamond-key flag is passed. -->
65       <tr id="diamond-key-remapping-section" hidden>
66         <td>
67           <label class="option-name" for="remap-diamond-key-to"
68               i18n-content="remapDiamondKeyToContent">
69           </label>
70         </td>
71         <td class="option-value">
72           <select id="remap-diamond-key-to" class="control"
73               data-type="number"
74               metric="Options_KeyboardRemapDiamondKey"
75               pref="settings.language.remap_diamond_key_to"
76               i18n-options="remapDiamondKeyToValue" dialog-pref></select>
77         </td>
78       </tr>
79    </table>
80    <div class="settings-row">
81      <div class="checkbox">
82        <span class="controlled-setting-with-label">
83          <input id="send-function-keys" type="checkbox"
84              pref="settings.language.send_function_keys" dialog-pref>
85          <span>
86            <label for="send-function-keys" i18n-content="sendFunctionKeys">
87            </label>
88            <span class="bubble-button controlled-setting-indicator"
89                pref="settings.language.send_function_keys"></span>
90          </span>
91        </span>
92      </div>
93      <label id="send-function-keys-description" for="send-function-keys"
94          i18n-content="sendFunctionKeysDescription">
95      </label>
96    </div>
97  </div>
98  <div class="content-area">
99    <button id="keyboard-shortcuts" class="link-button"
100        i18n-content="showKeyboardShortcuts"></button>
101  </div>
102  <div class="content-area">
103    <button id="languages-and-input-settings" class="link-button"
104        i18n-content="changeLanguageAndInputSettings"></button>
105  </div>
106  <div class="action-area">
107    <div class="button-strip">
108      <button id="keyboard-cancel" type="reset" i18n-content="cancel"></button>
109      <button id="keyboard-confirm" class="default-button" type="submit"
110          i18n-content="ok">
111      </button>
112    </div>
113  </div>
114</div>
115