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,13 +45,13 @@ const updateTenant = async (newData) => {
         },{
           label: 'Bankkonten'
         },{
-          label: 'Tags'
+          label: 'Projekte'
         }
     ]"
   >
     <template #item="{item}">
-      <UCard class="mt-5">
       <div v-if="item.label === 'Rechnung & Kontakt'">
+        <UCard class="mt-5">
           <UForm class="w-1/2">
             <UFormGroup
                 label="Firmenname:"
@@ -67,8 +79,11 @@ const updateTenant = async (newData) => {
               Speichern
             </UButton>
           </UForm>
+        </UCard>
+
       </div>
       <div v-else-if="item.label === 'Funktionen'">
+        <UCard class="mt-5">
           <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."
@@ -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"