31 lines
1.8 KiB
Vue
31 lines
1.8 KiB
Vue
<template>
|
|
<page-layout>
|
|
<template #right>
|
|
<f-save-button form="billsettingform"></f-save-button>
|
|
</template>
|
|
<setting-layout>
|
|
<form id="billsettingform" class="grow p-6 grid grid-cols-2 gap-3 items-start content-start" @submit.prevent="submit">
|
|
<f-text id="from" v-model="data.from" label="Absender" hint="Absender-Name in Kurzform, i.d.R. der kurze Stammesname"></f-text>
|
|
<f-text id="from_long" v-model="data.from_long" label="Absender (lang)" hint="Absender-Name in Langform, i.d.R. der Stammesname"></f-text>
|
|
<h2 class="text-lg font-semibold text-gray-300 col-span-2 mt-5">Kontaktdaten</h2>
|
|
<div class="col-span-2 text-gray-300 text-sm">Diese Kontaktdaten stehen im Absender-Bereich auf der Rechnung.</div>
|
|
<f-text id="address" v-model="data.address" label="Straße"></f-text>
|
|
<f-text id="zip" v-model="data.zip" label="PLZ"></f-text>
|
|
<f-text id="place" v-model="data.place" label="Ort"></f-text>
|
|
<f-text id="email" v-model="data.email" label="E-Mail-Adresse"></f-text>
|
|
<f-text id="mobile" v-model="data.mobile" label="Telefonnummer"></f-text>
|
|
<f-text id="website" v-model="data.website" label="Webseite"></f-text>
|
|
<f-text id="iban" v-model="data.iban" label="IBAN"></f-text>
|
|
<f-text id="bic" v-model="data.bic" label="BIC"></f-text>
|
|
<f-text id="remember_weeks" v-model="data.rememberWeeks" type="number" label="Erinnerung alle X Wochen versenden"></f-text>
|
|
</form>
|
|
</setting-layout>
|
|
</page-layout>
|
|
</template>
|
|
|
|
<script setup>
|
|
import {props, useSettings} from './useSettings.js';
|
|
const innerProps = defineProps(props);
|
|
const {submit, data, meta, SettingLayout} = useSettings(innerProps);
|
|
</script>
|