Include preparing tasks in submitted task state badge total

Author: MetRonnie

src/components/cylc/TaskStateBadge.vue

@@ -25,7 +25,7 @@
       location="top"
       :open-delay="400"
     >
-      {{ value }} {{ state }} task{{ value > 1 ? 's': '' }}.
+      {{ value }} {{ displayName }} task{{ value > 1 ? 's': '' }}.
       <template v-if="latestTasks?.length">
         Latest:
         <span
@@ -41,7 +41,9 @@
 </template>
 
 <script setup>
-defineProps({
+import { computed } from 'vue'
+
+const props = defineProps({
   state: {
     type: String,
     required: true
@@ -56,4 +58,8 @@ defineProps({
     required: false,
   },
 })
+
+const displayName = computed(
+  () => props.state === 'submitted' ? 'preparing/submitted' : props.state
+)
 </script>

src/components/cylc/tree/GScanTreeItem.vue

@@ -117,7 +117,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 nodeTotal = node.node.stateTotals[state]
+      let nodeTotal = node.node.stateTotals[state]
+      if (state === TaskState.SUBMITTED.name) { // include preparing tasks
+        nodeTotal += node.node.stateTotals.preparing
+      }
       if (nodeTotal) {
         stateTotals[state] = (stateTotals[state] ?? 0) + nodeTotal
       }