chrome/browser/resources/settings/chromeos/device_page/device_page.html

<style include="settings-shared"></style>
<os-settings-animated-pages id="pages" section="device"
    focus-config="[[focusConfig_]]">
  <div id="main" route-path="default">
    <template is="dom-if"
        if="[[showPointersRow_(hasMouse_, hasPointingStick_,
                               hasTouchpad_, isDeviceSettingsSplitEnabled_)]]">
      <cr-link-row id="pointersRow"
          label="[[getPointersTitle_(hasMouse_, hasPointingStick_,
                                     hasTouchpad_)]]"
          on-click="onPointersTap_"
          role-description="$i18n{subpageArrowRoleDescription}"></cr-link-row>
    </template>
    <template is="dom-if"
        if="[[showPerDeviceMouseRow_(hasMouse_,
                                     isDeviceSettingsSplitEnabled_)]]">
      <cr-link-row class="hr" id="perDeviceMouseRow" label="$i18n{mouseTitle}"
          on-click="onPerDeviceMouseTap_"
          role-description="$i18n{subpageArrowRoleDescription}">
      </cr-link-row>
    </template>
    <template is="dom-if"
        if="[[showPerDeviceTouchpadRow_(hasTouchpad_,
                                        isDeviceSettingsSplitEnabled_)]]">
      <cr-link-row class="hr" id="perDeviceTouchpadRow"
          label="$i18n{touchpadTitle}" on-click="onPerDeviceTouchpadTap_"
          role-description="$i18n{subpageArrowRoleDescription}">
      </cr-link-row>
    </template>
    <template is="dom-if"
        if="[[showPerDevicePointingStickRow_(hasPointingStick_,
                                             isDeviceSettingsSplitEnabled_)]]">
      <cr-link-row class="hr" id="perDevicePointingStickRow"
          label="$i18n{pointingStickTitle}"
          on-click="onPerDevicePointingStickTap_"
          role-description="$i18n{subpageArrowRoleDescription}">
      </cr-link-row>
    </template>
    <template is="dom-if" if="[[isDeviceSettingsSplitEnabled_]]">
      <cr-link-row class="hr" id="perDeviceKeyboardRow"
          label="$i18n{keyboardTitle}"
          on-click="onPerDeviceKeyboardTap_"
          role-description="$i18n{subpageArrowRoleDescription}">
      </cr-link-row>
    </template>
    <template is="dom-if" if="[[!isDeviceSettingsSplitEnabled_]]">
      <cr-link-row class="hr" id="keyboardRow" label="$i18n{keyboardTitle}"
          on-click="onKeyboardTap_"
          role-description="$i18n{subpageArrowRoleDescription}"></cr-link-row>
    </template>
    <template is="dom-if" if="[[hasStylus_]]">
      <cr-link-row class="hr" id="stylusRow" label="$i18n{stylusTitle}"
          on-click="onStylusTap_"
          role-description="$i18n{subpageArrowRoleDescription}">
      </cr-link-row>
    </template>
    <cr-link-row class="hr" id="displayRow" label="$i18n{displayTitle}"
        on-click="onDisplayTap_"
        role-description="$i18n{subpageArrowRoleDescription}"></cr-link-row>
    <template is="dom-if" if="[[showAudioInfo_]]">
      <cr-link-row class="hr" id="audioRow" label="$i18n{audioTitle}"
          on-click="onAudioTap_"
          role-description="$i18n{subpageArrowRoleDescription}">
      </cr-link-row>
    </template>
    <cr-link-row class="hr" hidden="[[hideStorageInfo_]]" id="storageRow"
        label="$i18n{storageTitle}" on-click="onStorageTap_"
        role-description="$i18n{subpageArrowRoleDescription}"></cr-link-row>
    <cr-link-row class="hr" id="powerRow" label="$i18n{powerTitle}"
        on-click="onPowerTap_"
        role-description="$i18n{subpageArrowRoleDescription}">
    </cr-link-row>
  </div>
  <template is="dom-if" route-path="/pointer-overlay">
    <os-settings-subpage
        page-title="[[getPointersTitle_(hasMouse_, hasPointingStick_,
                                        hasTouchpad_)]]">
      <settings-pointers prefs="{{prefs}}"
          has-mouse="[[hasMouse_]]"
          has-pointing-stick="[[hasPointingStick_]]"
          has-touchpad="[[hasTouchpad_]]"
          has-haptic-touchpad="[[hasHapticTouchpad_]]">
      </settings-pointers>
    </os-settings-subpage>
  </template>
  <template is="dom-if" route-path="/per-device-mouse">
    <os-settings-subpage page-title="$i18n{mouseTitle}">
      <settings-per-device-mouse
          is-device-settings-split-enabled="[[isDeviceSettingsSplitEnabled_]]"
          mice="[[mice]]">
      </settings-per-device-mouse>
    </os-settings-subpage>
  </template>
  <template is="dom-if" route-path="/per-device-keyboard">
    <os-settings-subpage page-title="$i18n{keyboardTitle}">
      <settings-per-device-keyboard
          prefs="{{prefs}}"
          is-device-settings-split-enabled="[[isDeviceSettingsSplitEnabled_]]"
          keyboards="[[keyboards]]">
      </settings-per-device-keyboard>
    </os-settings-subpage>
  </template>
  <template is="dom-if" route-path="/per-device-touchpad">
    <os-settings-subpage page-title="$i18n{touchpadTitle}">
      <settings-per-device-touchpad
          is-device-settings-split-enabled="[[isDeviceSettingsSplitEnabled_]]"
          touchpads="[[touchpads]]">
      </settings-per-device-touchpad>
    </os-settings-subpage>
  </template>
  <template is="dom-if" route-path="/per-device-pointing-stick">
    <os-settings-subpage page-title="$i18n{pointingStickTitle}">
      <settings-per-device-pointing-stick
          is-device-settings-split-enabled="[[isDeviceSettingsSplitEnabled_]]"
          pointing-sticks="[[pointingSticks]]">
      </settings-per-device-pointing-stick>
    </os-settings-subpage>
  </template>
  <template is="dom-if" route-path="/keyboard-overlay">
    <os-settings-subpage page-title="$i18n{keyboardTitle}">
      <settings-keyboard prefs="{{prefs}}" focus-config="[[focusConfig_]]">
      </settings-keyboard>
    </os-settings-subpage>
  </template>
  <template is="dom-if" route-path="/stylus">
    <os-settings-subpage page-title="$i18n{stylusTitle}">
      <settings-stylus prefs="{{prefs}}"></settings-stylus>
    </os-settings-subpage>
  </template>
  <template is="dom-if" route-path="/display">
    <os-settings-subpage page-title="$i18n{displayTitle}">
      <settings-display prefs="{{prefs}}"></settings-display>
    </os-settings-subpage>
  </template>
  <template is="dom-if" route-path="/audio">
    <os-settings-subpage page-title="$i18n{audioTitle}">
      <settings-audio show-audio-info="[[showAudioInfo_]]"></settings-audio>
    </os-settings-subpage>
  </template>
  <template is="dom-if" route-path="/storage">
    <os-settings-subpage page-title="$i18n{storageTitle}">
      <settings-storage prefs="{{prefs}}"
          show-crostini="[[showCrostini]]"
          android-enabled="[[androidEnabled_]]">
      </settings-storage>
    </os-settings-subpage>
  </template>
  <template is="dom-if" if="[[androidEnabled_]]">
    <template is="dom-if" route-path="/storage/externalStoragePreferences">
      <os-settings-subpage
          page-title="$i18n{storageExternal}">
        <settings-storage-external prefs="{{prefs}}">
        </settings-storage-external>
      </os-settings-subpage>
    </template>
  </template>
  <template is="dom-if"
      route-path="/per-device-keyboard/remap-keys">
    <os-settings-subpage id="perDeviceKeyboardRemapKeysRow"
        page-title="$i18n{remapKeyboardKeysRowLabel}">
      <settings-per-device-keyboard-remap-keys keyboards="[[keyboards]]">
      </settings-per-device-keyboard-remap-keys>
    </os-settings-subpage>
  </template>
  <template is="dom-if" route-path="/power">
    <os-settings-subpage
        page-title="$i18n{powerTitle}">
      <settings-power></settings-power>
    </os-settings-subpage>
  </template>
</os-settings-animated-pages>