add progress bar

deployment/static/deployment/js/event_source.js

@@ -1,6 +1,8 @@
 var start = function (url) {
     var es = new ReconnectingEventSource(url);
 
+    console.log("url: " + url);
+
     es.onopen = function () {
         console.log('connected');
     };
@@ -36,6 +38,5 @@ var start = function (url) {
                 window.location.reload();
             }
         }
-
     }, false);
 };

deployment/static/deployment/js/event_source_details.js

@@ -0,0 +1,37 @@
+var start = function (url) {
+    var es = new ReconnectingEventSource(url);
+
+    console.log("url: " + url);
+
+    es.onopen = function () {
+        console.log('connected');
+    };
+
+    es.addEventListener('stream-error', function (e) {
+        es.close();
+        message = JSON.parse(e.data);
+        console.log('stream error: ' + message.condition + ': ' + message.text);
+    }, false);
+
+    es.onerror = function (e) {
+        console.log('connection error');
+    };
+
+    es.addEventListener('message', function (e) {
+        message = JSON.parse(e.data);
+        console.log("id: " + message.id);
+        console.log("status: " + message.status);
+        console.log("progress: " + message.progress);
+
+        var progress = document.getElementById("deployment-progress");
+        progress.style["width"] = message.progress+"%";
+
+        if (message.status == "SUCCESS") {
+            setTimeout(() => window.location.reload(), 1000);
+        }
+
+        if (message.status == "FAILED") {
+            window.location.reload();
+        }
+    }, false);
+};