Fix progress bar label

Signed-off-by: Tomasz Grobelny <tomasz@grobelny.net>

1 files changed, 6 insertions, 8 deletions

diff --git a/apps/files/js/operationprogressbar.js b/apps/files/js/operationprogressbar.js
index 1d96c2374d4..0ce532af494 100644
--- a/apps/files/js/operationprogressbar.js
+++ b/apps/files/js/operationprogressbar.js
@@ -18,10 +18,9 @@
 
 		render: function() {
 			this.$el.html(OCA.Files.Templates['operationprogressbar']({
-				textDesktop: t('Uploading …'),
-				textMobile: t('…'),
 				textCancelButton: t('Cancel operation')
 			}));
+			this.setProgressBarText(t('Uploading …'), t('…'));
 		},
 
 		hideProgressBar: function() {
@@ -50,12 +49,11 @@
 		},
 
 		setProgressBarText: function(textDesktop, textMobile, title) {
-			$('#uploadprogressbar .ui-progressbar-value').
-				html('<em class="label inner"><span class="desktop">'
-					+ textDesktop
-					+ '</span><span class="mobile">'
-					+ textMobile
-					+ '</span></em>');
+			var labelHtml = OCA.Files.Templates['operationprogressbarlabel']({textDesktop: textDesktop, textMobile: textMobile});
+			$('#uploadprogressbar .ui-progressbar-value').html(labelHtml);
+			$('#uploadprogressbar .ui-progressbar-value>em').addClass('inner');
+			$('#uploadprogressbar>em').replaceWith(labelHtml);
+			$('#uploadprogressbar>em').addClass('outer');
 			$('#uploadprogressbar').tooltip({placement: 'bottom'});
 			if(title) {
 				$('#uploadprogressbar').attr('original-title', title);