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="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="languages-and-input-settings" class="link-button"
 100         i18n-content="changeLanguageAndInputSettings"></button>
 101   </div>
 102   <div class="action-area">
 103     <div class="button-strip">
 104       <button id="keyboard-cancel" type="reset" i18n-content="cancel"></button>
 105       <button id="keyboard-confirm" class="default-button" type="submit"
 106           i18n-content="ok">
 107       </button>
 108     </div>
 109   </div>
 110 </div>