Added HistoryDisplay to IncomingInvoices

spaces/components/HistoryDisplay.vue

@@ -30,6 +30,10 @@ const historyItems = computed(() => {
     items = dataStore.historyItems.filter(i => i.project === elementId)
   } else if(type === "plant") {
     items = dataStore.historyItems.filter(i => i.plant === elementId)
+  } else if(type === "incomingInvoice") {
+    items = dataStore.historyItems.filter(i => i.incomingInvoice === elementId)
+  } else if(type === "document") {
+    items = dataStore.historyItems.filter(i => i.document === elementId)
   }
 
   return items.reverse()
@@ -51,6 +55,10 @@ const addHistoryItem = async () => {
     addHistoryItemData.value.project = elementId
   } else if(type === "plant") {
     addHistoryItemData.value.plant = elementId
+  } else if(type === "incomingInvoice") {
+    addHistoryItemData.value.incomingInvoice = elementId
+  } else if(type === "document") {
+    addHistoryItemData.value.document = elementId
   }
 
 

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

@@ -1,6 +1,7 @@
 <script setup>
 import InputGroup from "~/components/InputGroup.vue";
 import dayjs from "dayjs";
+import HistoryDisplay from "~/components/HistoryDisplay.vue";
 
 const dataStore = useDataStore()
 const supabase = useSupabaseClient()
@@ -371,12 +372,18 @@ setupPage()
           >
             Position entfernen
           </UButton>
+          <HistoryDisplay
+              type="incomingInvoice"
+              v-if="currentVendorInvoice"
+              :element-id="currentVendorInvoice.id"
+          />
         </div>
 
       </div>
     </div>
 
   </div>
+
 </template>
 
 <style scoped>