Changes

spaces/pages/tasks.vue

@@ -1,5 +1,6 @@
 <template>
   <div>
+<!-- TODO: Benutzer Aufgaben zuweisen und nach diesen Filtern    -->
     <UModal
         v-model="showCreateTask"
     >
@@ -112,7 +113,7 @@
     <div id="taskCatList">
       <div id="catNew">
         <h3>Neue Aufgaben</h3>
-        <div class="taskScrollList">
+        <div class="taskScrollList" v-if="tasks.length > 0">
           <a
               v-for="taskNew in tasks.filter(task => task.categorie == 'Neu')"
               @click="inspectTask(taskNew)"
@@ -134,7 +135,7 @@
       </div>
       <div id="catInProgress">
         <h3>Aufgaben in Bearbeitung</h3>
-        <div class="taskScrollList">
+        <div class="taskScrollList" v-if="tasks.length > 0">
           <a
               v-for="taskNew in tasks.filter(task => task.categorie == 'In Bearbeitung')"
               @click="inspectTask(taskNew)"
@@ -154,7 +155,7 @@
       </div>
       <div id="catUrgent">
         <h3>Dringende Aufgaben</h3>
-        <div class="taskScrollList">
+        <div class="taskScrollList" v-if="tasks.length > 0">
           <a
               v-for="taskNew in tasks.filter(task => task.categorie == 'Dringend')"
               @click="inspectTask(taskNew)"
@@ -184,15 +185,12 @@ definePageMeta({
 
 
 const supabase = useSupabaseClient()
-
-const tasks = (await supabase.from("tasks").select()).data
-
+const {tasks} = storeToRefs(useDataStore())
+const {fetchTasks} = useDataStore()
 
 let refTasks = ref([])
 
 
-//const users = (await find('users',{populate: "*"}))
-//const users = (await supabase.from("users").select()).data
 let usersForList = []
 //users.forEach(user => usersForList.push(user.username))
 const usersSelected = ref([])
@@ -223,6 +221,7 @@ const createTask = async () => {
 
   showCreateTask.value = false
   createTaskData.value = {}
+  fetchTasks()
 }
 
 const updateTask = async () => {
@@ -260,7 +259,7 @@ const finishTask = async () => {
   showTaskModal.value = false
 }
 
-filterTasks()
+//filterTasks()
 
 </script>