From 818da1bb4d93e4343327373d8fc098e0fc1710f2 Mon Sep 17 00:00:00 2001
From: Kailash Nadh <kailash@nadh.in>
Date: Sat, 1 Aug 2020 13:28:12 +0530
Subject: [PATCH] Add 'clone template' feature to the templates UI

---
 frontend/src/views/Campaigns.vue |  2 +-
 frontend/src/views/Templates.vue | 22 +++++++++++++++++++++-
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/Campaigns.vue b/frontend/src/views/Campaigns.vue
index 7123a2a..74a95d6 100644
--- a/frontend/src/views/Campaigns.vue
+++ b/frontend/src/views/Campaigns.vue
@@ -153,7 +153,7 @@
                   </b-tooltip>
                 </a>
                 <a href="" @click.prevent="$utils.prompt(`Clone campaign`,
-                        { placeholder: 'Campaign name', value: `Copy of ${props.row.name}`},
+                        { placeholder: 'Name', value: `Copy of ${props.row.name}`},
                         (name) => cloneCampaign(name, props.row))">
                   <b-tooltip label="Clone" type="is-dark">
                     <b-icon icon="file-multiple-outline" size="is-small" />
diff --git a/frontend/src/views/Templates.vue b/frontend/src/views/Templates.vue
index 951e4b6..baa7365 100644
--- a/frontend/src/views/Templates.vue
+++ b/frontend/src/views/Templates.vue
@@ -40,7 +40,14 @@
                     <b-icon icon="pencil-outline" size="is-small" />
                   </b-tooltip>
                 </a>
-               <a v-if="!props.row.isDefault" href="#"
+                <a href="" @click.prevent="$utils.prompt(`Clone template`,
+                        { placeholder: 'Name', value: `Copy of ${props.row.name}`},
+                        (name) => cloneTemplate(name, props.row))">
+                  <b-tooltip label="Clone" type="is-dark">
+                    <b-icon icon="file-multiple-outline" size="is-small" />
+                  </b-tooltip>
+                </a>
+                <a v-if="!props.row.isDefault" href="#"
                   @click.prevent="$utils.confirm(null, () => makeTemplateDefault(props.row))">
                   <b-tooltip label="Make default" type="is-dark">
                     <b-icon icon="check-circle-outline" size="is-small" />
@@ -126,6 +133,19 @@ export default Vue.extend({
       this.previewItem = null;
     },
 
+    cloneTemplate(name, t) {
+      const data = { name, body: t.body };
+      this.$api.createTemplate(data).then((d) => {
+        this.$api.getTemplates();
+        this.$emit('finished');
+        this.$buefy.toast.open({
+          message: `'${d.name}' created`,
+          type: 'is-success',
+          queue: false,
+        });
+      });
+    },
+
     makeTemplateDefault(tpl) {
       this.$api.makeTemplateDefault(tpl.id).then(() => {
         this.$api.getTemplates();