fullscreen_v1.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.

/**
 * @fileoverview
 * Full-screen implementation for apps v1, using webkitRequestFullscreen.
 */

'use strict';

/** @suppress {duplicate} */
var remoting = remoting || {};

/**
 * @constructor
 * @implements {remoting.Fullscreen}
 */
remoting.FullscreenAppsV1 = function() {
  /**
   * @type {string} Internal 'full-screen changed' event name
   * @private
   */
  this.kEventName_ = '_fullscreenchanged';

  /**
   * @type {base.EventSourceImpl}
   * @private
   */
  this.eventSource_ = new base.EventSourceImpl();
  this.eventSource_.defineEvents([this.kEventName_]);

  document.addEventListener(
      'webkitfullscreenchange',
      this.onFullscreenChanged_.bind(this),
      false);
};

remoting.FullscreenAppsV1.prototype.activate = function(
    fullscreen, opt_onDone) {
  if (opt_onDone) {
    if (this.isActive() == fullscreen) {
      opt_onDone();
    } else {
      /** @type {remoting.Fullscreen} */
      var that = this;
      var callbackAndRemoveListener = function() {
        that.removeListener(callbackAndRemoveListener);
        opt_onDone();
      };
      this.addListener(callbackAndRemoveListener);
    }
  }

  if (fullscreen) {
    document.body.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
  } else {
    document.webkitCancelFullScreen();
  }
};

/** @return {void} */
remoting.FullscreenAppsV1.prototype.toggle = function() {
  this.activate(!this.isActive());
};

/**
 * @return {boolean} True if full-screen mode is active.
 */
remoting.FullscreenAppsV1.prototype.isActive = function() {
  return document.webkitIsFullScreen;
};

/**
 * @param {function(boolean=):void} callback
 */
remoting.FullscreenAppsV1.prototype.addListener = function(callback) {
  this.eventSource_.addEventListener(this.kEventName_, callback);
};

/**
 * @param {function(boolean=):void} callback
 */
remoting.FullscreenAppsV1.prototype.removeListener = function(callback) {
  this.eventSource_.removeEventListener(this.kEventName_, callback);
};

/**
 * @private
 */
remoting.FullscreenAppsV1.prototype.onFullscreenChanged_ = function() {
  /** @this {remoting.FullscreenAppsV1} */
  var checkIsActive = function() {
    if (this.isActive()) {
      document.body.classList.add('fullscreen');
    } else {
      document.body.classList.remove('fullscreen');
    }
    this.eventSource_.raiseEvent(this.kEventName_, this.isActive());
  };

  // Querying full-screen immediately after the webkitfullscreenchange
  // event fires sometimes gives the wrong answer on Mac, perhaps due to
  // the time taken to animate presentation mode. Since I haven't been able
  // to isolate the exact repro steps, and we're not planning on using this
  // API for much longer, this hack will suffice for now.
  window.setTimeout(checkIsActive.bind(this), 500);
};