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                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>