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

ui/file_manager/audio_player/elements/audio_player.html

Index: ui/file_manager/audio_player/elements/audio_player.html
diff --git a/ui/file_manager/audio_player/elements/audio_player.html b/ui/file_manager/audio_player/elements/audio_player.html
new file mode 100644
index 0000000000000000000000000000000000000000..eddeb8d78aa2dacc9daac8d2d5dfd321b0ea00aa
--- /dev/null
+++ b/ui/file_manager/audio_player/elements/audio_player.html
@@ -0,0 +1,25 @@
+<!--
+  -- 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">
+<link rel="import" href="track_list.html">
+<link rel="import" href="control_panel.html">
+
+<polymer-element name="audio-player"
+                 attributes="playing currenttrackurl playcount">
+  <template>
+    <link rel="stylesheet" href="audio_player.css">
+
+    <track-list id="trackList" expanded?="{{model.expanded}}"
+                on-replay="{{onReplayCurrentTrack}}"></track-list>
+    <control-panel id="audioController"
+                   on-next-clicked="{{onControllerNextClicked}}"
+                   on-previous-clicked="{{onControllerPreviousClicked}}">
+    </control-panel>
+    <audio id="audio"></audio>
+  </template>
+  <script src="audio_player.js"></script>
+</polymer-element>