mirror of
https://github.com/nasa/openmct.git
synced 2025-05-22 02:07:42 +00:00
97 lines
3.5 KiB
JavaScript
97 lines
3.5 KiB
JavaScript
/*****************************************************************************
|
|
* Open MCT, Copyright (c) 2014-2016, United States Government
|
|
* as represented by the Administrator of the National Aeronautics and Space
|
|
* Administration. All rights reserved.
|
|
*
|
|
* Open MCT is 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.
|
|
*
|
|
* Open MCT includes source code licensed under additional open source
|
|
* licenses. See the Open Source Licenses file (LICENSES.md) included with
|
|
* this source code distribution or the Licensing information page available
|
|
* at runtime from the About dialog for additional information.
|
|
*****************************************************************************/
|
|
|
|
define(
|
|
[],
|
|
function () {
|
|
|
|
/**
|
|
* A ClickAwayController is used to toggle things (such as context
|
|
* menus) where clicking elsewhere in the document while the toggle
|
|
* is in an active state is intended to dismiss the toggle.
|
|
*
|
|
* @memberof platform/commonUI/general
|
|
* @constructor
|
|
* @param $scope the scope in which this controller is active
|
|
* @param $document the document element, injected by Angular
|
|
*/
|
|
function ClickAwayController($document, $scope) {
|
|
var self = this;
|
|
|
|
this.state = false;
|
|
this.$document = $document;
|
|
|
|
// Callback used by the document listener. Timeout ensures that
|
|
// `clickaway` action occurs after `toggle` if `toggle` is
|
|
// triggered by a click/mouseup.
|
|
this.clickaway = function () {
|
|
$scope.$apply(function () {
|
|
self.deactivate();
|
|
});
|
|
};
|
|
}
|
|
|
|
// Track state, but also attach and detach a listener for
|
|
// mouseup events on the document.
|
|
ClickAwayController.prototype.deactivate = function () {
|
|
this.state = false;
|
|
this.$document.off("mouseup", this.clickaway);
|
|
};
|
|
ClickAwayController.prototype.activate = function () {
|
|
this.state = true;
|
|
this.$document.on("mouseup", this.clickaway);
|
|
};
|
|
|
|
/**
|
|
* Get the current state of the toggle.
|
|
* @return {boolean} true if active
|
|
*/
|
|
ClickAwayController.prototype.isActive = function () {
|
|
return this.state;
|
|
};
|
|
|
|
/**
|
|
* Set a new state for the toggle.
|
|
* @return {boolean} true to activate
|
|
*/
|
|
ClickAwayController.prototype.setState = function (newState) {
|
|
if (this.state !== newState) {
|
|
this.toggle();
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Toggle the current state; activate if it is inactive,
|
|
* deactivate if it is active.
|
|
*/
|
|
ClickAwayController.prototype.toggle = function () {
|
|
if (this.state) {
|
|
this.deactivate();
|
|
} else {
|
|
this.activate();
|
|
}
|
|
};
|
|
|
|
return ClickAwayController;
|
|
}
|
|
);
|