OLD | NEW |
1 <!-- | 1 <!-- |
2 -- Copyright 2016 The Chromium Authors. All rights reserved. | 2 -- Copyright 2016 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/v1_0/polymer/polymer.html"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> |
| 8 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
8 <link rel="import" href="chrome://resources/polymer/v1_0/font-roboto/roboto.html
"> | 9 <link rel="import" href="chrome://resources/polymer/v1_0/font-roboto/roboto.html
"> |
9 <link rel="import" href="chrome-extension://hhaomjibdihmijegdhdafkllkbggdgoj/for
eground/elements/files_icon_button.html"> | |
10 | 10 |
11 <dom-module id="track-info-panel"> | 11 <dom-module id="track-info-panel"> |
12 <link rel="import" type="css" href="track_info_panel.css"> | 12 <link rel="import" type="css" href="track_info_panel.css"> |
13 <template> | 13 <template> |
14 <div class="track"> | 14 <div class="track-wrapper"> |
15 <div class="icon-wrapper"> | 15 <div class="icon-unavailable-expanded"></div> |
16 <div class="icon-background"></div> | 16 <div class="icon-expanded" style="background-image: url([[track.artworkUrl
]]);"></div> |
17 <div class="icon" style="background-image: url([[track.artworkUrl]]);"><
/div> | 17 <div class="track"> |
| 18 <div class="icon-wrapper"> |
| 19 <div class="icon" style="background-image: url([[track.artworkUrl]]);"
></div> |
| 20 </div> |
| 21 <div class="data"> |
| 22 <div class="data-title">[[track.title]]</div> |
| 23 <div class="data-artist">[[track.artist]]</div> |
| 24 </div> |
| 25 <paper-button toggles |
| 26 id="expand" |
| 27 class="expand" |
| 28 active="{{expanded}}"> |
| 29 </paper-button> |
18 </div> | 30 </div> |
19 <div class="data"> | |
20 <div class="data-title">[[track.title]]</div> | |
21 <div class="data-artist">[[track.artist]]</div> | |
22 </div> | |
23 <files-icon-button | |
24 id="expand" | |
25 class="expand" | |
26 on-click="expandClick"> | |
27 </files-icon-button> | |
28 </div> | 31 </div> |
29 </template> | 32 </template> |
30 </dom-module> | 33 </dom-module> |
31 | 34 |
32 <script src="track_info_panel.js"></script> | 35 <script src="track_info_panel.js"></script> |
OLD | NEW |