Changes

spaces/pages/tasks.vue

@@ -1,6 +1,6 @@
 <template>
-  <div>
-<!-- TODO: Benutzer Aufgaben zuweisen und nach diesen Filtern    -->
+  <UPage>
+    <!-- TODO: Benutzer Aufgaben zuweisen und nach diesen Filtern    -->
     <UModal
         v-model="showCreateTask"
     >
@@ -76,11 +76,16 @@
           {{user}}
         </UBadge>
         <template #footer>
-          <UButton
-            @click="finishTask"
+          <UFormGroup
+            label="Status ändern:"
           >
-            Erledigt
-          </UButton>
+            <USelectMenu
+                :options="taskCategories"
+                @change="updateTask"
+                v-model="taskData.categorie"
+            />
+          </UFormGroup>
+
         </template>
       </UCard>
     </UModal>
@@ -92,30 +97,31 @@
       >
         + Aufgabe
       </UButton>
-      <USelectMenu
-          :options="usersForList"
-          v-model="usersSelected"
-          multiple
-          placeholder="Benutzer"
-          class="w-40"
-          v-on:change="filterTasks"
-      >
-        <template #label>
-          <span v-if="usersSelected.length" class="truncate">{{ usersSelected.join(', ') }}</span>
-          <span v-else>Benutzer auswählen</span>
-        </template>
-      </USelectMenu>
+      <!--      <USelectMenu
+                :options="usersForList"
+                v-model="usersSelected"
+                multiple
+                placeholder="Benutzer"
+                class="w-40"
+                v-on:change="filterTasks"
+            >
+              <template #label>
+                <span v-if="usersSelected.length" class="truncate">{{ usersSelected.join(', ') }}</span>
+                <span v-else>Benutzer auswählen</span>
+              </template>
+            </USelectMenu>-->
     </div>
 
 
 
 
+
     <div id="taskCatList">
       <div id="catNew">
-        <h3>Neue Aufgaben</h3>
+        <h3>Offene Aufgaben</h3>
         <div class="taskScrollList" v-if="tasks.length > 0">
           <a
-              v-for="taskNew in tasks.filter(task => task.categorie == 'Neu')"
+              v-for="taskNew in tasks.filter(task => task.categorie == 'Offen')"
               @click="inspectTask(taskNew)"
           >
             <UCard class="listItem">
@@ -174,16 +180,16 @@
 
       </div>
     </div>
-  </div>
+  </UPage>
 </template>
 
 <script setup>
 
 definePageMeta({
-  middleware: "auth"
+  middleware: "auth",
 })
 
-
+const toast = useToast()
 const supabase = useSupabaseClient()
 const {tasks} = storeToRefs(useDataStore())
 const {fetchTasks} = useDataStore()
@@ -199,7 +205,7 @@ usersSelected.value = usersForList
 
 
 const showCreateTask = ref(false)
-const taskCategories = ["Neu","In Bearbeitung", "Dringend"]
+const taskCategories = ["Offen","In Bearbeitung", "Dringend"]
 const createTaskData = ref({
   name: "",
   description: "",
@@ -225,15 +231,23 @@ const createTask = async () => {
 }
 
 const updateTask = async () => {
-  //await update('tasks', taskData.value.id, taskData.value)
+
   console.log(taskData.value)
   const {data,error} = await supabase
       .from("tasks")
-      .update({categorie: taskData.value.categorie})
+      .update(taskData.value)
       .eq('id',taskData.value.id)
       .select()
   console.log(data)
-  console.log(error)
+
+  if(error) {
+    console.log(error)
+  } else {
+    toast.add({title: "Aufgabe aktualisiert"})
+    taskData.value = {}
+    showTaskModal.value = false
+    fetchTasks()
+  }
 
 }
 
@@ -257,6 +271,7 @@ const finishTask = async () => {
   //console.log(data)
   console.log(error)
   showTaskModal.value = false
+  fetchTasks()
 }
 
 //filterTasks()