Creating Ui for Battery State Option in Chrome Os Emulator

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

 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-slider/paper-slider.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-radio-group/paper-radio-group.html">
 
 <dom-module id="battery-settings">
   <link rel="import" type="css" href="battery_settings.css">
   <template>
     <div class="layout vertical">
       <div class="element-label">{{title}}</div>
       <form id="power-settings-form">
         <div>
           <p>
             <label>
-              <span class="form-label">Battery Present</span>
-              <paper-toggle-button checked="{{batteryPresent}}"
-                  id="battery-present-checkbox" type="checkbox">
-              </paper-toggle-button>
+              <span class="form-label">Battery Percentage</span>
+              <paper-input value="{{batteryPercent}}"
+                  id="battery-percent-text" type="number">
+              </paper-input>
             </label>
           </p>
         </div>
 
         <div>
           <p>
             <label>
-              <span class="form-label">Battery Percentage</span>
-              <paper-input value="{{batteryPercent}}"
-                  id="battery-percent-text" type="number" min="0" max="100">
-              </paper-input>
+              <span class="form-label">Battery State</span>
+              <paper-radio-group selected="{{batteryState}}"
+                  id="battery-state-radio-group">
+                <template is="dom-repeat" items="{{batteryStateOptions}}">
+                  <paper-radio-button
+                      name="{{item}}">{{item}}</paper-radio-button>
+                </template>
+              </paper-radio-group>
             </label>
           </p>
         </div>
 
         <div>
           <p>
             <label>
               <span class="form-label">External Power</span>
               <paper-radio-group selected="{{externalPower}}"
                   id="external-power-radio-group">
@@ skipping 23 matching lines @@
               </paper-input>
             </label>
           </p>
         </div>
 
       </form>
     </div>
   </template>
   <script src="battery_settings.js"></script>
 </dom-module>