Added new in progress icon. Jobs which are in running state have a di…

…fferent icon in the detailed view. (#123)
gaia-pipeline · Oct 11, 2018 · aff239a · aff239a
1 parent bcaf623
commit aff239a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/frontend/client/assets/inprogress.png b/frontend/client/assets/inprogress.png
diff --git a/frontend/client/views/pipeline/detail.vue b/frontend/client/views/pipeline/detail.vue
@@ -262,8 +262,9 @@ export default {
 
       // Iterate all jobs of the pipeline
       for (let i = 0, l = jobs.length; i < l; i++) {
-        // Choose the image for this node
+        // Choose the image for this node and border color
         var nodeImage = require('assets/questionmark.png')
+        var borderColor = '#222222'
         if (jobs[i].status) {
           switch (jobs[i].status) {
             case 'success':
@@ -272,6 +273,10 @@ export default {
             case 'failed':
               nodeImage = require('assets/fail.png')
               break
+            case 'running':
+              nodeImage = require('assets/inprogress.png')
+              borderColor = '#e8720b'
+              break
           }
         }
 
@@ -285,6 +290,9 @@ export default {
           label: jobs[i].title,
           font: {
             color: '#eeeeee'
+          },
+          color: {
+            border: borderColor
           }
         }