aotf: fix mutations in workflow toolbar

cylc · Apr 29, 2022 · caf60ae · caf60ae
1 parent dc1b26b
commit caf60ae
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 21 deletions.
diff --git a/src/components/cylc/workflow/Toolbar.vue b/src/components/cylc/workflow/Toolbar.vue
@@ -260,31 +260,34 @@ export default {
   },
   methods: {
     onClickPlay () {
-      const ret = this.$workflowService.mutate(
+      this.$workflowService.mutate(
         'play',
         this.currentWorkflow.id
-      )
-      if (ret[0] === mutationStatus.SUCCEEDED) {
-        this.expecting.play = !this.isRunning
-      }
+      ).then(ret => {
+        if (ret[0] === mutationStatus.SUCCEEDED) {
+          this.expecting.play = !this.isRunning
+        }
+      })
     },
     onClickReleaseHold () {
-      const ret = this.$workflowService.mutate(
+      this.$workflowService.mutate(
         this.isPaused ? 'resume' : 'pause',
         this.currentWorkflow.id
-      )
-      if (ret[0] === mutationStatus.SUCCEEDED) {
-        this.expecting.paused = !this.isPaused
-      }
+      ).then(ret => {
+        if (ret[0] === mutationStatus.SUCCEEDED) {
+          this.expecting.paused = !this.isPaused
+        }
+      })
     },
     async onClickStop () {
-      const ret = this.$workflowService.mutate(
+      this.$workflowService.mutate(
         'stop',
         this.currentWorkflow.id
-      )
-      if (ret[0] === mutationStatus.SUCCEEDED) {
-        this.expecting.stop = WorkflowState.STOPPING
-      }
+      ).then(ret => {
+        if (ret[0] === mutationStatus.SUCCEEDED) {
+          this.expecting.stop = WorkflowState.STOPPING
+        }
+      })
     },
     toggleExtended () {
       this.extended = !this.extended

diff --git a/src/services/workflow.service.js b/src/services/workflow.service.js
@@ -85,11 +85,11 @@ class WorkflowService {
    *
    * @param {String} mutationName
    * @param {String} id
-   * @returns {Promise}
+   * @returns {Promise<Array>}
    */
-  mutate (mutationName, id) {
-    const mutation = this.getMutation(mutationName)
-    return mutate(
+  async mutate (mutationName, id) {
+    const mutation = await this.getMutation(mutationName)
+    return await mutate(
       mutation,
       getMutationArgsFromTokens(
         mutation,
@@ -121,9 +121,11 @@ class WorkflowService {
    * Return a mutation by name.
    *
    * @param {String} mutationName
+   * @returns {Promise<Object>}
    */
-  getMutation (mutationName) {
-    return this.mutations.find(mutation => mutation.name === mutationName)
+  async getMutation (mutationName) {
+    const { mutations } = await this.mutationsAndTypes
+    return mutations.find(mutation => mutation.name === mutationName)
   }
 
   // --- GraphQL query subscriptions