red color for progress bar on error

jonathanmajh · Feb 5, 2021 · 35bcf07 · 35bcf07
1 parent 7e588f4
commit 35bcf07
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/renderer/renderer.js b/renderer/renderer.js
@@ -210,7 +210,7 @@ class WorkerHandler {
                 worker.terminate()
             } else if (e.data[0] === 'progress') {
                 let bar = new ProgressBar;
-                bar.update(e.data[1], e.data[2]);
+                bar.update(e.data[1], e.data[2], 'bg-danger');
             } else {
                 console.log('unimplemented worker message');
                 console.log(e);
@@ -231,11 +231,23 @@ class ProgressBar {
         this.progressBar.setAttribute('style', `width: ${percent}%;`);
     }
 
-    update(percent, message) {
+    update(percent, message, color='') {
         this.updateProgressBar(percent);
         if (message) {
             this.progressText.innerText = message;
         }
+        if (!color && percent == 0) {
+            this.updateColor('bg-success');
+        } else if (color) {
+            this.updateColor(color);
+        }
+
+    }
+
+    updateColor(color) {
+        // let pbcolor = document.getElementById("progress-bar-color");
+        let regx = new RegExp('\\b' + 'bg-' + '[^ ]*[ ]?\\b', 'g');
+        this.progressBar.className = this.progressBar.className.replace(regx, color);
     }
 
     addProgressBar(percent, message = null) {