Added HistoryItems to Spaces

Changed Loading of HistoryItems to directly Supabase
Minor Changes in inventoryitems

components/HistoryDisplay.vue

@@ -22,6 +22,48 @@ const {type, elementId} = props
 const showAddHistoryItemModal = ref(false)
 const colorMode = useColorMode()
 
+const items = ref([])
+
+const setup = async () => {
+
+  if(type === "customer") {
+    items.value = (await supabase.from("historyitems").select().eq("customer",elementId)).data
+  } else if(type === "vendor") {
+    items.value = (await supabase.from("historyitems").select().eq("vendor",elementId)).data
+  } else if(type === "project") {
+    items.value = (await supabase.from("historyitems").select().eq("project",elementId)).data
+  } else if(type === "plant") {
+    items.value = (await supabase.from("historyitems").select().eq("plant",elementId)).data
+  } else if(type === "incomingInvoice") {
+    items.value = (await supabase.from("historyitems").select().eq("incomingInvoice",elementId)).data
+  } else if(type === "document") {
+    items.value = (await supabase.from("historyitems").select().eq("document",elementId)).data
+  } else if(type === "contact") {
+    items.value = (await supabase.from("historyitems").select().eq("contact",elementId)).data
+  } else if(type === "contract") {
+    items.value = (await supabase.from("historyitems").select().eq("contract",elementId)).data
+  } else if(type === "inventoryitem") {
+    items.value = (await supabase.from("historyitems").select().eq("inventoryitem",elementId)).data
+  } else if(type === "product") {
+    items.value = (await supabase.from("historyitems").select().eq("product",elementId)).data
+  } else if(type === "profile") {
+    items.value = (await supabase.from("historyitems").select().eq("profile",elementId)).data
+  } else if(type === "absencerequest") {
+    items.value = (await supabase.from("historyitems").select().eq("absenceRequest",elementId)).data
+  } else if(type === "event") {
+    items.value = (await supabase.from("historyitems").select().eq("event",elementId)).data
+  } else if(type === "task") {
+    items.value = (await supabase.from("historyitems").select().eq("task",elementId)).data
+  } else if(type === "vehicle") {
+    items.value = (await supabase.from("historyitems").select().eq("vehicle",elementId)).data
+  } else if(type === "space") {
+    items.value = (await supabase.from("historyitems").select().eq("space",elementId)).data
+  }
+}
+
+setup()
+
+
 const historyItems = computed(() => {
 
   let items = []
@@ -53,9 +95,11 @@ const historyItems = computed(() => {
   } else if(type === "event") {
     items = dataStore.historyItems.filter(i => i.event === elementId)
   } else if(type === "task") {
-    items = dataStore.historyItems.filter(i => i.event === elementId)
+    items = dataStore.historyItems.filter(i => i.task === elementId)
   } else if(type === "vehicle") {
     items = dataStore.historyItems.filter(i => i.vehicle === elementId)
+  } else if(type === "space") {
+    items = dataStore.historyItems.filter(i => i.space === elementId)
   }
 
   return items
@@ -99,6 +143,8 @@ const addHistoryItem = async () => {
     addHistoryItemData.value.event = elementId
   } else if(type === "vehicle") {
     addHistoryItemData.value.vehicle = elementId
+  } else if(type === "space") {
+    addHistoryItemData.value.space = elementId
   }
 
 
@@ -179,8 +225,8 @@ const renderText = (text) => {
 
 
   <div
-      v-if="historyItems.length > 0"
-      v-for="(item,index) in historyItems.slice().reverse()"
+      v-if="items.length > 0"
+      v-for="(item,index) in items.slice().reverse()"
   >
     <UDivider
         class="my-3"
@@ -202,8 +248,6 @@ const renderText = (text) => {
         <span class="text-gray-500">{{dayjs(item.created_at).format("DD.MM.YY HH:mm")}}</span>
       </div>
     </div>
-
-
   </div>
 </template>