| OLD | NEW |
| 1 <!-- | 1 <!-- |
| 2 -- Copyright 2015 The Chromium Authors. All rights reserved. | 2 -- Copyright 2015 The Chromium Authors. All rights reserved. |
| 3 -- Use of this source code is governed by a BSD-style license that can be | 3 -- Use of this source code is governed by a BSD-style license that can be |
| 4 -- found in the LICENSE file. | 4 -- found in the LICENSE file. |
| 5 --> | 5 --> |
| 6 | 6 |
| 7 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> |
| 8 | 8 |
| 9 <polymer-element name="volume-controller" attributes="width height value"> | 9 <dom-module id="volume-controller"> |
| 10 <link rel="import" type="css" href="volume_controller.css"> |
| 10 <template> | 11 <template> |
| 11 <link rel="stylesheet" href="volume_controller.css"> | |
| 12 | |
| 13 <div id="background"></div> | 12 <div id="background"></div> |
| 14 <input name="rawValueInput" id="rawValueInput" touch-action="manipulation" | 13 <input name="rawValueInput" id="rawValueInput" touch-action="manipulation" |
| 15 type="range" min="0" max="100" value="{{rawValue}}"> | 14 type="range" min="0" max="100" value="{{rawValue::input}}"> |
| 16 <div id="bar"> | 15 <div id="bar"> |
| 17 <div class="filled" style="height: {{rawValue}}%;"></div> | 16 <div class="filled" style$="[[computeFilledStyle_(rawValue)]]"></div> |
| 18 <div class="cap left"></div> | 17 <div class="cap left"></div> |
| 19 <div class="cap right"></div> | 18 <div class="cap right"></div> |
| 20 </div> | 19 </div> |
| 21 </template> | 20 </template> |
| 22 <script src="volume_controller.js"></script> | 21 </dom-module> |
| 23 </polymer-element> | 22 |
| 23 <script src="volume_controller.js"></script> |
| OLD | NEW |