improve channel import progress page

1 files changed, 64 insertions, 0 deletions

diff --git a/view/js/mod_import_progress.js b/view/js/mod_import_progress.js
new file mode 100644
index 000000000..69e4c5242
--- /dev/null
+++ b/view/js/mod_import_progress.js
@@ -0,0 +1,64 @@
+$(document).ready(function() {
+
+	console.log('import_progress');
+
+	setInterval(get_progress, 5000);
+
+
+	function get_progress(){
+		console.log('get');
+
+		$.get('import_progress', function(data) {
+			update_progress(data);
+		});
+	}
+
+	function update_progress(data){
+		console.log('update');
+		console.log(data);
+		console.log(data.cprogress);
+		console.log(data.fprogress);
+
+
+		if (typeof data.cprogress == 'number') {
+			$('#cprogress-label').html(data.cprogress + '%');
+			$('#cprogress-bar').css('width', data.cprogress + '%');
+
+			if (data.cprogress == 100) {
+				$('#cprogress-resume').addClass('d-none');
+				$('#cprogress-complete').removeClass('d-none');
+				$('#cprogress-bar').removeClass('progress-bar-animated');
+			}
+			else if (data.cprogress < 100) {
+				$('#cprogress-resume').removeClass('d-none');
+				$('#cprogress-complete').addClass('d-none');
+				$('#cprogress-bar').addClass('progress-bar-animated');
+			}
+		}
+		else {
+			$('#cprogress-label').html(data.cprogress);
+			$('#cprogress-bar').css('width', '0%');
+
+		}
+
+		if (typeof data.fprogress == 'number') {
+			$('#fprogress-label').html(data.fprogress + '%');
+			$('#fprogress-bar').css('width', data.fprogress + '%');
+
+			if (data.fprogress == 100) {
+				$('#fprogress-resume').addClass('d-none');
+				$('#fprogress-complete').removeClass('d-none');
+				$('#fprogress-bar').removeClass('progress-bar-animated');
+			}
+			else if (data.fprogress < 100) {
+				$('#fprogress-resume').removeClass('d-none');
+				$('#fprogress-complete').addClass('d-none');
+				$('#fprogress-bar').addClass('progress-bar-animated');
+			}
+		}
+		else {
+			$('#fprogress-label').html(data.fprogress);
+			$('#fprogress-bar').css('width', '0%');
+		}
+	}
+});