improved upload ui

1 files changed, 10 insertions, 3 deletions

diff --git a/www/static/js/dropzone.js b/www/static/js/dropzone.js
index 7accdc2..8a98a54 100644
--- a/www/static/js/dropzone.js
+++ b/www/static/js/dropzone.js
@@ -69,14 +69,19 @@ var	vfs_upload_queue = [];
 			
 				var filesize = document.createElement("td");
 				filesize.appendChild(document.createTextNode(Math.floor(file.size/1024*100)/100+"KB"));
-				filesize.className = "filesize";
+				filesize.className = "filesizeCol";
 			
 				var progressBar = document.createElement("progress");
 				progressBar.id="progressBar-"+file.name;
 				progressBar.className="progressBar";
+				progressBar.style.display="none";
+				var progressPending = document.createElement("p");
+				progressPending.id="progressPending-"+file.name;
+				progressPending.appendChild(document.createTextNode("pending"));
 				var progressCol = document.createElement("td");
 				progressCol.className="progressCol";
 				progressCol.appendChild(progressBar);
+				progressCol.appendChild(progressPending);
 			
 				var publicCol = document.createElement("td");
 				publicCol.className="publicCol";
@@ -98,6 +103,8 @@ var	vfs_upload_queue = [];
 	
 	function upload(){
 		for(i = 0; i<vfs_upload_queue.length; i++){
+			document.getElementById("progressPending-"+vfs_upload_queue[i].name).style.display = "none";
+			document.getElementById("progressBar-"+vfs_upload_queue[i].name).style.display = "inline";
 			document.getElementById("progressBar-"+vfs_upload_queue[i].name).value = 0;
 			document.getElementById("progressBar-"+vfs_upload_queue[i].name).max = 100;
 			var xhr = new XMLHttpRequest();
@@ -117,8 +124,8 @@ var	vfs_upload_queue = [];
 			
 			xhr.onload=function(){
 				if (xhr.status==200){
-				}else{
-					alert("upload failed"); 
+				}else if (xhr.status != 0){
+					alert("upload failed due to "+xhr.status); 
 				}
 			};