Added Open Tasks Card

Added Some Titles

components/displayOpenTasks.vue

@@ -0,0 +1,30 @@
+<script setup>
+
+const openTasks = ref([])
+const supabase = useSupabaseClient()
+const router = useRouter()
+
+
+const setupPage = async () => {
+  openTasks.value = (await supabase.from("tasks").select().eq("tenant",useProfileStore().currentTenant).not("archived","is",true).neq("categorie","Abgeschlossen").eq("profile", useProfileStore().activeProfile.id)).data
+}
+
+setupPage()
+
+</script>
+
+<template>
+  <UTable
+      v-if="openTasks.length > 0"
+    :rows="openTasks"
+      :columns="[{key:'name',label:'Name'},{key:'categorie',label:'Kategorie'}]"
+      @select="(i) => router.push(`/standardEntity/tasks/show/${i.id}`)"
+  />
+  <div v-else>
+    <p  class="text-center font-bold">Keine offenen Aufgaben</p>
+  </div>
+</template>
+
+<style scoped>
+
+</style>

pages/index.vue

@@ -14,40 +14,46 @@
       </UDashboardNavbar>
 
       <UDashboardPanelContent class="flex flex-col">
-        <div>
+        <div class="mb-5">
           <UDashboardCard
+              title="Einnahmen und Ausgaben(netto)"
               class="mt-3"
           >
             <display-income-and-expenditure/>
           </UDashboardCard>
         </div>
-        <div class="flex flex-row">
+        <UPageGrid>
           <UDashboardCard
-              class="w-1/3 h-fit mr-2 mt-3"
-              title="Anwesenheiten"
-          >
-            <display-present-profiles/>
-          </UDashboardCard>
-          <UDashboardCard
-              class="w-1/3 h-fit mx-2 mt-3"
-          >
-            <display-running-time/>
-          </UDashboardCard>
-
-
-
-          <UDashboardCard
-              class="w-1/3 h-fit mx-2 mt-3"
+              title="Buchhaltung"
               v-if="profileStore.ownTenant.features.accounting"
           >
             <display-open-balances/>
           </UDashboardCard>
           <UDashboardCard
-              class="w-1/3 h-fit ml-2 mt-3"
               title="Projekte"
           >
             <display-projects-in-phases/>
           </UDashboardCard>
+          <UDashboardCard
+              title="Anwesenheiten"
+          >
+            <display-present-profiles/>
+          </UDashboardCard>
+          <UDashboardCard
+          >
+            <display-running-time/>
+          </UDashboardCard>
+          <UDashboardCard
+            title="Aufgaben"
+          >
+            <display-open-tasks/>
+          </UDashboardCard>
+        </UPageGrid>
+
+
+
+        <div class="flex flex-row">
+
         </div>
 
       </UDashboardPanelContent>