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

Add close button to notifications. Improve styling.

Browse Source
This commit is contained in:
Michael Jumper
2013-07-01 12:15:00 -07:00
parent e8cdc9c5b7
commit 984ab06100
5 changed files with 78 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
guacamole/src/main/webapp/scripts/client-ui.js
View File

@@ -808,6 +808,11 @@ GuacUI.Client.attach = function(guac) {
download.complete(blob.mimetype, url.createObjectURL(blob.getBlob()));
};
// When close clicked, remove from notification area
download.onclose = function() {
GuacUI.Client.notification_area.removeChild(download.getElement());
};
};
/*

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

@@ -700,10 +700,44 @@ GuacUI.Pager = function(container) {
*/
GuacUI.Download = function(filename) {
/**
* Reference to this GuacUI.Download.
* @private
*/
var guac_download = this;
/**
* The outer div representing the notification.
* @private
*/
var element = GuacUI.createElement("div", "download notification");
/**
* Title bar describing the notification.
* @private
*/
var title = GuacUI.createChildElement(element, "div", "title-bar");
/**
* Close button for removing the notification.
* @private
*/
var close_button = GuacUI.createChildElement(title, "div", "close");
close_button.onclick = function() {
if (guac_download.onclose)
guac_download.onclose();
};
GuacUI.createChildElement(title, "div", "title").textContent =
"File Transfer";
GuacUI.createChildElement(element, "div", "caption").textContent =
filename + " ";
/**
* Progress bar and status.
* @private
*/
var progress = GuacUI.createChildElement(element, "div", "progress");
/**
@@ -745,4 +779,10 @@ GuacUI.Download = function(filename) {
return element;
};
/**
* Called when the close button of this notification is clicked.
* @event
*/
this.onclose = null;
};