chrome/browser/resources/chromeos/emulator/battery_settings.html

   1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
   2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout.html">
   3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/device-icons.html">
   4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
   5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
   6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html">
   7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-slider/paper-slider.html">
   8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-radio-group/paper-radio-group.html">
   9
  10 <dom-module id="battery-settings">
  11   <link rel="import" type="css" href="battery_settings.css">
  12   <template>
  13     <div class="layout vertical">
  14       <div class="element-label">
  15         <paper-icon-button icon="device:battery-charging-full">
  16         </paper-icon-button>
  17         <span>{{title}}</span>
  18       </div>
  19       <form id="power-settings-form">
  20         <div>
  21           <p>
  22             <label>
  23               <span class="form-label">Battery Percentage</span>
  24               <paper-input value="{{batteryPercent}}"
  25                   id="battery-percent-text" type="number">
  26               </paper-input>
  27             </label>
  28           </p>
  29         </div>
  30
  31         <div>
  32           <p>
  33             <label>
  34               <span class="form-label">Battery State</span>
  35               <paper-radio-group selected="{{batteryState}}"
  36                   id="battery-state-radio-group">
  37                 <template is="dom-repeat" items="{{batteryStateOptions}}">
  38                   <paper-radio-button
  39                       name="{{item}}">{{item}}</paper-radio-button>
  40                 </template>
  41               </paper-radio-group>
  42             </label>
  43           </p>
  44         </div>
  45
  46         <div>
  47           <p>
  48             <label>
  49               <span class="form-label">External Power</span>
  50               <paper-radio-group selected="{{externalPower}}"
  51                   id="external-power-radio-group">
  52                 <template is="dom-repeat" items="{{externalPowerOptions}}">
  53                   <paper-radio-button
  54                       name="{{item}}">{{item}}</paper-radio-button>
  55                 </template>
  56               </paper-radio-group>
  57             </label>
  58           </p>
  59         </div>
  60
  61         <div>
  62           <p>
  63             <label>
  64               <span class="form-label">Time Until Battery Empty</span>
  65               <paper-input value="{{timeUntilEmpty}}"
  66                    id="time-until-empty-text">
  67              </paper-input>
  68             </label>
  69           </p>
  70
  71           <p>
  72             <label>
  73               <span class="form-label">Time Until Battery Full</span>
  74               <paper-input value="{{timeUntilFull}}" id="time-until-full-text">
  75               </paper-input>
  76             </label>
  77           </p>
  78         </div>
  79
  80       </form>
  81     </div>
  82   </template>
  83   <script src="battery_settings.js"></script>
  84 </dom-module>