diff --git a/frontend/client/assets/inprogress.png b/frontend/client/assets/inprogress.png new file mode 100644 index 00000000..4c6b482a Binary files /dev/null and b/frontend/client/assets/inprogress.png differ diff --git a/frontend/client/views/pipeline/detail.vue b/frontend/client/views/pipeline/detail.vue index 5640c249..75702cfc 100755 --- 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 } }