From 500ee4c1bf50efc5a9db419d9ad1c722851c29aa Mon Sep 17 00:00:00 2001
From: Mario Vavti <mario@mariovavti.com>
Date: Thu, 28 Jul 2016 16:35:27 +0200
Subject: re-implement progress-bar to work with all browsers

---
 view/css/mod_cloud.css |  7 +++++++
 view/js/mod_cloud.js   | 13 ++++++++-----
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/view/css/mod_cloud.css b/view/css/mod_cloud.css
index 51c3709c1..eb5bec1f1 100644
--- a/view/css/mod_cloud.css
+++ b/view/css/mod_cloud.css
@@ -47,3 +47,10 @@
 	opacity: 0.5;
 	box-shadow: inset 0 0px 7px #5cb85c;
 }
+
+.upload-progress-bar {
+	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mOM2RFTDwAE2QHxFMHIIwAAAABJRU5ErkJggg==') repeat-y;
+	background-size: 3px;
+	padding: 0px !important;
+	height: 3px;
+}
diff --git a/view/js/mod_cloud.js b/view/js/mod_cloud.js
index ea1ce35a7..72e6185d6 100644
--- a/view/js/mod_cloud.js
+++ b/view/js/mod_cloud.js
@@ -88,11 +88,14 @@ function UploadFileSelectHandler(e) {
 
 function prepareHtml(f, i) {
 	$("#cloud-index tr:nth-child(2)").after(
-		'<tr class=\"new-upload\">' +
-		'<td><i class=\"fa ' + getIconFromType(f.type) + '\" title=\"' + f.type + '\"></i></td>' +
+		'<tr class="new-upload">' +
+		'<td><i class="fa ' + getIconFromType(f.type) + '" title="' + f.type + '"></i></td>' +
 		'<td>' + f.name + '</td>' +
-		'<td id=\"upload-progress-' + i + '\"></td><td></td><td></td><td></td><td></td>' +
-		'<td class=\"hidden-xs\">' + formatSizeUnits(f.size) + '</td><td class=\"hidden-xs\"></td>' +
+		'<td id="upload-progress-' + i + '"></td><td></td><td></td><td></td><td></td>' +
+		'<td class="hidden-xs">' + formatSizeUnits(f.size) + '</td><td class="hidden-xs"></td>' +
+		'</tr>' +
+		'<tr class="new-upload">' +
+		'<td id="upload-progress-bar-' + i + '" colspan="9" class="upload-progress-bar"></td>' +
 		'</tr>'
 	);
 }
@@ -166,7 +169,7 @@ function UploadFile(file, idx) {
 		var total = e.totalSize || e.total;
 		// Dynamically update the percentage complete displayed in the file upload list
 		$('#upload-progress-' + idx).html(Math.round(done / total * 100) + '%');
-		$('#new-upload-' + idx).css('background-size', Math.round(done / total * 100) + '%');
+		$('#upload-progress-bar-' + idx).css('background-size', Math.round(done / total * 100) + '%');
 	});
 
 	xhr.addEventListener('load', function (e) {
-- 
cgit v1.2.3