Added Archiving

pages/inventoryitems/[mode]/[[id]].vue

@@ -59,6 +59,20 @@ setupPage()
       >{{itemInfo.id ? `Inventarartikel: ${itemInfo.name}` : (mode === 'create' ? 'Inventarartikel erstellen' : 'Inventarartikel bearbeiten')}}</h1>
     </template>
     <template #right>
+      <ButtonWithConfirm
+          color="rose"
+          variant="outline"
+          @confirmed="dataStore.updateItem('inventoryitems',{...itemInfo, archived: true})"
+          v-if="mode === 'edit'"
+      >
+        <template #button>
+          Archivieren
+        </template>
+        <template #header>
+          <span class="text-md text-black font-bold">Archivieren bestätigen</span>
+        </template>
+        Möchten Sie den Inventarartikel {{itemInfo.name}} wirklich archivieren?
+      </ButtonWithConfirm>
       <UButton
           v-if="mode === 'edit'"
           @click="dataStore.updateItem('inventoryitems',itemInfo)"
@@ -108,6 +122,14 @@ setupPage()
       <div v-if="item.label === 'Informationen'" class="flex-row flex mt-5">
         <div class="w-1/2 mr-5">
           <UCard>
+            <UAlert
+                v-if="itemInfo.archived"
+                color="rose"
+                variant="outline"
+                title="Objekt archiviert"
+                icon="i-heroicons-light-bulb"
+                class="mb-5"
+            />
             <table class="w-full">
               <tr>
                 <td>Name: </td>