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

Add download notification, progress indicator.

Browse Source
This commit is contained in:
Michael Jumper
2013-06-25 11:54:03 -07:00
parent 15c9ba6ab2
commit ebcf761e53
3 changed files with 103 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -775,16 +775,20 @@ GuacUI.Client.attach = function(guac) {
guac.onblob = function(blob) {
var download = new GuacUI.Download(blob.name);
download.updateProgress("0");
document.body.appendChild(download.getElement());
// Update progress as data is received
blob.ondata = function() {
download.updateProgress(blob.getLength());
};
// When complete, prompt for download
blob.oncomplete = function() {
var url = window.URL || window.webkitURL;
var a = document.createElement("a");
a.href = url.createObjectURL(blob.getBlob());
a.download = blob.name;
a.type = blob.mimetype;
a.click();
download.complete(blob.mimetype, url.createObjectURL(blob.getBlob()));
};
};

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

@@ -690,3 +690,40 @@ GuacUI.Pager = function(container) {
};
GuacUI.Download = function(filename) {
var element = GuacUI.createElement("div", "download notification");
GuacUI.createChildElement(element, "div", "caption").textContent =
filename + " ";
var progress = GuacUI.createChildElement(element, "div", "progress");
this.updateProgress = function(text) {
progress.textContent = text;
};
this.complete = function(mimetype, url) {
element.removeChild(progress);
GuacUI.addClass(element, "complete");
var link = GuacUI.createChildElement(
GuacUI.createChildElement(element, "div", "download"),
"a");
link.href = url;
link.download = filename;
link.type = mimetype;
link.textContent = "Download";
};
/**
* Returns the element representing this notification.
*/
this.getElement = function() {
return element;
};
};