Changed Backend to Supabase

spaces/pages/tasks.vue

@@ -64,12 +64,12 @@
     >
       <UCard>
         <template #header>
-          {{taskData.attributes.name}}
+          {{taskData.name}}
         </template>
-        <p>{{taskData.attributes.description}}</p>
-        <p>Erstellt am: {{taskData.attributes.createdAt}}</p>
+        <p>{{taskData.description}}</p>
+        <p>Erstellt am: {{taskData.created_at}}</p>
         <UBadge
-            v-for="user in taskData.attributes.users"
+            v-for="user in taskData.users"
             class="mr-2"
         >
           {{user}}
@@ -114,13 +114,13 @@
         <h3>Neue Aufgaben</h3>
         <div class="taskScrollList">
           <a
-              v-for="taskNew in refTasks.filter(task => task.attributes.categorie == 'Neu')"
+              v-for="taskNew in tasks.filter(task => task.categorie == 'Neu')"
               @click="inspectTask(taskNew)"
           >
             <UCard class="listItem">
-              {{taskNew.attributes.name}}
+              {{taskNew.name}}
               <UBadge
-                  v-for="user in taskNew.attributes.users"
+                  v-for="user in taskNew.users"
                   class="mr-2"
               >
                 {{user}}
@@ -136,13 +136,13 @@
         <h3>Aufgaben in Bearbeitung</h3>
         <div class="taskScrollList">
           <a
-              v-for="taskNew in refTasks.filter(task => task.attributes.categorie == 'In Bearbeitung')"
+              v-for="taskNew in tasks.filter(task => task.categorie == 'In Bearbeitung')"
               @click="inspectTask(taskNew)"
           >
             <UCard class="listItem">
-              {{taskNew.attributes.name}}
+              {{taskNew.name}}
               <UBadge
-                  v-for="user in taskNew.attributes.users"
+                  v-for="user in taskNew.users"
                   class="mr-2"
               >
                 {{user}}
@@ -156,13 +156,13 @@
         <h3>Dringende Aufgaben</h3>
         <div class="taskScrollList">
           <a
-              v-for="taskNew in refTasks.filter(task => task.attributes.categorie == 'Dringend')"
+              v-for="taskNew in tasks.filter(task => task.categorie == 'Dringend')"
               @click="inspectTask(taskNew)"
           >
             <UCard class="listItem">
-              {{taskNew.attributes.name}}
+              {{taskNew.name}}
               <UBadge
-                  v-for="user in taskNew.attributes.users"
+                  v-for="user in taskNew.users"
                   class="mr-2"
               >
                 {{user}}
@@ -182,16 +182,19 @@ definePageMeta({
   middleware: "auth"
 })
 
-const {find,create, update} = useStrapi4()
 
-let tasks = (await find('tasks',{populate: "*"})).data
+const supabase = useSupabaseClient()
+
+const tasks = (await supabase.from("tasks").select()).data
+
 
 let refTasks = ref([])
 
 
-const users = (await find('users',{populate: "*"}))
+//const users = (await find('users',{populate: "*"}))
+//const users = (await supabase.from("users").select()).data
 let usersForList = []
-users.forEach(user => usersForList.push(user.username))
+//users.forEach(user => usersForList.push(user.username))
 const usersSelected = ref([])
 usersSelected.value = usersForList
 
@@ -202,21 +205,35 @@ const taskCategories = ["Neu","In Bearbeitung", "Dringend"]
 const createTaskData = ref({
   name: "",
   description: "",
-  categorie: "Neu",
-  users: []
+  categorie: "Neu"
+  /*users: ["86e67794-0ea8-41b0-985a-1072e84f56e9"]*/
 })
 
 const taskData = ref({})
 const showTaskModal = ref(false)
 
 const createTask = async () => {
-  await create('tasks', createTaskData.value)
+  //await create('tasks', createTaskData.value)
+  const {data,error} = await supabase
+      .from("tasks")
+      .insert([createTaskData.value])
+      .select()
+
+  console.log(error)
+
   showCreateTask.value = false
   createTaskData.value = {}
 }
 
 const updateTask = async () => {
-  await update('tasks', taskData.value.id, taskData.value.attributes)
+  //await update('tasks', taskData.value.id, taskData.value)
+  const {data,error} = await supabase
+      .from("tasks")
+      .update([taskData.value])
+      .eq('id',taskData.value.id)
+      .select()
+
+  console.log(error)
 
 }
 
@@ -227,13 +244,14 @@ const inspectTask = (task) => {
 }
 
 const filterTasks = () => {
-  refTasks.value = tasks.filter(task => usersSelected.value.some(user => (task.attributes.users ? (task.attributes.users.includes(user)) : true )))
+  refTasks.value = tasks.filter(task => usersSelected.value.some(user => (task.users ? (task.users.includes(user)) : true )))
 
 }
 
 const finishTask = () => {
-  taskData.value.attributes.categorie = "Erledigt"
+  taskData.value.categorie = "Erledigt"
   updateTask()
+  showTaskModal.value = false
 }
 
 filterTasks()