Added Business Info Editing

spaces/pages/settings/tenant.vue

@@ -4,12 +4,15 @@ const dataStore = useDataStore()
 const supabase = useSupabaseClient()
 
 const features = ref(dataStore.ownTenant.features)
+const businessInfo = ref(dataStore.ownTenant.businessInfo)
 
-const updateTenant = async () => {
+const updateTenant = async (newData) => {
     const {data,error} = await supabase.from("tenants")
-        .update({features: features.value})
+        .update(newData)
         .eq("id",dataStore.currentTenant)
         .select()
+
+    if (error) console.log(error)
 }
 
 </script>
@@ -37,7 +40,33 @@ const updateTenant = async () => {
     <template #item="{item}">
       <UCard class="mt-5">
         <div v-if="item.label === 'Rechnung & Kontakt'">
-
+          <UForm class="w-1/2">
+            <UFormGroup
+              label="Firmenname:"
+            >
+              <UInput v-model="businessInfo.name"/>
+            </UFormGroup>
+            <UFormGroup
+              label="Straße + Hausnummer:"
+            >
+              <UInput v-model="businessInfo.street"/>
+            </UFormGroup>
+            <UFormGroup
+              label="PLZ + Ort"
+              class="w-full"
+            >
+              <InputGroup class="w-full">
+                <UInput v-model="businessInfo.zip"/>
+                <UInput v-model="businessInfo.city" class="flex-auto"/>
+              </InputGroup>
+            </UFormGroup>
+            <UButton
+                class="mt-3"
+                @click="updateTenant({businessInfo: businessInfo})"
+            >
+              Speichern
+            </UButton>
+          </UForm>
         </div>
         <div v-else-if="item.label === 'Funktionen'">
           <UAlert
@@ -50,32 +79,32 @@ const updateTenant = async () => {
           <UCheckbox
               label="Kalendar"
               v-model="features.calendar"
-              @change="updateTenant"
+              @change="updateTenant({features: features})"
           />
           <UCheckbox
               label="Plantafel"
               v-model="features.planningBoard"
-              @change="updateTenant"
+              @change="updateTenant({features: features})"
           />
           <UCheckbox
               label="Zeiterfassung"
               v-model="features.timeTracking"
-              @change="updateTenant"
+              @change="updateTenant({features: features})"
           />
           <UCheckbox
               label="Anwesenheiten"
               v-model="features.workingTimeTracking"
-              @change="updateTenant"
+              @change="updateTenant({features: features})"
           />
           <UCheckbox
               label="Verträge"
               v-model="features.contracts"
-              @change="updateTenant"
+              @change="updateTenant({features: features})"
           />
           <UCheckbox
               label="Fahrzeuge"
               v-model="features.vehicles"
-              @change="updateTenant"
+              @change="updateTenant({features: features})"
           />
         </div>
       </UCard>