chore(ui): refactor flow Edit

kestra-io · Feb 18, 2022 · 3b83ef7 · 3b83ef7
1 parent cd45aa0
commit 3b83ef7
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 13 deletions.
diff --git a/ui/src/components/flows/FlowSource.vue b/ui/src/components/flows/FlowSource.vue
@@ -7,7 +7,7 @@
 </template>
 <script>
     import {mapGetters} from "vuex";
-    import FlowEdit from "./FlowEdit";
+    import FlowEdit from "override/components/flows/FlowEdit";
     export default {
         name: "FlowSource",
         components: {FlowEdit},

diff --git a/ui/src/mixins/flowTemplateEdit.js b/ui/src/mixins/flowTemplateEdit.js
@@ -100,21 +100,30 @@ export default {
                 };
             }
         },
+        deleteConfirmMessage() {
+            return new Promise((resolve) => {
+                resolve(this.$t("delete confirm", {name: this.item.id}));
+            });
+        },
         deleteFile() {
             if (this.item) {
                 const item = this.item;
-                this.$toast()
-                    .confirm(this.$t("delete confirm", {name: item.id}), () => {
-                        return this.$store
-                            .dispatch(`${this.dataType}/delete${this.dataType.capitalize()}`, item)
-                            .then(() => {
-                                return this.$router.push({
-                                    name: this.dataType + "s/list"
-                                });
-                            })
-                            .then(() => {
-                                this.$toast().deleted(item.id);
-                            })
+
+                this.deleteConfirmMessage()
+                    .then(message => {
+                        this.$toast()
+                            .confirm(message, () => {
+                                return this.$store
+                                    .dispatch(`${this.dataType}/delete${this.dataType.capitalize()}`, item)
+                                    .then(() => {
+                                        return this.$router.push({
+                                            name: this.dataType + "s/list"
+                                        });
+                                    })
+                                    .then(() => {
+                                        this.$toast().deleted(item.id);
+                                    })
+                            });
                     });
             }
         },

diff --git a/ui/src/override/components/flows/FlowEdit.vue b/ui/src/override/components/flows/FlowEdit.vue
@@ -0,0 +1,6 @@
+<script>
+    import FlowEdit from "../../../components/flows/FlowEdit";
+    export default {
+        extends: FlowEdit,
+    };
+</script>