tasks: show skipped tasks with dedicated color

src/components/tasks.vue

@@ -87,6 +87,7 @@ export default {
       if (task.status == "failed") return "failed";
       if (task.status == "stopped") return "failed";
       if (task.status == "running") return "running";
+      if (task.status == "skipped") return "skipped";
       return "unknown";
     }
   },

src/components/tasksgraph.vue

@@ -148,6 +148,7 @@ export default {
       if (task.status == "failed") return "failed";
       if (task.status == "stopped") return "failed";
       if (task.status == "running") return "running";
+      if (task.status == "skipped") return "skipped";
       return "unknown";
     },
     update(tasks) {

src/components/tasksummary.vue

@@ -77,6 +77,7 @@ export default {
       if (task.status == "failed") return "is-failed";
       if (task.status == "stopped") return "is-failed";
       if (task.status == "running") return "is-running";
+      if (task.status == "skipped") return "is-skipped";
       return "unknown";
     },
     async fetchRun() {

src/css/tailwind.scss

@@ -85,6 +85,14 @@
   @apply bg-blue-500 text-white;
 }
 
+.skipped {
+  @apply border-gray-800;
+}
+
+.is-skipped {
+  @apply bg-gray-800 text-white;
+}
+
 .unknown {
   @apply border-gray-400;
 }