feat(ui): add cancel button to execution resume dialog (#5859)

Co-authored-by: MilosPaunovic <paun992@hotmail.com>
kestra-io · Nov 13, 2024 · 9a402e2 · 9a402e2
1 parent 4e675f2
commit 9a402e2
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/ui/src/components/executions/Resume.vue b/ui/src/components/executions/Resume.vue
@@ -17,6 +17,9 @@
             <inputs-form :initial-inputs="inputsList" :execution="execution" v-model="inputs" />
         </el-form>
         <template #footer>
+            <el-button @click="cancel()">
+                {{ $t('cancel') }}
+            </el-button>
             <el-button :icon="PlayBox" type="primary" @click="resumeWithInputs($refs.form)" native-type="submit">
                 {{ $t('resume') }}
             </el-button>
@@ -97,6 +100,16 @@
                         this.$toast().success(this.$t("resumed done"));
                     });
             },
+            cancel() {
+                this.$store
+                    .dispatch("execution/kill", {
+                        id: this.execution.id,
+                    })
+                    .then(() => {
+                        this.isDrawerOpen = false;
+                        this.$toast().success(this.$t("killed done"));
+                    });
+            },
             loadDefinition() {
                 this.$store.dispatch("execution/loadFlowForExecution", {
                     flowId: this.execution.flowId,