From b2e85211a74087fd6d5bbf9cec31510309576daf Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Sat, 6 Jul 2024 15:14:53 +0200
Subject: [PATCH] Add prevention_text field

---
 resources/js/components/form/Editor.vue | 20 ++++++++++++--------
 resources/js/views/form/Index.vue       | 12 +++++++++++-
 2 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/resources/js/components/form/Editor.vue b/resources/js/components/form/Editor.vue
index 7a356891..1a430eb3 100644
--- a/resources/js/components/form/Editor.vue
+++ b/resources/js/components/form/Editor.vue
@@ -8,18 +8,22 @@
             </div>
         </div>
 
-        <ui-popup v-if="condition !== null" heading="Bedingungen" @close="
-            condition.resolve(condition.data);
-        condition = null;
-                        ">
+        <ui-popup
+            v-if="condition !== null"
+            heading="Bedingungen"
+            @close="
+                condition.resolve(condition.data);
+                condition = null;
+            "
+        >
             <slot name="conditions" :data="condition.data" :resolve="condition.resolve" :reject="condition.reject"></slot>
         </ui-popup>
     </div>
 </template>
 
 <script setup>
-import { debounce } from 'lodash';
-import { onMounted, ref } from 'vue';
+import {debounce} from 'lodash';
+import {onMounted, ref} from 'vue';
 import EditorJS from '@editorjs/editorjs';
 import Header from '@editorjs/header';
 import Paragraph from '@editorjs/paragraph';
@@ -28,7 +32,7 @@ import Alert from 'editorjs-alert';
 import useFieldSize from '../../composables/useFieldSize.js';
 const emit = defineEmits(['update:modelValue']);
 
-const { fieldAppearance, paddingX, paddingY, sizeClass } = useFieldSize();
+const {fieldAppearance, paddingX, paddingY, sizeClass} = useFieldSize();
 
 const props = defineProps({
     required: {
@@ -84,7 +88,7 @@ async function openPopup(data) {
 }
 
 class ConditionTune {
-    constructor({ api, data, config, block }) {
+    constructor({api, data, config, block}) {
         this.api = api;
         this.data = data || {
             mode: 'all',
diff --git a/resources/js/views/form/Index.vue b/resources/js/views/form/Index.vue
index 676edd19..45160c0e 100644
--- a/resources/js/views/form/Index.vue
+++ b/resources/js/views/form/Index.vue
@@ -116,6 +116,16 @@
                         <f-select id="to_group_field" v-model="single.export.to_group_field" :options="allFields" label="Nach Gruppe schreiben" name="to_group_field"></f-select>
                     </div>
                 </div>
+                <div v-show="active === 4" class="grid grid-cols-2 gap-3">
+                    <f-switch id="needs_prevention" v-model="single.needs_prevention" name="needs_prevention" label="Prävention"></f-switch>
+                    <f-editor
+                        id="prevention_text"
+                        v-model="single.prevention_text"
+                        hint="Wird an die Präventions-Email angehangen, die Teilnehmende dieser Veranstaltung erhalten"
+                        :rows="6"
+                        label="Präventions-Hinweis"
+                    ></f-editor>
+                </div>
             </div>
             <template #actions>
                 <a href="#" @click.prevent="submit">
@@ -192,7 +202,7 @@ const deleting = ref(null);
 const showing = ref(null);
 const fileSettingPopup = ref(null);
 
-const tabs = [{ title: 'Allgemeines' }, { title: 'Formular' }, { title: 'Bestätigungs-E-Mail' }, { title: 'Export' }];
+const tabs = [{ title: 'Allgemeines' }, { title: 'Formular' }, { title: 'Bestätigungs-E-Mail' }, { title: 'Export' }, { title: 'Prävention' }];
 const mailTabs = [{ title: 'vor Daten' }, { title: 'nach Daten' }];
 
 const allFields = computed(() => {