Some Tidying

components/displayOpenBalances.vue

@@ -54,9 +54,9 @@ const displayCurrency = (value, currency = "€") => {
       <td>Offene Ausgangsbelege:</td>
       <td
           v-if="unpaidCreatedDocumentsSum > 0"
-          class="text-rose-600 font-bold"
+          class="text-rose-600 font-bold text-nowrap"
       >{{displayCurrency(unpaidCreatedDocumentsSum)}}</td>
-      <td v-else class="text-primary-500 font-bold">0,00€</td>
+      <td v-else class="text-primary-500 font-bold text-no-wrap">0,00€</td>
     </tr>
     <tr>
       <td>Nicht zugewiesene Bankbuchungen:</td>

nuxt.config.ts

@@ -37,7 +37,7 @@ export default defineNuxtConfig({
         },
     },
     ui: {
-        icons: ['heroicons','mdi']
+        icons: ['heroicons','mdi','simple-icons']
     },
     colorMode: {
         preference: 'system'

pages/settings/tenant.vue

@@ -3,6 +3,17 @@
 const dataStore = useDataStore()
 const supabase = useSupabaseClient()
 
+const itemInfo = ref({
+  features: {},
+  businessInfo: {},
+  projectTypes: []
+})
+
+const setupPage = async () => {
+  itemInfo.value = (await supabase.from("tenants").select().eq("id",dataStore.currentTenant).single()).data
+  console.log(itemInfo.value)
+}
+
 const features = ref(dataStore.ownTenant.features)
 const businessInfo = ref(dataStore.ownTenant.businessInfo)
 
@@ -15,6 +26,7 @@ const updateTenant = async (newData) => {
     if (error) console.log(error)
 }
 
+setupPage()
 </script>
 
 <template>
@@ -33,27 +45,27 @@ const updateTenant = async (newData) => {
         },{
           label: 'Bankkonten'
         },{
-          label: 'Tags'
+          label: 'Projekte'
         }
     ]"
   >
     <template #item="{item}">
-      <UCard class="mt-5">
+      <div v-if="item.label === 'Rechnung & Kontakt'">
-        <div v-if="item.label === 'Rechnung & Kontakt'">
+        <UCard class="mt-5">
           <UForm class="w-1/2">
             <UFormGroup
-              label="Firmenname:"
+                label="Firmenname:"
             >
               <UInput v-model="businessInfo.name"/>
             </UFormGroup>
             <UFormGroup
-              label="Straße + Hausnummer:"
+                label="Straße + Hausnummer:"
             >
               <UInput v-model="businessInfo.street"/>
             </UFormGroup>
             <UFormGroup
-              label="PLZ + Ort"
+                label="PLZ + Ort"
-              class="w-full"
+                class="w-full"
             >
               <InputGroup class="w-full">
                 <UInput v-model="businessInfo.zip"/>
@@ -67,14 +79,17 @@ const updateTenant = async (newData) => {
               Speichern
             </UButton>
           </UForm>
-        </div>
+        </UCard>
-        <div v-else-if="item.label === 'Funktionen'">
+
+      </div>
+      <div v-else-if="item.label === 'Funktionen'">
+        <UCard class="mt-5">
           <UAlert
-            title="Funktionen ausblenden"
+              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."
+              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"
+              color="rose"
-            variant="outline"
+              variant="outline"
-            class="mb-5"
+              class="mb-5"
           />
           <UCheckbox
               label="Kalendar"
@@ -133,6 +148,13 @@ const updateTenant = async (newData) => {
           />
         </div>
       </UCard>
+        </UCard>
+      </div>
+      <div v-else-if="item.label === 'Projekte'">
+        <UCard class="mt-5">
+          <template #header>Projekttypen</template>
+        </UCard>
+      </div>
     </template>
   </UTabs>
 </template>

stores/data.js

@@ -44,7 +44,7 @@ export const useDataStore = defineStore('data', () => {
             redirect:true
         },
         plants: {
-            label: "Objekte",
+            label: "Objekt",
             labelSingle: "Objekte",
             redirect:true,
             historyItemHolder: "plant"