From 2706501f8e5ad32f74269e71bc1e09a090f716c5 Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Mon, 25 Dec 2023 22:43:28 +0100
Subject: [PATCH] Add delete event for fields

---
 src/Eventform.ce.vue                |  4 ++++
 src/components/icons/DeleteIcon.vue | 34 +++++++++++++++++++++++++++++
 2 files changed, 38 insertions(+)
 create mode 100644 src/components/icons/DeleteIcon.vue

diff --git a/src/Eventform.ce.vue b/src/Eventform.ce.vue
index a6af89b..85cae22 100644
--- a/src/Eventform.ce.vue
+++ b/src/Eventform.ce.vue
@@ -86,6 +86,9 @@
                                             <a href="#" class="bg-edit rounded-full flex w-5 h-5 items-center justify-center text-font ml-2" @click.prevent.stop="$emit('editField', index, findex)">
                                                 <edit-icon class="w-3 h-3 fill-current"></edit-icon>
                                             </a>
+                                            <a href="#" class="bg-edit rounded-full flex w-5 h-5 items-center justify-center text-font ml-2" @click.prevent.stop="$emit('deleteField', index, findex)">
+                                                <delete-icon class="w-3 h-3 fill-current"></delete-icon>
+                                            </a>
                                         </div>
                                     </div>
                                 </div>
@@ -120,6 +123,7 @@ import FieldText from './components/fields/Text.vue';
 import FieldSelect from './components/fields/Select.vue';
 import FieldRadio from './components/fields/Radio.vue';
 import EditIcon from './components/icons/EditIcon.vue';
+import DeleteIcon from './components/icons/DeleteIcon.vue';
 
 const emits = defineEmits(['editSection']);
 
diff --git a/src/components/icons/DeleteIcon.vue b/src/components/icons/DeleteIcon.vue
new file mode 100644
index 0000000..a23b0d1
--- /dev/null
+++ b/src/components/icons/DeleteIcon.vue
@@ -0,0 +1,34 @@
+<template>
+    <svg
+        id="Capa_1"
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+        x="0px"
+        y="0px"
+        viewBox="0 0 512 512"
+        style="enable-background: new 0 0 512 512"
+        xml:space="preserve"
+    >
+        <g>
+            <g>
+                <path
+                    d="M486.4,102.4h-128V25.6c0-15.36-10.24-25.6-25.6-25.6H179.2c-15.36,0-25.6,10.24-25.6,25.6v76.8h-128
+                    C10.24,102.4,0,112.64,0,128s10.24,25.6,25.6,25.6h460.8c15.36,0,25.6-10.24,25.6-25.6S501.76,102.4,486.4,102.4z M307.2,102.4
+                    H204.8V51.2h102.4V102.4z"
+                />
+            </g>
+        </g>
+        <g>
+            <g>
+                <path
+                    d="M25.6,204.8l48.64,284.16c2.56,12.8,12.8,23.04,25.6,23.04h312.32c12.8,0,23.04-10.24,25.6-23.04L486.4,204.8H25.6z
+                     M153.6,460.8c-15.36,0-25.6-10.24-25.6-25.6l-25.6-153.6c0-15.36,10.24-25.6,25.6-25.6s25.6,10.24,25.6,25.6l25.6,153.6
+                    C179.2,450.56,168.96,460.8,153.6,460.8z M281.6,435.2c0,15.36-10.24,25.6-25.6,25.6s-25.6-10.24-25.6-25.6V281.6
+                    c0-15.36,10.24-25.6,25.6-25.6s25.6,10.24,25.6,25.6V435.2z M384,435.2c0,15.36-10.24,25.6-25.6,25.6
+                    c-15.36,0-25.6-10.24-25.6-25.6l25.6-153.6c0-15.36,10.24-25.6,25.6-25.6s25.6,10.24,25.6,25.6L384,435.2z"
+                />
+            </g>
+        </g>
+    </svg>
+</template>