Adding fullscreen mode access to chrome.fileBrowserPrivate API.

chrome/browser/resources/file_manager/js/image_editor/media_controls.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.
 
 /**
  * @fileoverview MediaControls class implements media playback controls
  * that exist outside of the audio/video HTML element.
  */
 
 /**
  * @param {HTMLMediaElement} mediaElement The media element to control.
  * @param {HTMLElement} containerElement The container for the controls.
  * @constructor
  */
 function MediaControls(mediaElement, containerElement) {
   this.media_ = mediaElement;
   this.container_ = containerElement;
   this.document_ = this.container_.ownerDocument;
 
   this.setupPlaybackControls_();
 
   this.setupMediaEvents_();
+
+  this.document_.defaultView.addEventListener(
+      'resize', this.onWindowResize.bind(this));
 }
 
 /**
  * Load the given url into the media element.
  *
  * @param {string} url
  */
 MediaControls.prototype.load = function(url) {
   this.media_.src = url;
   this.media_.load();
@@ skipping 239 matching lines @@
   }
 };
 
 MediaControls.prototype.onVolumeMouseDown_ = function () {
   if (this.media_.volume != 0) {
     this.savedVolume_ = this.media_.volume;
   }
 };
 
 MediaControls.prototype.onFullscreenButtonClick_ = function() {
-  this.fullscreenButton_.classList.toggle('on');
-  // TODO: invoke the actual full screen mode
+  if (chrome.fileBrowserPrivate) {
+    chrome.fileBrowserPrivate.toggleFullscreen();
+  }
+};
+
+MediaControls.prototype.onWindowResize = function() {
+  // There is no notification to tell us when the user enters/leaves the
+  // fullscreen mode using the built-in Chrome controls. All we can do is
+  // query the current fullscreen state.
+  // The best place to do it is a window resize handler.
+  if (chrome.fileBrowserPrivate) {
+    chrome.fileBrowserPrivate.isFullscreen(
+        this.updateFullscreenStatus_.bind(this));
+  }
+};
+
+MediaControls.prototype.updateFullscreenStatus_ = function(on) {
+  if (on) {
+    this.fullscreenButton_.classList.add('on');
+  } else {
+    this.fullscreenButton_.classList.remove('on');
+  }
 };
 
 /**
  * Attach media event handlers.
  */
 MediaControls.prototype.setupMediaEvents_ = function() {
   this.media_.addEventListener(
       'play', this.onMediaPlay_.bind(this, true));
   this.media_.addEventListener(
       'pause', this.onMediaPlay_.bind(this, false));
@@ skipping 138 matching lines @@
 /**
  * Compute the proportion in which the given position divides the slider bar.
  *
  * @param {number} position in pixels.
  * @return {number} [0..1] proportion.
  */
 MediaControls.Slider.prototype.getProportion = function (position) {
   var rect = this.bar_.getBoundingClientRect();
   return Math.max(0, Math.min(1, (position - rect.left) / rect.width));
 };