feat(ui): add copy button to clone a flow

close #460
kestra-io · Aug 2, 2022 · 1ac584b · 1ac584b
1 parent b42d401
commit 1ac584b
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/ui/src/components/flows/FlowEdit.vue b/ui/src/components/flows/FlowEdit.vue
@@ -13,6 +13,16 @@
 
                     <trigger-flow v-if="flow && canExecute" :disabled="flow.disabled" :flow-id="flow.id" :namespace="flow.namespace" />
 
+
+                    <router-link v-if="flow" :to="{name: 'flows/create', query: {copy: true}}">
+                        <b-button variant="primary">
+                            <kicon>
+                                <content-copy />
+                                {{ $t('copy') }}
+                            </kicon>
+                        </b-button>
+                    </router-link>
+
                     <b-button @click="save" v-if="canSave" variant="primary">
                         <kicon :tooltip="'(Ctrl + s)'">
                             <content-save />
@@ -31,11 +41,13 @@
     import {mapGetters} from "vuex";
     import TriggerFlow from "./TriggerFlow"
     import Kicon from "../Kicon"
+    import ContentCopy from "vue-material-design-icons/ContentCopy";
 
     export default {
         components: {
             TriggerFlow,
             Kicon,
+            ContentCopy,
         },
         mixins: [flowTemplateEdit],
         data() {

diff --git a/ui/src/mixins/flowTemplateEdit.js b/ui/src/mixins/flowTemplateEdit.js
@@ -92,6 +92,12 @@ export default {
     },
     methods: {
         loadFile() {
+            if (this.$route.query.copy) {
+                this.item.id = "";
+                this.item.namespace = "";
+                delete this.item.revision;
+            }
+
             this.content = YamlUtils.stringify(this.item);
             this.previousContent = this.content;
             if (this.isEdit) {

diff --git a/ui/src/translations.json b/ui/src/translations.json
@@ -27,6 +27,7 @@
     "Select namespace": "Namespace",
     "Add flow": "Add flow",
     "add": "Add",
+    "copy": "Copy",
     "Per page": "Per page",
     "new": "New",
     "edit": "Edit",
@@ -264,6 +265,7 @@
     "Select namespace": "Espace de nom",
     "Add flow": "Ajouter un flow",
     "add": "Ajouter",
+    "copy": "Copier",
     "Per page": "Par page",
     "new": "Nouveau",
     "edit": "Modifier",