52 lines
1.6 KiB
Vue
52 lines
1.6 KiB
Vue
<template>
|
|
<page-layout>
|
|
<template #right>
|
|
<f-save-button form="modulesettingform"></f-save-button>
|
|
</template>
|
|
<setting-layout>
|
|
<form id="modulesettingform" class="grow p-6 grid grid-cols-2 gap-3 items-start content-start"
|
|
@submit.prevent="submit">
|
|
<div class="col-span-full text-gray-100 mb-3">
|
|
<p class="text-sm">Hier kannst du Funktionen innerhalb von Adrema (Module) aktivieren oder deaktivieren
|
|
und so den Funktionsumfang auf deine Bedürfnisse anpassen.</p>
|
|
</div>
|
|
<div class="grid grid-cols-2 gap-4">
|
|
<f-switch v-for="module in meta.modules" :id="module.id" v-model="inner.modules" :value="module.id"
|
|
size="sm" name="modules" :label="module.name"></f-switch>
|
|
</div>
|
|
</form>
|
|
</setting-layout>
|
|
</page-layout>
|
|
</template>
|
|
|
|
<script>
|
|
import SettingLayout from './Layout.vue';
|
|
|
|
export default {
|
|
components: {
|
|
SettingLayout,
|
|
},
|
|
props: {
|
|
data: {
|
|
type: Object,
|
|
default: () => {
|
|
return {};
|
|
},
|
|
},
|
|
},
|
|
data: function () {
|
|
return {
|
|
inner: { ...this.data.data },
|
|
meta: { ...this.data.meta },
|
|
};
|
|
},
|
|
methods: {
|
|
submit() {
|
|
this.$inertia.post('/setting/module', this.inner, {
|
|
onSuccess: () => this.$success('Einstellungen gespeichert.'),
|
|
});
|
|
},
|
|
},
|
|
};
|
|
</script>
|