Include preparing tasks in submitted task state badge total

Author: MetRonnie

src/components/cylc/TaskStateBadge.vue

@@ -39,7 +39,11 @@ const props = defineProps({
   },
 })
 
+const displayName = computed(
+  () => props.state === 'submitted' ? 'preparing/submitted' : props.state
+)
+
 const tooltip = computed(
-  () => `${props.value} ${props.state} task${props.value > 1 ? 's' : ''}`
+  () => `${props.value} ${displayName.value} task${props.value > 1 ? 's' : ''}`
 )
 </script>

src/components/cylc/tree/GScanTreeItem.vue

@@ -115,7 +115,10 @@ function getStateTotals (node, stateTotals = {}) {
 
     // the non-zero state totals from this node with all the others from the tree
     for (const state of taskStatesOrdered) {
-      const value = node.node.stateTotals[state]
+      let value = node.node.stateTotals[state]
+      if (state === TaskState.SUBMITTED.name) { // include preparing tasks
+        value += node.node.stateTotals.preparing
+      }
       if (value) {
         stateTotals[state] = (stateTotals[state] ?? 0) + value
       }