[Audio Player] Cleanup the code along with closure compiler

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}
- * @const
  */
 ContentMetadataProvider.WORKER_SCRIPT = '/js/metadata_worker.js';
 
 /**
- * @param {HTMLElement} container Container element.
+ * @param {Element} container Container element.
  * @constructor
  */
 function AudioPlayer(container) {
   this.container_ = container;
   this.volumeManager_ = new VolumeManagerWrapper(
       VolumeManagerWrapper.NonNativeVolumeStatus.ENABLED);
-  this.metadataModel_ = new MetadataModel.create(this.volumeManager_);
+  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.lenfth; i++) {
+    for (var i = 0; i < changes.length; i++) {
       var change = changes[i];
       if (change.name == 'expanded' && 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_ = document.querySelector('audio-player');
+  this.player_ =
+    /** @type {AudioPlayerElement} */ (document.querySelector('audio-player'));
   // TODO(yoshiki): Move tracks into the model.
   this.player_.tracks = [];
   this.player_.model = this.model_;
 
   // 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 =
           strings['AUDIO_PLAYER_DEFAULT_ARTIST'];
     }.bind(this));
 
     this.volumeManager_.addEventListener('externally-unmounted',
         this.onExternallyUnmounted_.bind(this));
 
     window.addEventListener('resize', this.onResize_.bind(this));
 
     // Show the window after DOM is processed.
     var currentWindow = chrome.app.window.current();
     if (currentWindow)
       setTimeout(currentWindow.show.bind(currentWindow), 0);
-  }.bind(this));
+  }.bind(this), 0);
 }
 
 /**
  * Initial load method (static).
  */
 AudioPlayer.load = function() {
   document.ondragstart = function(e) { e.preventDefault(); };
 
   AudioPlayer.instance =
       new AudioPlayer(document.querySelector('.audio-player'));
@@ skipping 62 matching lines @@
       // is called, before the handler of the track index.
       setTimeout(function() {
         this.select_(position, !!time);
 
         // Load the selected track metadata first, then load the rest.
         this.loadMetadata_(position);
         for (i = 0; i != this.entries_.length; i++) {
           if (i != position)
             this.loadMetadata_(i);
         }
-      }.bind(this));
+      }.bind(this), 0);
     }.bind(this));
   }.bind(this));
 };
 
 /**
  * Loads metadata for a track.
  * @param {number} track Track number.
  * @private
  */
 AudioPlayer.prototype.loadMetadata_ = function(track) {
@@ skipping 60 matching lines @@
     util.saveAppState();
 
     var entry = this.entries_[this.currentTrackIndex_];
 
     this.fetchMetadata_(entry, function(metadata) {
       if (this.currentTrackIndex_ != newTrack)
         return;
 
       this.selectedEntry_ = entry;
     }.bind(this));
-  }.bind(this));
+  }.bind(this), 0);
 };
 
 /**
  * @param {FileEntry} entry Track file entry.
- * @param {function(object)} callback Callback.
+ * @param {function(Object)} callback Callback.
  * @private
  */
 AudioPlayer.prototype.fetchMetadata_ = function(entry, callback) {
   this.metadataModel_.get(
       [entry], ['mediaTitle', 'mediaArtist', 'present']).then(
       function(generation, metadata) {
         // Do nothing if another load happened since the metadata request.
         if (this.playlistGeneration_ == generation)
           callback(metadata[0]);
       }.bind(this, this.playlistGeneration_));
@@ skipping 119 matching lines @@
     // Not expanded.
     targetHeight = AudioPlayer.CONTROLS_HEIGHT + AudioPlayer.TRACK_HEIGHT;
   }
 
   window.resizeTo(window.innerWidth, targetHeight + AudioPlayer.HEADER_HEIGHT);
 };
 
 /**
  * Create a TrackInfo object encapsulating the information about one track.
  *
- * @param {fileEntry} entry FileEntry to be retrieved the track info from.
- * @param {function} onClick Click handler.
+ * @param {FileEntry} entry FileEntry to be retrieved the track info from.
+ * @param {function(MouseEvent)} onClick Click handler.
  * @constructor
  */
 AudioPlayer.TrackInfo = function(entry, onClick) {
   this.url = entry.toURL();
   this.title = this.getDefaultTitle();
   this.artist = this.getDefaultArtist();
 
   // TODO(yoshiki): implement artwork.
   this.artwork = null;
   this.active = false;
 };
 
 /**
- * @return {HTMLDivElement} The wrapper element for the track.
- */
-AudioPlayer.TrackInfo.prototype.getBox = function() { return this.box_; };
-
-/**
  * @return {string} Default track title (file name extracted from the url).
  */
 AudioPlayer.TrackInfo.prototype.getDefaultTitle = function() {
   var title = this.url.split('/').pop();
   var dotIndex = title.lastIndexOf('.');
   if (dotIndex >= 0) title = title.substr(0, dotIndex);
   title = decodeURIComponent(title);
   return title;
 };
 
@@ skipping 18 matching lines @@
   // 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) {
   AudioPlayer.load();
 });