Changes

pages/index.vue

@@ -20,13 +20,14 @@
         >
           <p v-for="time in dataStore.getStartedWorkingTimes()"><UIcon name="i-heroicons-check"/>{{dataStore.getProfileById(time.profile).fullName}}</p>
         </UDashboardCard>
-<!--        <UDashboardCard
+<!--TODO: Fix Card Table overflowing        <UDashboardCard
           title="Offene Aufgaben"
           v-if="dataStore.getOpenTasksCount > 0"
           class="w-1/2 h-1/2"
         >
           <UTable
             :rows="dataStore.tasks.filter(i => i.categorie !== 'Erledigt' && (i.profile === dataStore.activeProfile.id ||!i.profile))"
+            @select="(row) => router.push(`/tasks/show/${row.id}`)"
             :columns="[
                 {
                   key: 'categorie',
@@ -36,7 +37,13 @@
                   label: 'Name'
                 },
             ]"
-          ></UTable>
+          >
+            <template #categorie-data="{row}">
+              <span v-if="row.categorie === 'Dringend'" class="text-rose-500">{{row.categorie}}</span>
+              <span v-else-if="row.categorie === 'In Bearbeitung'" class="text-primary-500">{{row.categorie}}</span>
+              <span v-else>{{row.categorie}}</span>
+            </template>
+          </UTable>
         </UDashboardCard>-->
 
       </UDashboardPanelContent>
@@ -51,6 +58,7 @@ definePageMeta({
 
 const dataStore = useDataStore()
 const toast = useToast()
+const router = useRouter()
 
 const { isNotificationsSlideoverOpen } = useDashboard()
 const items = [[{