mirror of
https://github.com/gyurix1968/guacamole-client.git
synced 2025-09-11 15:37:41 +00:00
Ticket #268: Back button and logout button in admin screen, style improvements.
This commit is contained in:
Michael Jumper
@@ -17,10 +17,30 @@
|
||||
*/
|
||||
|
||||
/**
|
||||
* Main Guacamole admin namespace.
|
||||
* @namespace
|
||||
* General set of UI elements and UI-related functions regarding
|
||||
* administration.
|
||||
*/
|
||||
var GuacAdmin = GuacAdmin || {};
|
||||
var GuacAdmin = {
|
||||
|
||||
"lists" : {
|
||||
"connection_list" : document.getElementById("connection-list"),
|
||||
"user_list" : document.getElementById("user-list")
|
||||
},
|
||||
|
||||
"buttons" : {
|
||||
"back" : document.getElementById("back"),
|
||||
"logout" : document.getElementById("logout"),
|
||||
"add_connection" : document.getElementById("add-connection"),
|
||||
"add_user" : document.getElementById("add-user")
|
||||
},
|
||||
|
||||
"fields" : {
|
||||
"connection_id" : document.getElementById("connection-id"),
|
||||
"protocol" : document.getElementById("protocol"),
|
||||
"username" : document.getElementById("username")
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
/**
|
||||
* An arbitrary input field.
|
||||
@@ -554,4 +574,314 @@ GuacAdmin.UserManager = function() {
|
||||
*/
|
||||
this.onsave = null;
|
||||
|
||||
};
|
||||
};
|
||||
|
||||
/*
|
||||
* Set handler for logout
|
||||
*/
|
||||
|
||||
GuacAdmin.buttons.logout.onclick = function() {
|
||||
window.location.href = "logout";
|
||||
};
|
||||
|
||||
/*
|
||||
* Set handler for back button
|
||||
*/
|
||||
|
||||
GuacAdmin.buttons.back.onclick = function() {
|
||||
window.location.href = "index.xhtml";
|
||||
};
|
||||
|
||||
/**
|
||||
* Returns whether the given object has at least one property.
|
||||
*/
|
||||
GuacAdmin.hasEntry = function(object) {
|
||||
for (var name in object)
|
||||
return true;
|
||||
return false;
|
||||
};
|
||||
|
||||
GuacAdmin.reset = function() {
|
||||
|
||||
/*
|
||||
* Show admin elements if admin permissions available
|
||||
*/
|
||||
|
||||
// Get permissions
|
||||
var permissions = GuacamoleService.Permissions.list();
|
||||
|
||||
// Connection management
|
||||
if (permissions.create_connection
|
||||
|| GuacAdmin.hasEntry(permissions.update_connection)
|
||||
|| GuacAdmin.hasEntry(permissions.remove_connection)
|
||||
|| GuacAdmin.hasEntry(permissions.administer_connection))
|
||||
GuacUI.addClass(document.body, "manage-connections");
|
||||
else
|
||||
GuacUI.removeClass(document.body, "manage-connections");
|
||||
|
||||
// User management
|
||||
if (permissions.create_user
|
||||
|| GuacAdmin.hasEntry(permissions.update_user)
|
||||
|| GuacAdmin.hasEntry(permissions.remove_user)
|
||||
|| GuacAdmin.hasEntry(permissions.administer_user))
|
||||
GuacUI.addClass(document.body, "manage-users");
|
||||
else
|
||||
GuacUI.removeClass(document.body, "manage-users");
|
||||
|
||||
// Connection creation
|
||||
if (permissions.create_connection) {
|
||||
GuacUI.addClass(document.body, "add-connections");
|
||||
|
||||
GuacAdmin.buttons.add_connection.onclick = function() {
|
||||
|
||||
// Try to create connection
|
||||
try {
|
||||
var connection = new GuacamoleService.Connection(
|
||||
GuacAdmin.fields.protocol.value, GuacAdmin.fields.connection_id.value);
|
||||
GuacamoleService.Connections.create(connection);
|
||||
GuacAdmin.fields.connection_id.value = "";
|
||||
GuacAdmin.reset();
|
||||
}
|
||||
|
||||
// Alert on failure
|
||||
catch (e) {
|
||||
alert(e.message);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
}
|
||||
|
||||
// User creation
|
||||
if (permissions.create_user) {
|
||||
GuacUI.addClass(document.body, "add-users");
|
||||
|
||||
GuacAdmin.buttons.add_user.onclick = function() {
|
||||
|
||||
// Attempt to create user
|
||||
try {
|
||||
GuacamoleService.Users.create(GuacAdmin.fields.username.value);
|
||||
GuacAdmin.fields.username.value = "";
|
||||
GuacAdmin.reset();
|
||||
}
|
||||
|
||||
// Alert on failure
|
||||
catch (e) {
|
||||
alert(e.message);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
}
|
||||
|
||||
/*
|
||||
* Add readable users.
|
||||
*/
|
||||
|
||||
var name;
|
||||
var selected_user = null;
|
||||
|
||||
// Add users to list
|
||||
GuacAdmin.lists.user_list.innerHTML = "";
|
||||
for (name in permissions.read_user) {(function(name){
|
||||
|
||||
var item = new GuacAdmin.ListItem("user", name);
|
||||
var item_element = item.getElement();
|
||||
GuacAdmin.lists.user_list.appendChild(item_element);
|
||||
|
||||
item_element.onclick = function() {
|
||||
|
||||
// Ignore clicks if any item is selected
|
||||
if (selected_user) return;
|
||||
else selected_user = name;
|
||||
|
||||
// Get user permissions
|
||||
var user_perms = GuacamoleService.Permissions.list(name);
|
||||
|
||||
// Load buttons
|
||||
var buttons = [new GuacAdmin.Button("Save"),
|
||||
new GuacAdmin.Button("Cancel")];
|
||||
|
||||
if (name in permissions.remove_user)
|
||||
buttons.push(new GuacAdmin.Button("Delete"));
|
||||
|
||||
// User property form.
|
||||
var user_properties = new GuacAdmin.Form(
|
||||
|
||||
/* Fields */
|
||||
[new GuacAdmin.Field.PASSWORD("Password:", [],
|
||||
["f12a1930-7195-11e2-bcfd-0800200c9a66"]),
|
||||
|
||||
new GuacAdmin.Field.PASSWORD("Re-enter Password:", [],
|
||||
["f12a1930-7195-11e2-bcfd-0800200c9a66"]),
|
||||
|
||||
new GuacAdmin.Field.LIST("Connections:",
|
||||
Object.keys(permissions.administer_connection),
|
||||
Object.keys(user_perms.read_connection))],
|
||||
|
||||
/* Buttons */
|
||||
buttons
|
||||
|
||||
);
|
||||
|
||||
// Select
|
||||
GuacUI.addClass(GuacAdmin.lists.user_list, "disabled");
|
||||
GuacUI.addClass(item_element, "selected");
|
||||
|
||||
// Handle buttons
|
||||
user_properties.onaction = function(title, fields) {
|
||||
|
||||
try {
|
||||
|
||||
if (title == "Save") {
|
||||
|
||||
// Get passwords
|
||||
var password = fields[0][0];
|
||||
var reentered_password = fields[1][0];
|
||||
|
||||
// Check that passwords match
|
||||
if (password != reentered_password)
|
||||
throw new Error("Passwords do not match.");
|
||||
|
||||
// Do not update password if it's just the
|
||||
// not-changed token
|
||||
if (password == "f12a1930-7195-11e2-bcfd-0800200c9a66")
|
||||
password = null;
|
||||
|
||||
// Set user permissions
|
||||
user_perms.read_connection = {};
|
||||
var connections = fields[2];
|
||||
for (var i=0; i<connections.length; i++)
|
||||
user_perms.read_connection[connections[i]] = true;
|
||||
|
||||
// Save user
|
||||
GuacamoleService.Users.update(
|
||||
selected_user, password, user_perms);
|
||||
GuacAdmin.reset();
|
||||
|
||||
}
|
||||
else if (title == "Delete") {
|
||||
GuacamoleService.Users.remove(selected_user);
|
||||
GuacAdmin.reset();
|
||||
}
|
||||
|
||||
// Deselect
|
||||
GuacUI.removeClass(GuacAdmin.lists.user_list, "disabled");
|
||||
GuacUI.removeClass(item_element, "selected");
|
||||
item_element.removeChild(user_properties.getElement());
|
||||
selected_user = null;
|
||||
|
||||
}
|
||||
catch (e) {
|
||||
alert(e.message);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
item_element.appendChild(user_properties.getElement());
|
||||
|
||||
};
|
||||
|
||||
})(name)};
|
||||
|
||||
/*
|
||||
* Add readable connections.
|
||||
*/
|
||||
|
||||
var selected_connection = null;
|
||||
var connections = GuacamoleService.Connections.list();
|
||||
|
||||
// Add connections to list
|
||||
GuacAdmin.lists.connection_list.innerHTML = "";
|
||||
for (i=0; i<connections.length; i++) {(function(connection){
|
||||
|
||||
var item = new GuacAdmin.ListItem("connection", connection.id);
|
||||
var item_element = item.getElement();
|
||||
GuacAdmin.lists.connection_list.appendChild(item_element);
|
||||
|
||||
item_element.onclick = function() {
|
||||
|
||||
// Ignore clicks if any item is selected
|
||||
if (selected_connection) return;
|
||||
else selected_connection = connection.id;
|
||||
|
||||
// Load buttons
|
||||
var buttons = [new GuacAdmin.Button("Save"),
|
||||
new GuacAdmin.Button("Cancel")];
|
||||
|
||||
var fields = [];
|
||||
|
||||
if (connection.id in permissions.remove_connection)
|
||||
buttons.push(new GuacAdmin.Button("Delete"));
|
||||
|
||||
// FIXME: Actually generate form from properties
|
||||
|
||||
// Connection property form.
|
||||
var connection_properties = new GuacAdmin.Form(
|
||||
|
||||
/* Fields */
|
||||
[new GuacAdmin.Field.TEXT("Hostname:", [],
|
||||
[connection.parameters.hostname || ""]),
|
||||
|
||||
new GuacAdmin.Field.TEXT("Port:", [],
|
||||
[connection.parameters.port || ""])],
|
||||
|
||||
/* Buttons */
|
||||
buttons
|
||||
|
||||
);
|
||||
|
||||
// Select
|
||||
GuacUI.addClass(GuacAdmin.lists.connection_list, "disabled");
|
||||
GuacUI.addClass(item_element, "selected");
|
||||
|
||||
// Handle buttons
|
||||
connection_properties.onaction = function(title, fields) {
|
||||
|
||||
try {
|
||||
|
||||
if (title == "Save") {
|
||||
|
||||
// Get fields (FIXME: Actually implement)
|
||||
var hostname = fields[0][0];
|
||||
var port = fields[1][0];
|
||||
|
||||
// Update fields
|
||||
connection.parameters.hostname = hostname;
|
||||
connection.parameters.port = port;
|
||||
|
||||
// Save connection
|
||||
GuacamoleService.Connections.update(connection);
|
||||
GuacAdmin.reset();
|
||||
|
||||
}
|
||||
else if (title == "Delete") {
|
||||
GuacamoleService.Connections.remove(selected_connection);
|
||||
GuacAdmin.reset();
|
||||
}
|
||||
|
||||
// Deselect
|
||||
GuacUI.removeClass(GuacAdmin.lists.connection_list, "disabled");
|
||||
GuacUI.removeClass(item_element, "selected");
|
||||
item_element.removeChild(connection_properties.getElement());
|
||||
selected_connection = null;
|
||||
|
||||
}
|
||||
catch (e) {
|
||||
alert(e.message);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
item_element.appendChild(connection_properties.getElement());
|
||||
|
||||
};
|
||||
|
||||
|
||||
})(connections[i])};
|
||||
|
||||
};
|
||||
|
||||
// Initial load
|
||||
GuacAdmin.reset();
|
||||
|
||||
Reference in New Issue
Block a user