Style balancing groups differently.

This commit is contained in:
Michael Jumper
2013-08-15 03:15:31 -07:00
parent 5ecf224e09
commit 54d952d6bc
2 changed files with 15 additions and 2 deletions

View File

@@ -832,7 +832,7 @@ GuacUI.Download = function(filename) {
* A grouping component. Child elements can be added via the addElement() * A grouping component. Child elements can be added via the addElement()
* function. By default, groups display as collapsed. * function. By default, groups display as collapsed.
*/ */
GuacUI.ListGroup = function(caption, icon) { GuacUI.ListGroup = function(caption) {
/** /**
* Reference to this group. * Reference to this group.
@@ -854,7 +854,7 @@ GuacUI.ListGroup = function(caption, icon) {
// Create connection display elements // Create connection display elements
var caption_element = GuacUI.createChildElement(element, "div", "caption"); var caption_element = GuacUI.createChildElement(element, "div", "caption");
var caption_icon = GuacUI.createChildElement(caption_element, "div", "icon group"); var caption_icon = GuacUI.createChildElement(caption_element, "div", "icon group");
if (icon) GuacUI.createChildElement(caption_element, "div", "icon " + icon); GuacUI.createChildElement(caption_element, "div", "icon type");
GuacUI.createChildElement(caption_element, "span", "name").textContent = caption; GuacUI.createChildElement(caption_element, "span", "name").textContent = caption;
/** /**
@@ -1272,6 +1272,10 @@ GuacUI.GroupView = function(root_group, flags) {
list_groups[group.id] = list_group; list_groups[group.id] = list_group;
GuacUI.addClass(list_group.getElement(), "list-item"); GuacUI.addClass(list_group.getElement(), "list-item");
// Mark group as balancer if appropriate
if (group.type === GuacamoleService.ConnectionGroup.Type.BALANCING)
GuacUI.addClass(list_group.getElement(), "balancer");
// Recursively add all children to the new element // Recursively add all children to the new element
addGroupContents(group, list_group.addElement); addGroupContents(group, list_group.addElement);

View File

@@ -429,6 +429,15 @@ div.section {
border-left: 1px dotted rgba(0, 0, 0, 0.25); border-left: 1px dotted rgba(0, 0, 0, 0.25);
} }
.group > .caption .icon.type {
display: none;
}
.group.balancer > .caption .icon.type {
display: inline-block;
background-image: url('../images/protocol-icons/guac-monitor.png');
}
.group > .caption .icon.group { .group > .caption .icon.group {
opacity: 0.75; opacity: 0.75;
background-image: url('../images/group-icons/guac-closed.png'); background-image: url('../images/group-icons/guac-closed.png');