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