Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(291)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: ui/file_manager/audio_player/audio_player.html

Issue 641283002: Separate the audio player app from Files.app Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Clean up Created 6 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « ui/file_manager/audio_player/assets/200/player_volume_level_top.png ('k') | ui/file_manager/audio_player/css/audio_player.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!-- 1 <!--
2 -- Copyright 2014 The Chromium Authors. All rights reserved. 2 -- Copyright 2014 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 <!DOCTYPE HTML> 6 <!DOCTYPE HTML>
7 <html> 7 <html>
8 <head> 8 <head>
9 <!-- We have to set some default title, or chrome will use the page name. 9 <!-- We have to set some default title, or chrome will use the page name.
10 -- As soon as the i18n'd strings are loaded we replace it with the correct 10 -- As soon as the i18n'd strings are loaded we replace it with the correct
11 -- string. Until then, use an invisible non-whitespace character. 11 -- string. Until then, use an invisible non-whitespace character.
12 --> 12 -->
13 <title>&#xFEFF;</title> 13 <title>&#xFEFF;</title>
14 <link rel="stylesheet" type="text/css" href="audio_player/css/audio_player.css "> 14 <link rel="stylesheet" type="text/css" href="css/audio_player.css">
15 15
16 <!-- Don't load mediaplayer_scripts.js when flattening is disabled --> 16 <!-- Don't load mediaplayer_scripts.js when flattening is disabled -->
17 <if expr="False"><!-- </if> 17 <if expr="False"><!-- </if>
18 <script src="audio_player/js/audio_player_scripts.js"></script> 18 <script src="js/audio_player_scripts.js"></script>
19 <if expr="False"> --></if> 19 <if expr="False"> --></if>
20 <if expr="False"> 20 <if expr="False">
21 <!-- This section is used when the file manager is loaded with 21 <!-- This section is used when the file manager is loaded with
22 'filemgr-ext-path' command-line flag. --> 22 'filemgr-ext-path' command-line flag. -->
23 <!-- Keep the list in sync with audio_player_scripts.js. --> 23 <!-- Keep the list in sync with audio_player_scripts.js. -->
24 <script src="../../../../ui/webui//resources/js/cr.js"></script> 24 <script src="../../webui//resources/js/cr.js"></script>
25 <script src="../../../../ui/webui/resources/js/cr/event_target.js"></script> 25 <script src="../../webui/resources/js/cr/event_target.js"></script>
26 <script src="../../../../ui/webui/resources/js/cr/ui/array_data_model.js"> 26 <script src="../../webui/resources/js/cr/ui/array_data_model.js">
27 </script> 27 </script>
28 28
29 <script src="../../../../third_party/polymer/components/platform/platform.js "></script> 29 <script src="../../../third_party/polymer/platform/platform.js"></script>
30 <script src="../../../../third_party/polymer/components/polymer/polymer.js"> </script> 30 <script src="../../../third_party/polymer/polymer/polymer.js"></script>
31 31
32 <script src="common/js/async_util.js"></script> 32 <script src="../file_manager/common/js/async_util.js"></script>
33 <script src="common/js/util.js"></script> 33 <script src="../file_manager/common/js/util.js"></script>
34 <script src="common/js/volume_manager_common.js"></script> 34 <script src="../file_manager/common/js/volume_manager_common.js"></script>
35 <script src="foreground/js/file_type.js"></script> 35 <script src="../file_manager/foreground/js/file_type.js"></script>
36 <script src="foreground/js/volume_manager_wrapper.js"></script> 36 <script src="../file_manager/foreground/js/volume_manager_wrapper.js"></scri pt>
37 <script src="foreground/js/metadata/metadata_cache.js"></script> 37 <script src="../file_manager/foreground/js/metadata/metadata_cache.js"></scr ipt>
38 38
39 <script src="audio_player/js/audio_player.js"></script> 39 <script src="js/audio_player.js"></script>
40 40
41 <script src="audio_player/elements/track_list.js"></script> 41 <script src="elements/track_list.js"></script>
42 <script src="audio_player/elements/control_panel.js"></script> 42 <script src="elements/control_panel.js"></script>
43 <script src="audio_player/elements/volume_controller.js"></script> 43 <script src="elements/volume_controller.js"></script>
44 <script src="audio_player/elements/audio_player.js"></script> 44 <script src="elements/audio_player.js"></script>
45 </if> 45 </if>
46 </head> 46 </head>
47 <body> 47 <body>
48 <!-- Definition of <track-list> tag. --> 48 <!-- Definition of <track-list> tag. -->
49 <polymer-element name="track-list" attributes="tracks"> 49 <polymer-element name="track-list" attributes="tracks">
50 <template> 50 <template>
51 <link rel="stylesheet" href="audio_player/elements/track_list.css"></link> 51 <link rel="stylesheet" href="elements/track_list.css"></link>
52 <template id="tracks" repeat="{{track, index in tracks}}"> 52 <template id="tracks" repeat="{{track, index in tracks}}">
53 <div class="track" active?="{{track.active}}" index="{{index}}" on-click ="{{trackClicked}}"> 53 <div class="track" active?="{{track.active}}" index="{{index}}" on-click ="{{trackClicked}}">
54 <div class="data"> 54 <div class="data">
55 <div class="data-title">{{track.title}}</div> 55 <div class="data-title">{{track.title}}</div>
56 <div class="data-artist">{{track.artist}}</div> 56 <div class="data-artist">{{track.artist}}</div>
57 </div> 57 </div>
58 </div> 58 </div>
59 </template> 59 </template>
60 </template> 60 </template>
61 </polymer-element> 61 </polymer-element>
62 62
63 <!-- Definition of <control-panel> tag. --> 63 <!-- Definition of <control-panel> tag. -->
64 <polymer-element name="control-panel"> 64 <polymer-element name="control-panel">
65 <template> 65 <template>
66 <link rel="stylesheet" 66 <link rel="stylesheet" href="elements/control_panel.css"></link>
67 href="audio_player/elements/control_panel.css"></link>
68 67
69 <div class="controls"> 68 <div class="controls">
70 <div class="upper-controls time-controls"> 69 <div class="upper-controls time-controls">
71 <div class="time media-control"> 70 <div class="time media-control">
72 <div class="current">{{timeString_}}</div> 71 <div class="current">{{timeString_}}</div>
73 </div> 72 </div>
74 <div class="progress media-control custom-slider"> 73 <div class="progress media-control custom-slider">
75 <input name="timeInput" 74 <input name="timeInput"
76 type="range" 75 type="range"
77 min="0" max="{{duration}}" value="{{time}}"> 76 min="0" max="{{duration}}" value="{{time}}">
(...skipping 85 matching lines...) Expand 10 before | Expand all | Expand 10 after
163 </label> 162 </label>
164 </button> 163 </button>
165 </div> 164 </div>
166 </div> 165 </div>
167 </template> 166 </template>
168 </polymer-element> 167 </polymer-element>
169 168
170 <!-- Definition of <volume-controller> tag. --> 169 <!-- Definition of <volume-controller> tag. -->
171 <polymer-element name="volume-controller" attributes="width height value"> 170 <polymer-element name="volume-controller" attributes="width height value">
172 <template> 171 <template>
173 <link rel="stylesheet" 172 <link rel="stylesheet" href="elements/volume_controller.css"></link>
174 href="audio_player/elements/volume_controller.css"></link>
175 173
176 <div id="background"></div> 174 <div id="background"></div>
177 <input name="rawValueInput" id="rawValueInput" 175 <input name="rawValueInput" id="rawValueInput"
178 type="range" min="0" max="100" value="{{rawValue}}"> 176 type="range" min="0" max="100" value="{{rawValue}}">
179 <div id="bar"> 177 <div id="bar">
180 <div class="filled" style="height: {{rawValue}}%;"></div> 178 <div class="filled" style="height: {{rawValue}}%;"></div>
181 <div class="cap left"></div> 179 <div class="cap left"></div>
182 <div class="cap right"></div> 180 <div class="cap right"></div>
183 </div> 181 </div>
184 </template> 182 </template>
185 </polymer-element> 183 </polymer-element>
186 184
187 <!-- Definition of <audio-player> tag. --> 185 <!-- Definition of <audio-player> tag. -->
188 <polymer-element name="audio-player" 186 <polymer-element name="audio-player"
189 attributes="playing currenttrackurl playcount"> 187 attributes="playing currenttrackurl playcount">
190 <template> 188 <template>
191 <link rel="stylesheet" 189 <link rel="stylesheet" href="elements/audio_player.css"></link>
192 href="audio_player/elements/audio_player.css"></link>
193 190
194 <track-list id="trackList" expanded?="{{model.expanded}}" 191 <track-list id="trackList" expanded?="{{model.expanded}}"
195 on-replay="{{onReplayCurrentTrack}}"></track-list> 192 on-replay="{{onReplayCurrentTrack}}"></track-list>
196 <control-panel id="audioController" 193 <control-panel id="audioController"
197 on-next-clicked="{{onControllerNextClicked}}" 194 on-next-clicked="{{onControllerNextClicked}}"
198 on-previous-clicked="{{onControllerPreviousClicked}}"> 195 on-previous-clicked="{{onControllerPreviousClicked}}">
199 </control-panel> 196 </control-panel>
200 <audio id="audio"></audio> 197 <audio id="audio"></audio>
201 </template> 198 </template>
202 </polymer-element> 199 </polymer-element>
203 200
204 <div class="audio-player"> 201 <div class="audio-player">
205 <!-- Place the audio player. --> 202 <!-- Place the audio player. -->
206 <audio-player></audio-player> 203 <audio-player></audio-player>
207 </div> 204 </div>
208 </body> 205 </body>
209 </html> 206 </html>
OLDNEW
« no previous file with comments | « ui/file_manager/audio_player/assets/200/player_volume_level_top.png ('k') | ui/file_manager/audio_player/css/audio_player.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698