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