Video Player: Add a cast menu

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 147 matching lines @@
 
   var closeButton = document.querySelector('.close-button');
   closeButton.addEventListener(
     'click',
     function(event) {
       close();
       event.stopPropagation();
     }.wrap(null));
   closeButton.addEventListener('mousedown', preventDefault);
 
+  var castButton = document.querySelector('.cast-button');
+  cr.ui.decorate(castButton, cr.ui.MenuButton);
+  castButton.addEventListener(
+    'click',
+    function(event) {
+      event.stopPropagation();
+    }.wrap(null));
+  castButton.addEventListener('mousedown', preventDefault);
+
+  var menu = document.querySelector('#cast-menu');
+  cr.ui.decorate(menu, cr.ui.Menu);
+
   this.controls_ = new FullWindowVideoControls(
       document.querySelector('#video-player'),
       document.querySelector('#video-container'),
       document.querySelector('#controls'));
 
   var reloadVideo = function(e) {
     if (this.controls_.decodeErrorOccured &&
         // Ignore shortcut keys
         !e.ctrlKey && !e.altKey && !e.shiftKey && !e.metaKey) {
       this.reloadCurrentVideo_(function() {
@@ skipping 161 matching lines @@
  *
  * @param {function()=} opt_callback Completion callback.
  * @private
  */
 VideoPlayer.prototype.reloadCurrentVideo_ = function(opt_callback) {
   var currentVideo = this.videos_[this.currentPos_];
   this.loadVideo_(currentVideo.fileUrl, currentVideo.entry.name, opt_callback);
 };
 
 /**
+ * Set the list of casts.
+ * @param {Array.<Object>} casts List of casts.
+ */
+VideoPlayer.prototype.setCastList = function(casts) {
+  var button = document.querySelector('.cast-button');
+  var menu = document.querySelector('#cast-menu');
+  menu.innerHTML = '';
+
+  if (casts.length === 0) {
+    button.classList.add('hidden');
+    return;
+  }
+
+  for (var i = 0; i < casts.length; i++) {
+    var item = new cr.ui.MenuItem();
+    item.textContent = casts[i].name;
+    menu.appendChild(item);
+  }
+  button.classList.remove('hidden');
+};
+
+/**
  * Initialize the list of videos.
  * @param {function(Array.<Object>)} callback Called with the video list when
  *     it is ready.
  */
 function initVideos(callback) {
   if (window.videos) {
     var videos = window.videos;
     window.videos = null;
     callback(videos);
     return;
@@ skipping 23 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));