Changed Backend to Supabase

spaces/pages/inventory/index.vue

@@ -3,10 +3,13 @@ definePageMeta({
   middleware: "auth"
 })
 
-const {find,create} = useStrapi4()
-const spaces = (await find('spaces',{populate: "*"})).data
-const products = (await find('products',{populate: "*"})).data
-const movements = (await find('movements',{populate: "*"})).data
+const supabase = useSupabaseClient()
+
+const spaces = (await supabase.from("spaces").select()).data
+const movements = (await supabase.from("movements").select()).data
+const products = (await supabase.from("products").select()).data
+
+
 
 const searchinput = ref("")
 const mode = ref("")
@@ -21,10 +24,26 @@ const inventoryChangeData = ref({
 
 const createMovement = async () => {
   if(mode.value === 'incoming'){
-    await create('movements', inventoryChangeData.value)
+    //await create('movements', inventoryChangeData.value)
+
+    const {data,error} = await supabase
+        .from("movements")
+        .insert([inventoryChangeData.value])
+        .select()
+
+    console.log(error)
+
+
   } else if (mode.value === 'outgoing'){
     inventoryChangeData.value.quantity *= -1
-    await create('movements', inventoryChangeData.value)
+    //await create('movements', inventoryChangeData.value)
+
+    const {data,error} = await supabase
+        .from("movements")
+        .insert([inventoryChangeData.value])
+        .select()
+
+    console.log(error)
   } else if (mode.value === 'change'){}
 
   inventoryChangeData.value = {
@@ -39,7 +58,7 @@ function checkArticle(productId) {
   return products.filter(product => product.id === Number(productId)).length > 0;
 }
 function checkSpaceId(spaceId) {
-  return spaces.filter(space => space.attributes.spaceNumber === spaceId).length > 0;
+  return spaces.filter(space => space.id === spaceId).length > 0;
 }
 
 </script>
@@ -75,12 +94,14 @@ function checkSpaceId(spaceId) {
     <UFormGroup
         label="Lagerplatz:"
         class="mt-3"
-    >
-      <UInput
-          variant="outline"
-          :color="checkSpaceId(inventoryChangeData.spaceId) ? 'primary' : 'rose'"
-          placeholder="Barcode / Suche"
-          v-model="inventoryChangeData.spaceId"
+    ><!--.map(space => {return  {id: space.id, name: space.spaceNumber}}-->
+      <USelectMenu
+        :options="spaces"
+        searchable
+        option-attribute="spaceNumber"
+        :color="checkSpaceId(inventoryChangeData.spaceId) ? 'primary' : 'rose'"
+        v-model="inventoryChangeData.spaceId"
+        value-attribute="id"
       />
     </UFormGroup>
 

spaces/pages/inventory/spaces.vue

@@ -1,12 +1,18 @@
 <script setup>
+import {move} from "@antfu/utils";
+
 definePageMeta({
   middleware: "auth"
 })
 
-const {find,create, update} = useStrapi4()
-const spaces = (await find('spaces',{populate: "*"})).data
-const movements = (await find('movements',{populate: "*"})).data
-const products = (await find('products',{populate: "*"})).data
+const supabase = useSupabaseClient()
+
+const spaces = (await supabase.from("spaces").select()).data
+const movements = (await supabase.from("movements").select()).data
+const products = (await supabase.from("products").select()).data
+const units = (await supabase.from("units").select()).data
+
+
 
 
 let selectedItem = ref({})
@@ -14,9 +20,10 @@ const showCreateSpace = ref(false)
 
 const selectItem = (item) => {
   selectedItem.value = item
-  spaceMovements.value = movements.filter(movement => movement.attributes.spaceId === selectedItem.value.attributes.spaceNumber)
+  spaceMovements.value = movements.filter(movement => movement.spaceId === selectedItem.value.id)
+  spaceProducts.value = []
   spaceMovements.value.forEach(movement => {
-    if(!spaceProducts.value.includes(movement.attributes.productId)) spaceProducts.value.push(movement.attributes.productId)
+    if(spaceProducts.value.filter(product => product.id === movement.productId).length === 0) spaceProducts.value.push(products.find(product => product.id === movement.productId))
   })
 
 
@@ -30,10 +37,16 @@ const createSpaceData = ref({})
 const createSpace = async () => {
   let lastSpaceNumber = 0
   spaces.forEach(space => {
-    if(space.attributes.spaceNumber > lastSpaceNumber) lastSpaceNumber = space.attributes.spaceNumber
+    if(space.spaceNumber > lastSpaceNumber) lastSpaceNumber = space.spaceNumber
   })
 
-  await create('spaces', {...createSpaceData.value, spaceNumber: String(Number(lastSpaceNumber)+1)})
+  const {data,error} = await supabase
+      .from("spaces")
+      .insert([ {...createSpaceData.value, spaceNumber: String(Number(lastSpaceNumber)+1)}])
+      .select()
+
+  console.log(error)
+
   showCreateSpace.value = false
   createSpaceData.value = {}
 
@@ -43,9 +56,9 @@ const spaceProducts = ref([])
 const spaceMovements = ref([])
 
 function getSpaceProductCount(productId) {
-  let productMovements = spaceMovements.value.filter(movement => movement.attributes.productId === productId)
+  let productMovements = spaceMovements.value.filter(movement => movement.productId === productId)
   let count = 0;
-  productMovements.forEach(movement => count += movement.attributes.quantity)
+  productMovements.forEach(movement => count += movement.quantity)
 
   return count
 
@@ -87,24 +100,26 @@ function getSpaceProductCount(productId) {
       </UModal>
       <a v-for="item in spaces" @click="selectItem(item)">
         <UCard class="listItem">
-           {{item.attributes.spaceNumber}} - {{item.attributes.type}}
+           {{item.spaceNumber}} - {{item.type}}
         </UCard>
       </a>
     </div>
     <div id="right">
-      <UCard v-if="selectedItem.attributes">
-        <template #header>
-          <UBadge class="mr-1">{{selectedItem.attributes.spaceNumber}}</UBadge>{{selectedItem.attributes.type}}
-        </template>
-        {{selectedItem.attributes.description}}
+      <div v-if="selectedItem.id">
+        <UCard>
+          <template #header>
+            <UBadge class="mr-1">{{selectedItem.spaceNumber}}</UBadge>{{selectedItem.type}}
+          </template>
+          {{selectedItem.description}}
 
 
-      </UCard>
-
-
-      <p class="mt-5">Artikel in diesem Lagerplatz</p>
-      <p v-for="product in spaceProducts">{{products.find(productItem => Number(productItem.id) === Number(product)).attributes.name}} - {{getSpaceProductCount(product)}} {{products.find(productItem => Number(productItem.id) === Number(product)).attributes.unit}}</p>
-    </div>
+        </UCard>
+        <div v-if="spaceProducts.length > 0">
+          <p class="mt-5">Artikel in diesem Lagerplatz</p>
+          <p  v-for="product in spaceProducts">{{product.name}} - {{getSpaceProductCount(product.id)}} {{units.find(unit => unit.id === product.unit).name}}</p>
+        </div>
+        </div>
+     </div>
   </div>
 </template>