safebox/guacamole-client
4
0
Fork 0
mirror of https://github.com/gyurix1968/guacamole-client.git synced 2025-09-06 13:17:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add checkboxes for multiselect group view.

Browse Source
This commit is contained in:
Michael Jumper
2013-08-13 16:27:38 -07:00
parent 9b72179d2a
commit c3a6c42b4c
2 changed files with 39 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
guacamole/src/main/webapp/scripts/guac-ui.js
View File

@@ -1003,7 +1003,20 @@ GuacUI.GroupView = function(root_group, multiselect) {
// Add connection to connection list or parent group
var guacui_connection = new GuacUI.Connection(connection);
GuacUI.addClass(guacui_connection.getElement(), "list-item");
appendChild(guacui_connection.getElement());
// If multiselect, add checkbox for each connection
if (multiselect) {
var connection_choice = GuacUI.createElement("div", "choice");
var connection_checkbox = GuacUI.createChildElement(connection_choice, "input");
connection_checkbox.setAttribute("type", "checkbox");
connection_choice.appendChild(guacui_connection.getElement());
appendChild(connection_choice);
}
else
appendChild(guacui_connection.getElement());
// Set onclick event
(function(connection) {
@@ -1027,7 +1040,20 @@ GuacUI.GroupView = function(root_group, multiselect) {
// Add element to display
GuacUI.addClass(list_group.getElement(), "list-item");
appendChild(list_group.getElement());
// If multiselect, add checkbox for each group
if (multiselect) {
var group_choice = GuacUI.createElement("div", "choice");
var group_checkbox = GuacUI.createChildElement(group_choice, "input");
group_checkbox.setAttribute("type", "checkbox");
group_choice.appendChild(list_group.getElement());
appendChild(group_choice);
}
else
appendChild(list_group.getElement());
// Set onclick event
(function(child_group) {

11
guacamole/src/main/webapp/styles/ui.css
View File

@@ -251,6 +251,17 @@ div.section {
background: #CDA;
}
.choice .list-item {
display: inline-block;
}
.choice input[type='checkbox'] {
vertical-align: top;
height: 24px;
padding: 0;
margin: 0;
}
.disabled .list-item:not(.selected) {
opacity: 0.25;
}