Index: ui/file_manager/audio_player/elements/volume_controller.html |
diff --git a/ui/file_manager/audio_player/elements/volume_controller.html b/ui/file_manager/audio_player/elements/volume_controller.html |
index db64ec6865ca2c95d3b9505bbd269e9d8ec3de7d..1431716aa423c603fe1e08644e4f8d42b03e9e37 100644 |
--- a/ui/file_manager/audio_player/elements/volume_controller.html |
+++ b/ui/file_manager/audio_player/elements/volume_controller.html |
@@ -4,20 +4,20 @@ |
-- found in the LICENSE file. |
--> |
-<link rel="import" href="chrome://resources/polymer/polymer/polymer.html"> |
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> |
-<polymer-element name="volume-controller" attributes="width height value"> |
+<dom-module id="volume-controller"> |
+ <link rel="import" type="css" href="volume_controller.css"> |
<template> |
- <link rel="stylesheet" href="volume_controller.css"> |
- |
<div id="background"></div> |
<input name="rawValueInput" id="rawValueInput" touch-action="manipulation" |
- type="range" min="0" max="100" value="{{rawValue}}"> |
+ type="range" min="0" max="100" value="{{rawValue::input}}"> |
<div id="bar"> |
- <div class="filled" style="height: {{rawValue}}%;"></div> |
+ <div class="filled" style$="[[computeFilledStyle_(rawValue)]]"></div> |
<div class="cap left"></div> |
<div class="cap right"></div> |
</div> |
</template> |
- <script src="volume_controller.js"></script> |
-</polymer-element> |
+</dom-module> |
+ |
+<script src="volume_controller.js"></script> |