38 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			Vue
		
	
	
	
			
		
		
	
	
			38 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			Vue
		
	
	
	
<template>
 | 
						|
    <page-layout>
 | 
						|
        <template #right>
 | 
						|
            <f-save-button form="preventionform"></f-save-button>
 | 
						|
        </template>
 | 
						|
        <setting-layout v-if="loaded">
 | 
						|
            <form id="preventionform" class="grow p-6" @submit.prevent="submit">
 | 
						|
                <div class="col-span-full text-gray-100 mb-3">
 | 
						|
                    <p class="text-sm">Hier kannst du Einstellungen zu Prävention setzen.</p>
 | 
						|
                </div>
 | 
						|
                <div class="grid gap-4 mt-2">
 | 
						|
                    <f-editor id="frommail" v-model="data.formmail" label="E-Mail für Veranstaltungs-TN"></f-editor>
 | 
						|
                </div>
 | 
						|
            </form>
 | 
						|
        </setting-layout>
 | 
						|
    </page-layout>
 | 
						|
</template>
 | 
						|
 | 
						|
<script lang="js" setup>
 | 
						|
import { ref } from 'vue';
 | 
						|
import { useApiIndex } from '../../composables/useApiIndex.js';
 | 
						|
import SettingLayout from '../setting/Layout.vue';
 | 
						|
 | 
						|
const { axios, data, reload } = useApiIndex('/api/prevention', 'prevention');
 | 
						|
const loaded = ref(false);
 | 
						|
 | 
						|
async function load() {
 | 
						|
    await reload();
 | 
						|
    loaded.value = true;
 | 
						|
}
 | 
						|
 | 
						|
async function submit() {
 | 
						|
    await axios.post('/api/prevention', { ...data.value });
 | 
						|
}
 | 
						|
 | 
						|
load();
 | 
						|
</script>
 |