151 lines
4.9 KiB
JavaScript
151 lines
4.9 KiB
JavaScript
/*
|
|
* Copyright (C) 2014 Glyptodon LLC
|
|
*
|
|
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
* of this software and associated documentation files (the "Software"), to deal
|
|
* in the Software without restriction, including without limitation the rights
|
|
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
* copies of the Software, and to permit persons to whom the Software is
|
|
* furnished to do so, subject to the following conditions:
|
|
*
|
|
* The above copyright notice and this permission notice shall be included in
|
|
* all copies or substantial portions of the Software.
|
|
*
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
* THE SOFTWARE.
|
|
*/
|
|
|
|
|
|
/**
|
|
* A directive for choosing the location of a connection or connection group.
|
|
*/
|
|
angular.module('manage').directive('locationChooser', [function locationChooser() {
|
|
|
|
return {
|
|
// Element only
|
|
restrict: 'E',
|
|
replace: true,
|
|
|
|
scope: {
|
|
|
|
/**
|
|
* The root connection group of the connection group hierarchy to
|
|
* display.
|
|
*
|
|
* @type ConnectionGroup
|
|
*/
|
|
rootGroup : '=',
|
|
|
|
/**
|
|
* The unique identifier of the currently-selected connection
|
|
* group. If not specified, the root group will be used.
|
|
*
|
|
* @type String
|
|
*/
|
|
value : '='
|
|
|
|
},
|
|
|
|
templateUrl: 'app/manage/templates/locationChooser.html',
|
|
controller: ['$scope', function locationChooserController($scope) {
|
|
|
|
/**
|
|
* Map of unique identifiers to their corresponding connection
|
|
* groups.
|
|
*
|
|
* @type Object.<String, GroupListItem>
|
|
*/
|
|
var connectionGroups = {};
|
|
|
|
/**
|
|
* Recursively traverses the given connection group and all
|
|
* children, storing each encountered connection group within the
|
|
* connectionGroups map by its identifier.
|
|
*
|
|
* @param {GroupListItem} group
|
|
* The connection group to traverse.
|
|
*/
|
|
var mapConnectionGroups = function mapConnectionGroups(group) {
|
|
|
|
// Map given group
|
|
connectionGroups[group.identifier] = group;
|
|
|
|
// Map all child groups
|
|
if (group.childConnectionGroups)
|
|
group.childConnectionGroups.forEach(mapConnectionGroups);
|
|
|
|
};
|
|
|
|
/**
|
|
* Whether the group list menu is currently open.
|
|
*
|
|
* @type Boolean
|
|
*/
|
|
$scope.menuOpen = false;
|
|
|
|
/**
|
|
* The human-readable name of the currently-chosen connection
|
|
* group.
|
|
*
|
|
* @type String
|
|
*/
|
|
$scope.chosenConnectionGroupName = null;
|
|
|
|
/**
|
|
* Toggle the current state of the menu listing connection groups.
|
|
* If the menu is currently open, it will be closed. If currently
|
|
* closed, it will be opened.
|
|
*/
|
|
$scope.toggleMenu = function toggleMenu() {
|
|
$scope.menuOpen = !$scope.menuOpen;
|
|
};
|
|
|
|
// Expose selection function to group list template
|
|
$scope.groupListContext = {
|
|
|
|
/**
|
|
* Selects the given group item.
|
|
*
|
|
* @param {GroupListItem} item
|
|
* The chosen item.
|
|
*/
|
|
chooseGroup : function chooseGroup(item) {
|
|
|
|
// Record new parent
|
|
$scope.value = item.identifier;
|
|
$scope.chosenConnectionGroupName = item.name;
|
|
|
|
// Close menu
|
|
$scope.menuOpen = false;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
$scope.$watch('rootGroup', function setRootGroup(rootGroup) {
|
|
|
|
connectionGroups = {};
|
|
|
|
if (!rootGroup)
|
|
return;
|
|
|
|
// Map all known groups
|
|
mapConnectionGroups(rootGroup);
|
|
|
|
// If no value is specified, default to the root identifier
|
|
if (!$scope.value || !($scope.value in connectionGroups))
|
|
$scope.value = rootGroup.identifier;
|
|
|
|
$scope.chosenConnectionGroupName = connectionGroups[$scope.value].name;
|
|
|
|
});
|
|
|
|
}]
|
|
};
|
|
|
|
}]); |