treestyletab/modules/fullscreenObserver.js
Piro / YUKI Hiroshi 8185bafaae Define global symbol which to be exported, by "var" instead of "const".
This should avoid the issue caused by new behavior of ES6 "const".
See also https://bugzilla.mozilla.org/show_bug.cgi?id=1202902
2015-10-11 12:40:17 +09:00

110 lines
3.7 KiB
JavaScript

/* ***** BEGIN LICENSE BLOCK *****
* Version: MPL 1.1/GPL 2.0/LGPL 2.1
*
* The contents of this file are subject to the Mozilla Public License Version
* 1.1 (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
* http://www.mozilla.org/MPL/
*
* Software distributed under the License is distributed on an "AS IS" basis,
* WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
* for the specific language governing rights and limitations under the
* License.
*
* The Original Code is the Tree Style Tab.
*
* The Initial Developer of the Original Code is YUKI "Piro" Hiroshi.
* Portions created by the Initial Developer are Copyright (C) 2013
* the Initial Developer. All Rights Reserved.
*
* Contributor(s): YUKI "Piro" Hiroshi <piro.outsider.reflex@gmail.com>
*
* Alternatively, the contents of this file may be used under the terms of
* either the GNU General Public License Version 2 or later (the "GPL"), or
* the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
* in which case the provisions of the GPL or the LGPL are applicable instead
* of those above. If you wish to allow use of your version of this file only
* under the terms of either the GPL or the LGPL, and not to allow others to
* use your version of this file under the terms of the MPL, indicate your
* decision by deleting the provisions above and replace them with the notice
* and other provisions required by the GPL or the LGPL. If you do not delete
* the provisions above, a recipient may use your version of this file under
* the terms of any one of the MPL, the GPL or the LGPL.
*
* ***** END LICENSE BLOCK ******/
var EXPORTED_SYMBOLS = ['FullscreenObserver'];
Components.utils.import('resource://treestyletab-modules/utils.js');
function FullscreenObserver(aWindow) {
this.window = aWindow;
this.init();
}
FullscreenObserver.prototype = {
get MutationObserver()
{
var w = this.window;
return w.MutationObserver || w.MozMutationObserver;
},
init : function FullscreenObserver_onInit()
{
if (!this.MutationObserver)
return;
this.observer = new this.MutationObserver((function(aMutations, aObserver) {
this.onMutation(aMutations, aObserver);
}).bind(this));
this.observer.observe(this.window.document.documentElement, {
attributes : true,
attributeFilter : ['sizemode']
});
this.onSizeModeChange();
},
destroy : function FullscreenObserver_destroy()
{
if (this.observer) {
this.observer.disconnect();
delete this.observer;
}
delete this.window;
},
onMutation : function FullscreenObserver_onMutation(aMutations, aObserver)
{
this.window.setTimeout((function() {
this.onSizeModeChange();
}).bind(this), 10);
},
onSizeModeChange : function FullscreenObserver_onSizeModeChange()
{
var w = this.window;
var d = w.document;
if (d.documentElement.getAttribute('sizemode') != 'fullscreen')
return;
if (
!w.FullScreen.useLionFullScreen && // see https://github.com/piroor/treestyletab/issues/645
TreeStyleTabUtils.prefs.getPref('browser.fullscreen.autohide') // see https://github.com/piroor/treestyletab/issues/717
) {
let toolbox = w.gNavToolbox;
toolbox.style.marginTop = -toolbox.getBoundingClientRect().height + 'px';
}
var windowControls = d.getElementById('window-controls');
var navigationToolbar = d.getElementById('nav-bar');
if (!windowControls ||
!navigationToolbar ||
windowControls.parentNode == navigationToolbar ||
(w.gBrowser.treeStyleTab.position == 'top' && w.gBrowser.treeStyleTab.fixed))
return;
// the location bar is flex=1, so we should not apply it.
// windowControls.setAttribute('flex', '1');
navigationToolbar.appendChild(windowControls);
}
};