remoting/webapp/fullscreen_v1.js

   1 // Copyright 2014 The Chromium Authors. All rights reserved.
   2 // Use of this source code is governed by a BSD-style license that can be
   3 // found in the LICENSE file.
   4
   5 /**
   6  * @fileoverview
   7  * Full-screen implementation for apps v1, using webkitRequestFullscreen.
   8  */
   9
  10 'use strict';
  11
  12 /** @suppress {duplicate} */
  13 var remoting = remoting || {};
  14
  15 /**
  16  * @constructor
  17  * @implements {remoting.Fullscreen}
  18  */
  19 remoting.FullscreenAppsV1 = function() {
  20   /**
  21    * @type {string} Internal 'full-screen changed' event name
  22    * @private
  23    */
  24   this.kEventName_ = '_fullscreenchanged';
  25
  26   /**
  27    * @type {base.EventSource}
  28    * @private
  29    */
  30   this.eventSource_ = new base.EventSource();
  31   this.eventSource_.defineEvents([this.kEventName_]);
  32
  33   document.addEventListener(
  34       'webkitfullscreenchange',
  35       this.onFullscreenChanged_.bind(this),
  36       false);
  37 };
  38
  39 remoting.FullscreenAppsV1.prototype.activate = function(
  40     fullscreen, opt_onDone) {
  41   if (opt_onDone) {
  42     if (this.isActive() == fullscreen) {
  43       opt_onDone();
  44     } else {
  45       /** @type {remoting.Fullscreen} */
  46       var that = this;
  47       var callbackAndRemoveListener = function() {
  48         that.removeListener(callbackAndRemoveListener);
  49         opt_onDone();
  50       };
  51       this.addListener(callbackAndRemoveListener);
  52     }
  53   }
  54
  55   if (fullscreen) {
  56     document.body.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
  57   } else {
  58     document.webkitCancelFullScreen();
  59   }
  60 };
  61
  62 remoting.FullscreenAppsV1.prototype.toggle = function() {
  63   this.activate(!this.isActive());
  64 };
  65
  66 remoting.FullscreenAppsV1.prototype.isActive = function() {
  67   return document.webkitIsFullScreen;
  68 };
  69
  70 remoting.FullscreenAppsV1.prototype.addListener = function(callback) {
  71   this.eventSource_.addEventListener(this.kEventName_, callback);
  72 };
  73
  74 remoting.FullscreenAppsV1.prototype.removeListener = function(callback) {
  75   this.eventSource_.removeEventListener(this.kEventName_, callback);
  76 };
  77
  78 /**
  79  * @private
  80  */
  81 remoting.FullscreenAppsV1.prototype.onFullscreenChanged_ = function() {
  82   // Querying full-screen immediately after the webkitfullscreenchange
  83   // event fires sometimes gives the wrong answer on Mac, perhaps due to
  84   // the time taken to animate presentation mode. Since I haven't been able
  85   // to isolate the exact repro steps, and we're not planning on using this
  86   // API for much longer, this hack will suffice for now.
  87   window.setTimeout(
  88       /** @this {remoting.FullscreenAppsV1} */
  89       function() {
  90         this.eventSource_.raiseEvent(this.kEventName_, this.isActive());
  91       }.bind(this),
  92       500);
  93 };