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 |