Changed STore Type and corrected all Pages

Added HistoryDisplay.vue
Added NumberRanges

spaces/pages/inventory/spaces/[mode]/[[id]].vue

@@ -11,20 +11,20 @@ const route = useRoute()
 const router = useRouter()
 const toast = useToast()
 const id = ref(route.params.id ? route.params.id : null )
-
+const numberRange = useNumberRange("spaces")
 
 //Store
-const {spaces,movements,products,units,ownTenant} = storeToRefs(useDataStore())
-const {fetchSpaces, getSpaceById, movementsBySpace, getProductById} = useDataStore()
-
-let currentItem = null
+const {spaces,movements,products,units,ownTenant, numberRanges} = storeToRefs(useDataStore())
+const {fetchSpaces, getSpaceById, movementsBySpace, getProductById, fetchNumberRanges} = useDataStore()
 
 
+let currentItem = ref(null)
+let currentNumberRange = null
 
 //Working
 const mode = ref(route.params.mode || "show")
 const itemInfo = ref({
-  spaceNumber: 0
+  spaceNumber: ""
 })
 const spaceTypes = ["Regalplatz", "Kiste", "Palettenplatz"]
 const spaceProducts = ref([])
@@ -32,11 +32,11 @@ const spaceMovements = ref([])
 
 //Functions
 const setupPage = async () => {
+  console.log("Called Setup")
   if(mode.value === "show" || mode.value === "edit"){
-    currentItem = await getSpaceById(Number(useRoute().params.id))
-    console.log(currentItem)
+    currentItem.value = await getSpaceById(Number(useRoute().params.id))
 
-    spaceMovements.value = movementsBySpace(currentItem.id)
+    spaceMovements.value = await movementsBySpace(currentItem.value.id)
     spaceProducts.value = []
     spaceMovements.value.forEach(movement => {
       if(spaceProducts.value.filter(product => product.id === movement.productId).length === 0) spaceProducts.value.push(getProductById(movement.productId))
@@ -44,23 +44,13 @@ const setupPage = async () => {
 
   }
 
-  if(mode.value === "edit") itemInfo.value = currentItem
-
-  if(mode.value === "create") {
-    let lastSpaceNumber = 0
-    spaces.value.forEach(space => {
-      if(space.spaceNumber > lastSpaceNumber) lastSpaceNumber = space.spaceNumber
-    })
-    itemInfo.value.spaceNumber = lastSpaceNumber + 1
-  }
-
-
+  if(mode.value === "edit") itemInfo.value = currentItem.value
 
 }
 
 const createItem = async () => {
 
-
+  if(!itemInfo.value.spaceNumber) itemInfo.value.spaceNumber = await numberRange.useNextNumber()
 
   const {data,error} = await supabase
       .from("spaces")
@@ -70,17 +60,20 @@ const createItem = async () => {
   if(error) {
     console.log(error)
   } else {
+    console.log(data[0])
     mode.value = "show"
-    itemInfo.value = {}
     toast.add({title: "Lagerplatz erfolgreich erstellt"})
     await fetchSpaces()
     router.push(`/inventory/spaces/show/${data[0].id}`)
-    setupPage()
+
+
+
+    //setupPage()
   }
 }
 
 const editItem = async () => {
-  router.push(`/inventory/spaces/edit/${currentItem.id}`)
+  router.push(`/inventory/spaces/edit/${currentItem.value.id}`)
   setupPage()
 }
 
@@ -118,7 +111,7 @@ const printSpaceLabel = async () => {
 
 
   axios
-      .post(`http://${ownTenant.value.labelPrinterIp}/pstprnt`, `^XA^FO10,20^BCN,100^FD${currentItem.spaceNumber}^XZ` )
+      .post(`http://${ownTenant.value.labelPrinterIp}/pstprnt`, `^XA^FO10,20^BCN,100^FD${currentItem.value.spaceNumber}^XZ` )
       .then(console.log)
       .catch(console.log)
 }
@@ -129,6 +122,10 @@ setupPage()
 
 <template>
   <div>
+    <DevOnly>
+      {{currentItem}}
+      {{mode}}
+    </DevOnly>
     <UCard v-if="currentItem && mode == 'show'" >
       <template #header>
         <UBadge>{{currentItem.spaceNumber}}</UBadge> {{currentItem.type}}
@@ -187,8 +184,8 @@ setupPage()
 
 
     </UCard>
-    <UCard v-else-if="mode == 'edit' || mode == 'create'" >
-      <template #header>
+    <UCard v-else-if="mode === 'edit' || mode === 'create'" >
+      <template #header v-if="mode === 'edit'">
         <UBadge>{{itemInfo.spaceNumber}}</UBadge>{{itemInfo.type}}
       </template>
 

spaces/pages/inventory/spaces/index.vue

@@ -30,9 +30,8 @@ definePageMeta({
   middleware: "auth"
 })
 
-
+const dataStore = useDataStore()
 const router = useRouter()
-const {spaces } = storeToRefs(useDataStore())
 const mode = ref("show")
 
 const itemColumns = [
@@ -64,10 +63,10 @@ const searchString = ref('')
 
 const filteredRows = computed(() => {
   if(!searchString.value) {
-    return spaces.value
+    return dataStore.spaces
   }
 
-  return spaces.value.filter(item => {
+  return dataStore.spaces.filter(item => {
     return Object.values(item).some((value) => {
       return String(value).toLowerCase().includes(searchString.value.toLowerCase())
     })