From 41aa40b2376d85f2d2cc8ddfa1e447d23fd4376b Mon Sep 17 00:00:00 2001
From: florianfederspiel <florian@fedeo.de>
Date: Wed, 5 Mar 2025 19:12:31 +0100
Subject: [PATCH] Added Open Tasks Card Added Some Titles

---
 components/displayOpenTasks.vue | 30 +++++++++++++++++++++++
 pages/index.vue                 | 42 +++++++++++++++++++--------------
 2 files changed, 54 insertions(+), 18 deletions(-)
 create mode 100644 components/displayOpenTasks.vue

diff --git a/components/displayOpenTasks.vue b/components/displayOpenTasks.vue
new file mode 100644
index 0000000..3c579e5
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/pages/index.vue b/pages/index.vue
index 99a879f..6d1cb9e 100644
--- a/pages/index.vue
+++ b/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>