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>
 |