From 88e020ac4e4e69da39c0b24746b156ee6958ec72 Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Sat, 14 Jun 2025 01:24:02 +0200
Subject: [PATCH] Add: Copy form

---
 resources/img/svg/copy.svg        |  1 +
 resources/js/views/form/Index.vue | 66 ++++++++++++++++++-------------
 2 files changed, 39 insertions(+), 28 deletions(-)
 create mode 100755 resources/img/svg/copy.svg

diff --git a/resources/img/svg/copy.svg b/resources/img/svg/copy.svg
new file mode 100755
index 00000000..2d4415eb
--- /dev/null
+++ b/resources/img/svg/copy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M6 6V2c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2h4zm2 0h4a2 2 0 0 1 2 2v4h4V2H8v4zM2 8v10h10V8H2z"/></svg>
diff --git a/resources/js/views/form/Index.vue b/resources/js/views/form/Index.vue
index 7bd99e76..578628fb 100644
--- a/resources/js/views/form/Index.vue
+++ b/resources/js/views/form/Index.vue
@@ -148,36 +148,41 @@
 
         <table cellspacing="0" cellpadding="0" border="0" class="custom-table custom-table-sm">
             <thead>
-                <th>Name</th>
-                <th>Von</th>
-                <th>Bis</th>
-                <th>Anzahl TN</th>
-                <th />
+                <tr>
+                    <th>Name</th>
+                    <th>Von</th>
+                    <th>Bis</th>
+                    <th>Anzahl TN</th>
+                    <th />
+                </tr>
             </thead>
 
-            <tr v-for="(form, index) in data" :key="index">
-                <td>
-                    <div v-text="form.name" />
-                </td>
-                <td>
-                    <div v-text="form.from_human" />
-                </td>
-                <td>
-                    <div v-text="form.to_human" />
-                </td>
-                <td>
-                    <div v-text="form.participants_count" />
-                </td>
-                <td>
-                    <div class="flex space-x-2">
-                        <ui-action-button tooltip="Bearbeiten" class="btn-warning" icon="pencil" @click.prevent="edit(form)" />
-                        <ui-action-button tooltip="Teilnehmende anzeigen" class="btn-info" icon="user" @click.prevent="showParticipants(form)" />
-                        <ui-action-button :href="form.links.frontend" target="_BLANK" tooltip="zur Anmeldeseite" class="btn-info" icon="eye" />
-                        <ui-action-button :href="form.links.export" target="_BLANK" tooltip="als Tabellendokument exportieren" class="btn-info" icon="document" />
-                        <ui-action-button tooltip="Löschen" class="btn-danger" icon="trash" @click.prevent="deleting = form" />
-                    </div>
-                </td>
-            </tr>
+            <tbody>
+                <tr v-for="(form, index) in data" :key="index">
+                    <td>
+                        <div v-text="form.name" />
+                    </td>
+                    <td>
+                        <div v-text="form.from_human" />
+                    </td>
+                    <td>
+                        <div v-text="form.to_human" />
+                    </td>
+                    <td>
+                        <div v-text="form.participants_count" />
+                    </td>
+                    <td>
+                        <div class="flex space-x-2">
+                            <ui-action-button tooltip="Bearbeiten" class="btn-warning" icon="pencil" @click.prevent="edit(form)" />
+                            <ui-action-button tooltip="Teilnehmende anzeigen" class="btn-info" icon="user" @click.prevent="showParticipants(form)" />
+                            <ui-action-button :href="form.links.frontend" target="_BLANK" tooltip="zur Anmeldeseite" class="btn-info" icon="eye" />
+                            <ui-action-button tooltip="Kopieren" class="btn-info" icon="copy" @click="onCopy(form)" />
+                            <ui-action-button :href="form.links.export" target="_BLANK" tooltip="als Tabellendokument exportieren" class="btn-info" icon="document" />
+                            <ui-action-button tooltip="Löschen" class="btn-danger" icon="trash" @click.prevent="deleting = form" />
+                        </div>
+                    </td>
+                </tr>
+            </tbody>
         </table>
         <div class="px-6">
             <ui-pagination class="mt-4" :value="meta" @reload="reloadPage" />
@@ -223,6 +228,11 @@ const allFields = computed(() => {
     return result;
 });
 
+function onCopy(form) {
+    single.value = {...meta.value.default, ...form};
+    single.value.id = null;
+}
+
 function setTemplate(template) {
     active.value = 0;
     single.value.config = template.config;