remoting/webapp/base/js/window_shape.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  * Class handling setting of the local app window shape to account for windows
   8  * on the remote desktop, as well as any client-side UI.
   9  */
  10
  11 'use strict';
  12
  13 /** @suppress {duplicate} */
  14 var remoting = remoting || {};
  15
  16 /** @constructor */
  17 remoting.WindowShape = function() {
  18   /** @private {Array<{left: number, top: number,
  19                        width: number, height: number}>} */
  20   this.desktopRects_ = [];
  21
  22   /** @private {Array<remoting.WindowShape.ClientUI>} */
  23   this.clientUICallbacks_ = [];
  24 };
  25
  26 /**
  27  * @return {boolean} True if setShape is available.
  28  */
  29 remoting.WindowShape.isSupported = function() {
  30   return base.isAppsV2() &&
  31       typeof(chrome.app.window.current().setShape) != 'undefined';
  32 }
  33
  34 /**
  35  * Add a client-side UI measurement callback.
  36  *
  37  * @param {remoting.WindowShape.ClientUI} callback
  38  */
  39 remoting.WindowShape.prototype.addCallback = function(callback) {
  40   this.clientUICallbacks_.push(callback);
  41   this.updateClientWindowShape();
  42 };
  43
  44 /**
  45  * Set the region associated with the remote desktop windows.
  46  *
  47  * @param {Array<{left: number, top: number, width: number, height: number}>}
  48  *     rects
  49  */
  50 remoting.WindowShape.prototype.setDesktopRects = function(rects) {
  51   this.desktopRects_ = rects;
  52   this.updateClientWindowShape();
  53 };
  54
  55 /**
  56  * Update the client window shape.
  57  */
  58 remoting.WindowShape.prototype.updateClientWindowShape = function() {
  59   if (!remoting.WindowShape.isSupported()) {
  60     return;
  61   }
  62
  63   var rects = this.desktopRects_.slice();
  64   for (var i = 0; i < this.clientUICallbacks_.length; ++i) {
  65     this.clientUICallbacks_[i].addToRegion(rects);
  66   }
  67   for (var i = 0; i < rects.length; ++i) {
  68     var rect = /** @type {ClientRect} */ (rects[i]);
  69     var left = Math.floor(rect.left);
  70     var right = Math.ceil(rect.left + rect.width);
  71     var top = Math.floor(rect.top);
  72     var bottom = Math.ceil(rect.top + rect.height);
  73     rects[i] = { left: left,
  74                  top: top,
  75                  width: right - left,
  76                  height: bottom - top };
  77   }
  78   chrome.app.window.current().setShape({rects: rects});
  79 };
  80
  81
  82 /**
  83  * @interface
  84  */
  85 remoting.WindowShape.ClientUI = function () {
  86 };
  87
  88 /**
  89  * Add the context menu's bounding rectangle to the specified region.
  90  *
  91  * @param {Array<{left: number, top: number, width: number, height: number}>}
  92  *     rects
  93  */
  94 remoting.WindowShape.ClientUI.prototype.addToRegion = function(rects) {};
  95
  96
  97 /** @type {remoting.WindowShape} */
  98 remoting.windowShape = new remoting.WindowShape();