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

<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_indicator.html">
<link rel="import" href="chrome://resources/html/cr.html">
<link rel="import" href="chrome://resources/html/i18n_behavior.html">
<link rel="import" href="chrome://resources/html/md_select_css.html">
<link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
<link rel="import" href="../controls/settings_toggle_button.html">
<link rel="import" href="../route.html">
<link rel="import" href="../settings_shared_css.html">

<dom-module id="settings-power">
  <template>
    <style include="settings-shared md-select"></style>
    <div id="powerSourceRow" class="settings-box first two-line"
        hidden$="[[!batteryStatus_.present]]">
      <div class="start">
        <div>[[powerSourceLabel_]]</div>
        <div class="secondary">[[batteryStatus_.statusText]]</div>
      </div>
      <select id="powerSource" class="md-select"
          hidden$="[[!showPowerSourceDropdown_]]"
          aria-label="$i18n{powerSourceLabel}"
          on-change="onPowerSourceChange_">
        <option value="" selected="[[isEqual_('', selectedPowerSourceId_)]]">
          $i18n{powerSourceBattery}
        </option>
        <template is="dom-repeat" items="[[powerSources_]]">
          <option value="[[item.id]]"
              selected="[[isEqual_(item.id, selectedPowerSourceId_)]]">
            [[item.description]]
          </option>
        </template>
      </select>
      <div hidden$="[[showPowerSourceDropdown_]]">
        [[powerSourceName_]]
      </div>
    </div>

    <div class$="settings-box [[getFirst_(batteryStatus_.present)]]">
      <div class="start">$i18n{powerIdleLabel}</div>
      <template is="dom-if" if="[[idleControlled_]]" restamp>
        <cr-policy-indicator id="idleControlledIndicator"
            indicator-type="devicePolicy"
            icon-aria-label="$i18n{powerIdleLabel}">
        </cr-policy-indicator>
      </template>
      <select id="idleSelect" class="md-select"
          on-change="onIdleSelectChange_" disabled="[[idleControlled_]]"
          aria-label="$i18n{powerIdleLabel}">
        <template is="dom-repeat" items="[[idleOptions_]]">
          <option value="[[item.value]]">[[item.name]]</option>
        </template>
      </select>
    </div>

    <settings-toggle-button class="continuation" hidden$="[[!hasLid_]]"
        id="lidClosedToggle"
        pref="[[lidClosedPref_]]" label="[[lidClosedLabel_]]"
        on-settings-boolean-control-change="onLidClosedToggleChange_"
        no-set-pref>
    </settings-toggle-button>
  </template>
  <script src="power.js"></script>
</dom-module>