88 lines
2.2 KiB
Vue
88 lines
2.2 KiB
Vue
<script setup>
|
|
|
|
const dataStore = useDataStore()
|
|
const supabase = useSupabaseClient()
|
|
|
|
const features = ref(dataStore.ownTenant.features)
|
|
|
|
const updateTenant = async () => {
|
|
const {data,error} = await supabase.from("tenants")
|
|
.update({features: features.value})
|
|
.eq("id",dataStore.currentTenant)
|
|
.select()
|
|
}
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<UDashboardNavbar title="Firmeneinstellungen">
|
|
|
|
</UDashboardNavbar>
|
|
<UTabs
|
|
class="p-5"
|
|
:items="[
|
|
{
|
|
label: 'Rechnung & Kontakt'
|
|
},{
|
|
label: 'Lizenz'
|
|
},{
|
|
label: 'Funktionen'
|
|
},{
|
|
label: 'Bankkonten'
|
|
},{
|
|
label: 'Tags'
|
|
}
|
|
]"
|
|
>
|
|
<template #item="{item}">
|
|
<UCard class="mt-5">
|
|
<div v-if="item.label === 'Rechnung & Kontakt'">
|
|
|
|
</div>
|
|
<div v-else-if="item.label === 'Funktionen'">
|
|
<UAlert
|
|
title="Funktionen ausblenden"
|
|
description="Nur Funktionen mit gesetztem Haken sind im Unternehmen verfügbar. Diese Einstellungen gelten für alle Mitarbeiter und sind unabhängig von Berechtigungen."
|
|
color="rose"
|
|
variant="outline"
|
|
class="mb-5"
|
|
/>
|
|
<UCheckbox
|
|
label="Kalendar"
|
|
v-model="features.calendar"
|
|
@change="updateTenant"
|
|
/>
|
|
<UCheckbox
|
|
label="Plantafel"
|
|
v-model="features.planningBoard"
|
|
@change="updateTenant"
|
|
/>
|
|
<UCheckbox
|
|
label="Zeiterfassung"
|
|
v-model="features.timeTracking"
|
|
@change="updateTenant"
|
|
/>
|
|
<UCheckbox
|
|
label="Anwesenheiten"
|
|
v-model="features.workingTimeTracking"
|
|
@change="updateTenant"
|
|
/>
|
|
<UCheckbox
|
|
label="Verträge"
|
|
v-model="features.contracts"
|
|
@change="updateTenant"
|
|
/>
|
|
<UCheckbox
|
|
label="Fahrzeuge"
|
|
v-model="features.vehicles"
|
|
@change="updateTenant"
|
|
/>
|
|
</div>
|
|
</UCard>
|
|
</template>
|
|
</UTabs>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style> |