mirror of
https://github.com/gyurix1968/guacamole-client.git
synced 2025-09-06 13:17:41 +00:00
GUAC-932: Implement connection list directive.
This commit is contained in:
Michael Jumper
@@ -0,0 +1,72 @@
|
||||
/*
|
||||
* 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 which displays the contents of a connection group.
|
||||
*/
|
||||
angular.module('groupList').directive('guacGroupList', [function guacGroupList() {
|
||||
|
||||
return {
|
||||
restrict: 'E',
|
||||
replace: true,
|
||||
scope: {
|
||||
|
||||
/**
|
||||
* The connection group to display.
|
||||
*
|
||||
* @type ConnectionGroup|Object
|
||||
*/
|
||||
connectionGroup : '='
|
||||
|
||||
},
|
||||
|
||||
templateUrl: 'app/groupList/templates/guacGroupList.html',
|
||||
controller: ['$scope', '$injector', '$interval', function guacGroupListController($scope, $injector, $interval) {
|
||||
|
||||
// Get required types
|
||||
var GroupListItem = $injector.get('GroupListItem');
|
||||
|
||||
// Set contents whenever the connection group is assigned or changed
|
||||
$scope.$watch("connectionGroup", function setContents(connectionGroup) {
|
||||
|
||||
if (connectionGroup)
|
||||
$scope.rootItem = GroupListItem.fromConnectionGroup(connectionGroup);
|
||||
else
|
||||
$scope.rootItem = null;
|
||||
|
||||
});
|
||||
|
||||
/**
|
||||
* Toggle the open/closed status of a group list item.
|
||||
*
|
||||
* @param {GroupListItem} groupListItem
|
||||
* The list item to expand, which should represent a
|
||||
* connection group.
|
||||
*/
|
||||
$scope.toggleExpanded = function toggleExpanded(groupListItem) {
|
||||
groupListItem.expanded = !groupListItem.expanded;
|
||||
};
|
||||
|
||||
}]
|
||||
|
||||
};
|
||||
}]);
|
||||
27
guacamole/src/main/webapp/app/groupList/groupListModule.js
Normal file
27
guacamole/src/main/webapp/app/groupList/groupListModule.js
Normal file
@@ -0,0 +1,27 @@
|
||||
/*
|
||||
* 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.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Module for displaying the contents of a connection group, allowing the user
|
||||
* to select individual connections or groups.
|
||||
*/
|
||||
angular.module('groupList', ['rest']);
|
||||
21
guacamole/src/main/webapp/app/groupList/styles/groupList.css
Normal file
21
guacamole/src/main/webapp/app/groupList/styles/groupList.css
Normal file
@@ -0,0 +1,21 @@
|
||||
/*
|
||||
* Copyright (C) 2013 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.
|
||||
*/
|
||||
@@ -0,0 +1,71 @@
|
||||
<div class="group-list">
|
||||
<!--
|
||||
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.
|
||||
-->
|
||||
|
||||
<script type="text/ng-template" id="nestedGroup.html">
|
||||
|
||||
<!-- Connection -->
|
||||
<div class="connection" ng-show="item.isConnection">
|
||||
<a ng-href="#/client/c/{{item.identifier}}">
|
||||
<div class="caption">
|
||||
|
||||
<!-- Connection icon -->
|
||||
<div class="protocol">
|
||||
<div class="icon type" ng-class="item.protocol"></div>
|
||||
</div>
|
||||
|
||||
<!-- Connection name -->
|
||||
<span class="name">{{item.name}}</span>
|
||||
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Connection group -->
|
||||
<div class="group" ng-show="item.isConnectionGroup">
|
||||
|
||||
<div class="caption">
|
||||
|
||||
<!-- Connection group icon -->
|
||||
<div class="icon group type" ng-click="toggleExpanded(item)"
|
||||
ng-class="{expanded: item.isExpanded, empty: !item.children.length, balancer: item.isBalancing && !item.children.length}"></div>
|
||||
|
||||
<!-- Connection group name -->
|
||||
<span class="name">
|
||||
<a ng-show="item.isBalancing" ng-href="#/client/g/{{item.identifier}}">{{item.name}}</a>
|
||||
<span ng-show="!item.isBalancing">{{item.name}}</span>
|
||||
</span>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Children of this group -->
|
||||
<div class="children" ng-show="item.isExpanded">
|
||||
<div class="list-item" ng-repeat="item in item.children | orderBy : 'name'" ng-include="'nestedGroup.html'">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</script>
|
||||
|
||||
<div class="list-item" ng-repeat="item in rootItem.children | orderBy : 'name'" ng-include="'nestedGroup.html'"></div>
|
||||
|
||||
</div>
|
||||
181
guacamole/src/main/webapp/app/groupList/types/GroupListItem.js
Normal file
181
guacamole/src/main/webapp/app/groupList/types/GroupListItem.js
Normal file
@@ -0,0 +1,181 @@
|
||||
/*
|
||||
* 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.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Provides the GroupListItem class definition.
|
||||
*/
|
||||
angular.module('groupList').factory('GroupListItem', ['ConnectionGroup', function defineGroupListItem(ConnectionGroup) {
|
||||
|
||||
/**
|
||||
* Creates a new GroupListItem, initializing the properties of that
|
||||
* GroupListItem with the corresponding properties of the given template.
|
||||
*
|
||||
* @constructor
|
||||
* @param {GroupListItem|Object} [template={}]
|
||||
* The object whose properties should be copied within the new
|
||||
* GroupListItem.
|
||||
*/
|
||||
var GroupListItem = function GroupListItem(template) {
|
||||
|
||||
// Use empty object by default
|
||||
template = template || {};
|
||||
|
||||
/**
|
||||
* The unique identifier associated with the connection or connection
|
||||
* group this item represents.
|
||||
*
|
||||
* @type String
|
||||
*/
|
||||
this.identifier = template.identifier;
|
||||
|
||||
/**
|
||||
* The human-readable display name of this item.
|
||||
*
|
||||
* @type String
|
||||
*/
|
||||
this.name = template.name;
|
||||
|
||||
/**
|
||||
* The unique identifier of the protocol, if this item represents a
|
||||
* connection. If this item does not represent a connection, this
|
||||
* property is not applicable.
|
||||
*
|
||||
* @type String
|
||||
*/
|
||||
this.protocol = template.protocol;
|
||||
|
||||
/**
|
||||
* All children items of this item. If this item contains no children,
|
||||
* this will be an empty array.
|
||||
*
|
||||
* @type GroupListItem[]
|
||||
*/
|
||||
this.children = template.children || [];
|
||||
|
||||
/**
|
||||
* Whether this item represents a connection. If this item represents
|
||||
* a connection group, this MUST be false.
|
||||
*
|
||||
* @type Boolean
|
||||
*/
|
||||
this.isConnection = template.isConnection;
|
||||
|
||||
/**
|
||||
* Whether this item represents a connection group. If this item
|
||||
* represents a connection, this MUST be false.
|
||||
*
|
||||
* @type Boolean
|
||||
*/
|
||||
this.isConnectionGroup = template.isConnectionGroup;
|
||||
|
||||
/**
|
||||
* Whether this item represents a balancing connection group.
|
||||
*
|
||||
* @type Boolean
|
||||
*/
|
||||
this.isBalancing = template.isBalancing;
|
||||
|
||||
/**
|
||||
* Whether the children items should be displayed.
|
||||
*
|
||||
* @type Boolean
|
||||
*/
|
||||
this.isExpanded = template.isExpanded;
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Creates a new GroupListItem using the contents of the given connection.
|
||||
*
|
||||
* @param {ConnectionGroup} connection
|
||||
* The connection whose contents should be represented by the new
|
||||
* GroupListItem.
|
||||
*
|
||||
* @returns {GroupListItem}
|
||||
* A new GroupListItem which represents the given connection.
|
||||
*/
|
||||
GroupListItem.fromConnection = function fromConnection(connection) {
|
||||
|
||||
// Return item representing the given connection
|
||||
return new GroupListItem({
|
||||
|
||||
// Identifying information
|
||||
name : connection.name,
|
||||
identifier : connection.identifier,
|
||||
protocol : connection.protocol,
|
||||
|
||||
// Type information
|
||||
isConnection : true,
|
||||
isConnectionGroup : false
|
||||
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* Creates a new GroupListItem using the contents and descendants of the
|
||||
* given connection group.
|
||||
*
|
||||
* @param {ConnectionGroup} connectionGroup
|
||||
* The connection group whose contents and descendants should be
|
||||
* represented by the new GroupListItem and its descendants.
|
||||
*
|
||||
* @returns {GroupListItem}
|
||||
* A new GroupListItem which represents the given connection group,
|
||||
* including all descendants.
|
||||
*/
|
||||
GroupListItem.fromConnectionGroup = function fromConnectionGroup(connectionGroup) {
|
||||
|
||||
var children = [];
|
||||
|
||||
// Add any child connections
|
||||
connectionGroup.childConnections.forEach(function addChildConnection(child) {
|
||||
children.push(GroupListItem.fromConnection(child));
|
||||
});
|
||||
|
||||
// Add any child groups
|
||||
connectionGroup.childConnectionGroups.forEach(function addChildGroup(child) {
|
||||
children.push(GroupListItem.fromConnectionGroup(child));
|
||||
});
|
||||
|
||||
// Return item representing the given connection group
|
||||
return new GroupListItem({
|
||||
|
||||
// Identifying information
|
||||
name : connectionGroup.name,
|
||||
identifier : connectionGroup.identifier,
|
||||
|
||||
// Type information
|
||||
isConnection : false,
|
||||
isConnectionGroup : true,
|
||||
isBalancing : connectionGroup.type === ConnectionGroup.Type.BALANCING,
|
||||
|
||||
// Already-converted children
|
||||
children : children
|
||||
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
return GroupListItem;
|
||||
|
||||
}]);
|
||||
Reference in New Issue
Block a user