AudioPlayer.app: Use HTML Imports to define custom elements.

ui/file_manager/audio_player/elements/track_list.html

Index: ui/file_manager/audio_player/elements/track_list.html
diff --git a/ui/file_manager/audio_player/elements/track_list.html b/ui/file_manager/audio_player/elements/track_list.html
new file mode 100644
index 0000000000000000000000000000000000000000..eeeff3a32fd59a4bc36c505f55e85d8cafae0019
--- /dev/null
+++ b/ui/file_manager/audio_player/elements/track_list.html
@@ -0,0 +1,23 @@
+<!--
+  -- Copyright 2015 The Chromium Authors. All rights reserved.
+  -- Use of this source code is governed by a BSD-style license that can be
+  -- found in the LICENSE file.
+  -->
+
+<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
+
+<polymer-element name="track-list" attributes="tracks">
+  <template>
+    <link rel="stylesheet" href="track_list.css">
+
+    <template id="tracks" repeat="{{track, index in tracks}}">
+      <div class="track" active?="{{track.active}}" index="{{index}}" on-click="{{trackClicked}}">
+        <div class="data">
+          <div class="data-title">{{track.title}}</div>
+          <div class="data-artist">{{track.artist}}</div>
+        </div>
+      </div>
+    </template>
+  </template>
+  <script src="track_list.js"></script>
+</polymer-element>