Video Player: Hide the cast icon on non-drive volume

ui/file_manager/video_player/js/video_player.js

 // Copyright 2014 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.
 
 'use strict';
 
 /**
  * @param {Element} playerContainer Main container.
  * @param {Element} videoContainer Container for the video element.
  * @param {Element} controlsContainer Container for video controls.
@@ skipping 287 matching lines @@
         function(results) {
           var url = results[0];
           var token = results[1];
           document.querySelector('#thumbnail').style.backgroundImage =
               'url(' + url + '&access_token=' + token + ')';
         }).catch(function() {
           // Shows no image on error.
           document.querySelector('#thumbnail').style.backgroundImage = '';
         });
 
-    var media = new MediaManager(video.entry);

[hirono, 2014/08/14 09:37:18]

Is it OK to remove this line?

[yoshiki, 2014/08/14 10:17:43]

This is a dup with L295.

-
     var videoElementInitializePromise;
     if (this.currentCast_) {
       videoPlayerElement.setAttribute('casting', true);
 
       document.querySelector('#cast-name-label').textContent =
           loadTimeData.getString('VIDEO_PLAYER_PLAYING_ON');
       document.querySelector('#cast-name').textContent =
           this.currentCast_.friendlyName;
 
+      videoPlayerElement.setAttribute('castable', true);
+
       videoElementInitializePromise =
         media.isAvailableForCast().then(function(result) {
             if (!result)
               return Promise.reject('No casts are available.');
 
             return new Promise(function(fulfill, reject) {
               chrome.cast.requestSession(
                   fulfill, reject, undefined, this.currentCast_.label);
             }.bind(this)).then(function(session) {
               this.currentSession_ = session;
               this.videoElement_ = new CastVideoElement(media, session);
               this.controls.attachMedia(this.videoElement_);
             }.bind(this));
           }.bind(this));
     } else {
       videoPlayerElement.removeAttribute('casting');
 
       this.videoElement_ = document.createElement('video');
       document.querySelector('#video-container').appendChild(
           this.videoElement_);
 
       this.controls.attachMedia(this.videoElement_);
       this.videoElement_.src = video.url;
 
+      media.isAvailableForCast().then(function(result) {

[hirono, 2014/08/14 09:37:18]

Can we assign the return value to videoElementInitializePromise?

[yoshiki, 2014/08/14 10:17:43]

I don't think this block the initialization. It just changes the status of cast
icon.

[hirono, 2014/08/14 10:35:47]

SGTM. So please add an error handler after then.

[yoshiki, 2014/08/14 10:52:13]

Done.

+        if (result)
+          videoPlayerElement.setAttribute('castable', true);
+        else
+          videoPlayerElement.removeAttribute('castable');
+      }.bind(this));
+
       videoElementInitializePromise = Promise.resolve();
     }
 
     videoElementInitializePromise.
         then(function() {
           var handler = function(currentPos) {
             if (currentPos === this.currentPos_) {
               if (opt_callback)
                 opt_callback();
               videoPlayerElement.removeAttribute('loading');
@@ skipping 133 matching lines @@
   this.currentCast_ = cast || null;
   this.updateCheckOnCastMenu_();
   this.reloadCurrentVideo();
 };
 
 /**
  * Set the list of casts.
  * @param {Array.<Object>} casts List of casts.
  */
 VideoPlayer.prototype.setCastList = function(casts) {
-  var button = document.querySelector('.cast-button');
+  var videoPlayerElement = document.querySelector('#video-player');
   var menu = document.querySelector('#cast-menu');
   menu.innerHTML = '';
 
   // TODO(yoshiki): Handle the case that the current cast disappears.
 
   if (casts.length === 0) {
-    button.classList.add('hidden');
+    videoPlayerElement.removeAttribute('cast-available');
     if (this.currentCast_)
       this.onCurrentCastDisappear_();
     return;
   }
 
   if (this.currentCast_) {
     var currentCastAvailable = casts.some(function(cast) {
       return this.currentCast_.label === cast.label;
     }.wrap(this));
 
     if (!currentCastAvailable)
       this.onCurrentCastDisappear_();
   }
 
   var item = new cr.ui.MenuItem();
   item.label = loadTimeData.getString('VIDEO_PLAYER_PLAY_THIS_COMPUTER');
   item.castLabel = '';
   item.addEventListener('activate', this.onCastSelected_.wrap(this, null));
   menu.appendChild(item);
 
   for (var i = 0; i < casts.length; i++) {
     var item = new cr.ui.MenuItem();
     item.label = casts[i].friendlyName;
     item.castLabel = casts[i].label;
     item.addEventListener('activate',
                           this.onCastSelected_.wrap(this, casts[i]));
     menu.appendChild(item);
   }
   this.updateCheckOnCastMenu_();
-  button.classList.remove('hidden');
+  videoPlayerElement.setAttribute('cast-available', true);
 };
 
 /**
  * Updates the check status of the cast menu items.
  * @private
  */
 VideoPlayer.prototype.updateCheckOnCastMenu_ = function() {
   var menu = document.querySelector('#cast-menu');
   var menuItems = menu.menuItems;
   for (var i = 0; i < menuItems.length; i++) {
@@ skipping 62 matching lines @@
 var initPromise = Promise.all(
     [new Promise(initVideos.wrap(null)),
      new Promise(initStrings.wrap(null)),
      new Promise(util.addPageLoadHandler.wrap(null))]);
 
 initPromise.then(function(results) {
   var videos = results[0];
   player.prepare(videos);
   return new Promise(player.playFirstVideo.wrap(player));
 }.wrap(null));