task state filtering: support skip mode and improve offline data

Author: oliver-sanders

src/components/cylc/common/filter.js

@@ -92,7 +92,11 @@ export function matchState (
     ) &&
     (
       !genericModifiers.length ||
-      genericModifiers.some((modifier) => node.node[modifier])
+      genericModifiers.some((modifier) => node.node[modifier]) ||
+      (
+        genericModifiers.includes('isSkip') &&
+        node.node.runtime?.runMode === 'Skip'
+      )
     )
   )
 }

src/services/mock/json/workflows/one.json

@@ -48,17 +48,18 @@
         }
       ],
       "familyProxies": [
+        {
+          "__typename": "FamilyProxy",
+          "id": "~user/one//20000102T0000Z/root",
+          "name": "root",
+          "state": "failed",
+          "cyclePoint": "20000102T0000Z"
+        },
         {
           "__typename": "FamilyProxy",
           "id": "~user/one//20000102T0000Z/BAD",
           "name": "BAD",
           "state": "failed",
-          "isHeld": true,
-          "isQueued": false,
-          "isRunahead": false,
-          "isRetry": false,
-          "isWallclock": false,
-          "isXtriggered": false,
           "cyclePoint": "20000102T0000Z",
           "firstParent": {
             "id": "~user/one//20000102T0000Z/root",
@@ -247,6 +248,9 @@
           "task": {
             "meanElapsedTime": 4.0,
             "name": "succeeded"
+          },
+          "runtime": {
+            "runMode": "Skip"
           }
         },
         {

src/views/Tree.vue

@@ -361,7 +361,7 @@ export default {
     padding: 0.5em;
   }
   .tree {
-    margin: 0 0.5em 0 0.5em;
+    margin: 0.5em;
     width: calc(100% - 1em);
   }
 }