src/chrome/browser/resources/options/chromeos/keyboard_overlay.html

   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                aria-labelledby="remap-caps-lock-key-to-label" dialog-pref>
  56            </select>
  57          </td>
  58        </tr>
  59        <!-- The diamond key section is hidden by default. This is only visible
  60             when --has-chromeos-diamond-key flag is passed. -->
  61        <tr id="diamond-key-remapping-section" hidden>
  62          <td class="option-name" id="remap-diamond-key-to-label"
  63              i18n-content="remapDiamondKeyToContent">
  64          </td>
  65          <td class="option-value">
  66            <select class="control"
  67                data-type="number"
  68                metric="Options_KeyboardRemapDiamondKey"
  69                pref="settings.language.remap_diamond_key_to"
  70                i18n-options="remapDiamondKeyToValue"
  71                aria-labelledby="remap-diamond-key-to-label" dialog-pref>
  72            </select>
  73          </td>
  74        </tr>
  75     </table>
  76     <div class="settings-row">
  77       <div class="checkbox controlled-setting-with-label">
  78         <label>
  79           <input type="checkbox"
  80               pref="settings.language.send_function_keys"
  81               aria-describedby="send-function-keys-description" dialog-pref>
  82           <span>
  83             <span i18n-content="sendFunctionKeys"></span>
  84             <span class="bubble-button controlled-setting-indicator"
  85                 pref="settings.language.send_function_keys"></span>
  86           </span>
  87         </label>
  88       </div>
  89       <span id="send-function-keys-description"
  90           i18n-content="sendFunctionKeysDescription"></span>
  91     </div>
  92     <div class="settings-row">
  93       <div class="checkbox">
  94         <label>
  95           <input id="enable-auto-repeat" type="checkbox"
  96               pref="settings.language.xkb_auto_repeat_enabled_r2"
  97               metric="Options_KeyboardAutoRepeat" dialog-pref>
  98           <span i18n-content="enableAutoRepeat"></span>
  99         </label>
 100       </div>
 101       <div id="auto-repeat-settings-section">
 102         <div class="row">
 103           <span class="option-name" i18n-content="autoRepeatDelay"></span>
 104             <span i18n-content="autoRepeatDelayLong"></span>
 105             <input id="auto-repeat-delay-range" type="range"
 106                 class="touch-slider" metric="Options_KeyboardAutoRepeat_Delay"
 107                 pref="settings.language.xkb_auto_repeat_delay_r2" dialog-pref>
 108             <span i18n-content="autoRepeatDelayShort"></span>
 109           </div>
 110           <div class="row">
 111             <span class="option-name" i18n-content="autoRepeatRate"></span>
 112             <span i18n-content="autoRepeatRateSlow"></span>
 113             <input id="auto-repeat-interval-range" type="range"
 114                 class="touch-slider"
 115                 pref="settings.language.xkb_auto_repeat_interval_r2"
 116                 metric="Options_KeyboardAutoRepeat_Interval" dialog-pref>
 117             <span i18n-content="autoRepeatRateFast"></span>
 118           </div>
 119       </div>
 120     </div>
 121     <button id="keyboard-shortcuts" class="settings-row link-button"
 122         i18n-content="showKeyboardShortcuts"></button>
 123     <button id="languages-and-input-settings" class="settings-row link-button"
 124         i18n-content="changeLanguageAndInputSettings"></button>
 125   </div>
 126   <div class="action-area">
 127     <div class="button-strip">
 128       <button id="keyboard-cancel" type="reset" i18n-content="cancel"></button>
 129       <button id="keyboard-confirm" class="default-button" type="submit"
 130           i18n-content="ok">
 131       </button>
 132     </div>
 133   </div>
 134 </div>