/* Copyright 2017 Mozilla Foundation * * Licensed under the Apache License, Version 2.0 (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.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ 'use strict'; var OverlayManager = { overlays: {}, active: null, register: function overlayManagerRegister(name, element, callerCloseMethod, canForceClose) { return new Promise(function (resolve) { var container; if (!name || !element || !(container = element.parentNode)) { throw new Error('Not enough parameters.'); } else if (this.overlays[name]) { throw new Error('The overlay is already registered.'); } this.overlays[name] = { element: element, container: container, callerCloseMethod: callerCloseMethod || null, canForceClose: canForceClose || false }; resolve(); }.bind(this)); }, unregister: function overlayManagerUnregister(name) { return new Promise(function (resolve) { if (!this.overlays[name]) { throw new Error('The overlay does not exist.'); } else if (this.active === name) { throw new Error('The overlay cannot be removed while it is active.'); } delete this.overlays[name]; resolve(); }.bind(this)); }, open: function overlayManagerOpen(name) { return new Promise(function (resolve) { if (!this.overlays[name]) { throw new Error('The overlay does not exist.'); } else if (this.active) { if (this.overlays[name].canForceClose) { this._closeThroughCaller(); } else if (this.active === name) { throw new Error('The overlay is already active.'); } else { throw new Error('Another overlay is currently active.'); } } this.active = name; this.overlays[this.active].element.classList.remove('hidden'); this.overlays[this.active].container.classList.remove('hidden'); window.addEventListener('keydown', this._keyDown); resolve(); }.bind(this)); }, close: function overlayManagerClose(name) { return new Promise(function (resolve) { if (!this.overlays[name]) { throw new Error('The overlay does not exist.'); } else if (!this.active) { throw new Error('The overlay is currently not active.'); } else if (this.active !== name) { throw new Error('Another overlay is currently active.'); } this.overlays[this.active].container.classList.add('hidden'); this.overlays[this.active].element.classList.add('hidden'); this.active = null; window.removeEventListener('keydown', this._keyDown); resolve(); }.bind(this)); }, _keyDown: function overlayManager_keyDown(evt) { var self = OverlayManager; if (self.active && evt.keyCode === 27) { self._closeThroughCaller(); evt.preventDefault(); } }, _closeThroughCaller: function overlayManager_closeThroughCaller() { if (this.overlays[this.active].callerCloseMethod) { this.overlays[this.active].callerCloseMethod(); } if (this.active) { this.close(this.active); } } }; exports.OverlayManager = OverlayManager;