Updated in Files and Archiving

components/DocumentDisplayModal.vue

@@ -19,6 +19,8 @@ const props = defineProps({
 
 })
 
+const emit = defineEmits(["updateNeeded"])
+
 const folders = ref([])
 const setup = async () => {
   const {data} = await supabase.from("folders").select().eq("tenant",useProfileStore().currentTenant)
@@ -61,12 +63,23 @@ const openDocument = async () => {
 }
 
 const updateDocument = async () => {
-  console.log("Update")
-
   const {url, ...objData} = props.documentData
   delete objData.url
   delete objData.filetags
 
+  if(objData.project) objData.project = objData.project.id
+  if(objData.customer) objData.customer = objData.customer.id
+  if(objData.contract) objData.contract = objData.contract.id
+  if(objData.vendor) objData.vendor = objData.vendor.id
+  if(objData.plant) objData.plant = objData.plant.id
+  if(objData.createddocument) objData.createddocument = objData.createddocument.id
+  if(objData.vehicle) objData.vehicle = objData.vehicle.id
+  if(objData.product) objData.product = objData.product.id
+  if(objData.profile) objData.profile = objData.profile.id
+  if(objData.check) objData.check = objData.check.id
+  if(objData.inventoryitem) objData.inventoryitem = objData.inventoryitem.id
+
+
   const {data,error} = await supabase
       .from("files")
       .update(objData)
@@ -81,9 +94,19 @@ const updateDocument = async () => {
   }
 }
 
-const archiveDocument = () => {
-  //documentData.tags.push("Archiviert")
-  //updateDocument()
+const archiveDocument = async () => {
+  props.documentData.archived = true
+  await updateDocument()
+
+  const {data,error} = await supabase.from("historyitems").insert({
+    createdBy: useProfileStore().activeProfile.id,
+    tenant: useProfileStore().currentTenant,
+    text: "Datei archiviert",
+    file: props.documentData.id
+  })
+
+  modal.close()
+  emit("update")
 }
 
 const resourceOptions = ref([
@@ -179,11 +202,20 @@ const moveFile = async () => {
         </div>
         <div class="w-2/3 p-5">
           <UButtonGroup>
-            <!--          <UButton
-                        @click="archiveDocument"
-                      >
-                        Archivieren
-                      </UButton>-->
+            <ButtonWithConfirm
+                color="rose"
+                variant="outline"
+                @confirmed="archiveDocument"
+            >
+              <template #button>
+                Archivieren
+              </template>
+              <template #header>
+                <span class="text-md text-black font-bold">Archivieren bestätigen</span>
+              </template>
+              Möchten Sie die Datei wirklich archivieren?
+            </ButtonWithConfirm>
+
             <UButton
                 :to="props.documentData.url"
                 variant="outline"
@@ -194,6 +226,77 @@ const moveFile = async () => {
             </UButton>
           </UButtonGroup>
 
+          <UDivider>Zuweisungen</UDivider>
+
+          <table class="w-full">
+            <tr v-if="props.documentData.project">
+              <td>Projekt</td>
+              <td>
+                <nuxt-link :to="`/standardEntity/projects/show/${props.documentData.project.id}`">{{props.documentData.project.name}}</nuxt-link>
+              </td>
+            </tr>
+            <tr v-if="props.documentData.customer">
+              <td>Kunde</td>
+              <td>
+                <nuxt-link :to="`/standardEntity/customers/show/${props.documentData.customer.id}`">{{props.documentData.customer.name}}</nuxt-link>
+              </td>
+            </tr>
+            <tr v-if="props.documentData.vendor">
+              <td>Lieferant</td>
+              <td>
+                <nuxt-link :to="`/standardEntity/vendors/show/${props.documentData.vendor.id}`">{{props.documentData.vendor.name}}</nuxt-link>
+              </td>
+            </tr>
+            <tr v-if="props.documentData.createddocument">
+              <td>Ausgangsbeleg</td>
+              <td>
+                <nuxt-link :to="`/createddocuments/show/${props.documentData.createddocument.id}`">{{props.documentData.createddocument.documentNumber}}</nuxt-link>
+              </td>
+            </tr>
+            <tr v-if="props.documentData.plant">
+              <td>Objekt</td>
+              <td>
+                <nuxt-link :to="`/standardEntity/plants/show/${props.documentData.plant.id}`">{{props.documentData.plant.name}}</nuxt-link>
+              </td>
+            </tr>
+            <tr v-if="props.documentData.contract">
+              <td>Vertrag</td>
+              <td>
+                <nuxt-link :to="`/standardEntity/contracts/show/${props.documentData.contract.id}`">{{props.documentData.contract.name}}</nuxt-link>
+              </td>
+            </tr>
+            <tr v-if="props.documentData.vehicle">
+              <td>Fahrzeug</td>
+              <td>
+                <nuxt-link :to="`/standardEntity/vehicles/show/${props.documentData.vehicle.id}`">{{props.documentData.vehicle.licensePlate}}</nuxt-link>
+              </td>
+            </tr>
+            <tr v-if="props.documentData.product">
+              <td>Artikel</td>
+              <td>
+                <nuxt-link :to="`/standardEntity/products/show/${props.documentData.product.id}`">{{props.documentData.product.name}}</nuxt-link>
+              </td>
+            </tr>
+            <tr v-if="props.documentData.inventoryitem">
+              <td>Inventarartikel</td>
+              <td>
+                <nuxt-link :to="`/standardEntity/inventoryitem/show/${props.documentData.inventoryitem.id}`">{{props.documentData.inventoryitem.name}}</nuxt-link>
+              </td>
+            </tr>
+            <tr v-if="props.documentData.check">
+              <td>Überprüfung</td>
+              <td>
+                <nuxt-link :to="`/standardEntity/checks/show/${props.documentData.check.id}`">{{props.documentData.check.name}}</nuxt-link>
+              </td>
+            </tr>
+            <tr v-if="props.documentData.profile">
+              <td>Mitarbeiter</td>
+              <td>
+                <nuxt-link :to="`/profiles/show/${props.documentData.profile.id}`">{{props.documentData.profile.fullName}}</nuxt-link>
+              </td>
+            </tr>
+          </table>
+
           <UDivider class="my-3">Datei zuweisen</UDivider>
 
           <UFormGroup