AudioPlayer.app: Migrate to Polymer 1.0.

ui/file_manager/audio_player/js/audio_player.js

 // Copyright (c) 2012 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.
 
 /**
  * Overrided metadata worker's path.
  * @type {string}
  */
 ContentMetadataProvider.WORKER_SCRIPT = '/js/metadata_worker.js';
 
 /**
  * @param {Element} container Container element.
  * @constructor
  */
 function AudioPlayer(container) {
   this.container_ = container;
   this.volumeManager_ = new VolumeManagerWrapper(
       VolumeManagerWrapper.NonNativeVolumeStatus.ENABLED);
   this.metadataModel_ = MetadataModel.create(this.volumeManager_);
   this.selectedEntry_ = null;
   this.invalidTracks_ = {};
 
   this.model_ = new AudioPlayerModel();
   Object.observe(this.model_, function(changes) {
     for (var i = 0; i < changes.length; i++) {
       var change = changes[i];
-      if (change.name == 'expanded' && change.type == 'update') {
+      if (change.name == 'expanded' &&
+          (change.type == 'add' || change.type == 'update')) {
         this.onModelExpandedChanged(change.oldValue, change.object.expanded);
         break;
       }
     }
   }.bind(this));
 
   this.entries_ = [];
   this.currentTrackIndex_ = -1;
   this.playlistGeneration_ = 0;
 
   /**
    * Whether if the playlist is expanded or not. This value is changed by
    * this.syncExpanded().
    * True: expanded, false: collapsed, null: unset.
    *
    * @type {?boolean}
    * @private
    */
   this.isExpanded_ = null;  // Initial value is null. It'll be set in load().
 
   this.player_ =
     /** @type {AudioPlayerElement} */ (document.querySelector('audio-player'));
   // TODO(yoshiki): Move tracks into the model.
   this.player_.tracks = [];
-  this.player_.model = this.model_;
+  this.model_.initialize(function() {
+    this.player_.model = this.model_;
+  }.bind(this));
 
   // Run asynchronously after an event of model change is delivered.
   setTimeout(function() {
     this.errorString_ = '';
     this.offlineString_ = '';
     chrome.fileManagerPrivate.getStrings(function(strings) {
       container.ownerDocument.title = strings['AUDIO_PLAYER_TITLE'];
       this.errorString_ = strings['AUDIO_ERROR'];
       this.offlineString_ = strings['AUDIO_OFFLINE'];
       AudioPlayer.TrackInfo.DEFAULT_ARTIST =
@@ skipping 46 matching lines @@
  */
 AudioPlayer.prototype.load = function(playlist) {
   this.playlistGeneration_++;
   this.currentTrackIndex_ = -1;
 
   // Save the app state, in case of restart. Make a copy of the object, so the
   // playlist member is not changed after entries are resolved.
   window.appState = JSON.parse(JSON.stringify(playlist));  // cloning
   util.saveAppState();
 
-  this.isExpanded_ = this.model_.expanded;
+  this.isExpanded_ = this.player_.expanded;
 
   // Resolving entries has to be done after the volume manager is initialized.
   this.volumeManager_.ensureInitialized(function() {
     util.URLsToEntries(playlist.items, function(entries) {
       this.entries_ = entries;
 
       var position = playlist.position || 0;
       var time = playlist.time || 0;
 
       if (this.entries_.length == 0)
@@ skipping 81 matching lines @@
  * Selects a new track to play.
  * @param {number} newTrack New track number.
  * @param {number} time New playback position (in second).
  * @private
  */
 AudioPlayer.prototype.select_ = function(newTrack, time) {
   if (this.currentTrackIndex_ == newTrack) return;
 
   this.currentTrackIndex_ = newTrack;
   this.player_.currentTrackIndex = this.currentTrackIndex_;
-  this.player_.audioController.time = time;
+  this.player_.time = time;
 
   // Run asynchronously after an event of current track change is delivered.
   setTimeout(function() {
     if (!window.appReopen)
       this.player_.audioElement.play();
 
     window.appState.position = this.currentTrackIndex_;
     window.appState.time = 0;
     util.saveAppState();
 
@@ skipping 45 matching lines @@
 /**
  * Toggles the expanded mode when resizing.
  *
  * @param {Event} event Resize event.
  * @private
  */
 AudioPlayer.prototype.onResize_ = function(event) {
   if (!this.isExpanded_ &&
       window.innerHeight >= AudioPlayer.EXPANDED_MODE_MIN_HEIGHT) {
     this.isExpanded_ = true;
-    this.model_.expanded = true;
+    this.player_.expanded = true;
   } else if (this.isExpanded_ &&
              window.innerHeight < AudioPlayer.EXPANDED_MODE_MIN_HEIGHT) {
     this.isExpanded_ = false;
-    this.model_.expanded = false;
+    this.player_.expanded = false;
   }
 };
 
 /**
  * Handles keydown event to open inspector with shortcut keys.
  *
  * @param {Event} event KeyDown event.
  * @private
  */
 AudioPlayer.prototype.onKeyDown_ = function(event) {
@@ skipping 74 matching lines @@
     util.saveAppState();
   }
 };
 
 /**
  * @private
  */
 AudioPlayer.prototype.syncHeight_ = function() {
   var targetHeight;
 
-  if (this.model_.expanded) {
+  if (this.player_.expanded) {
     // Expanded.
     if (!this.lastExpandedHeight_ ||
         this.lastExpandedHeight_ < AudioPlayer.EXPANDED_MODE_MIN_HEIGHT) {
       var expandedListHeight =
           Math.min(this.entries_.length, AudioPlayer.DEFAULT_EXPANDED_ITEMS) *
               AudioPlayer.TRACK_HEIGHT;
       targetHeight = AudioPlayer.CONTROLS_HEIGHT + expandedListHeight;
       this.lastExpandedHeight_ = targetHeight;
     } else {
       targetHeight = this.lastExpandedHeight_;
@@ skipping 52 matching lines @@
  */
 AudioPlayer.TrackInfo.prototype.setMetadata = function(
     metadata, error) {
   // TODO(yoshiki): Handle error in better way.
   // TODO(yoshiki): implement artwork (metadata.thumbnail)
   this.title = metadata.mediaTitle || this.getDefaultTitle();
   this.artist = error || metadata.mediaArtist || this.getDefaultArtist();
 };
 
 // Starts loading the audio player.
-window.addEventListener('polymer-ready', function(e) {
+window.addEventListener('DOMContentLoaded', function(e) {
   AudioPlayer.load();
 });