Many Changes

components/DocumentDisplay.vue

@@ -57,8 +57,8 @@ const updateDocument = async () => {
 }
 
 const archiveDocument = () => {
-  documentData.tags.push("Archiviert")
-  updateDocument()
+  //documentData.tags.push("Archiviert")
+  //updateDocument()
 }
 
 const resourceOptions = ref([
@@ -106,7 +106,7 @@ const updateDocumentAssignment = async () => {
     <iframe
         :src="`${documentData.url}#toolbar=0&navpanes=0&scrollbar=0`"
         class="previewEmbed"
-        v-if="!documentData.tags.includes('Bild')"
+        v-if="!documentData.filetags.includes('Bild')"
         loading="lazy"
     />
     <img
@@ -121,9 +121,9 @@ const updateDocumentAssignment = async () => {
 
     <InputGroup class="mt-3 flex-wrap">
       <UBadge
-        v-for="tag in documentData.tags"
+        v-for="tag in documentData.filetags"
 
-      ><span class="text-nowrap">{{ tag }}</span></UBadge>
+      ><span class="text-nowrap">{{ tag.name }}</span></UBadge>
     </InputGroup>
 
 
@@ -157,9 +157,9 @@ const updateDocumentAssignment = async () => {
         <div class="flex flex-row justify-between">
           <div class="flex items-center gap-2">
             <UBadge
-                v-for="tag in documentData.tags"
+                v-for="tag in documentData.filetags"
             >
-              {{tag}}
+              {{tag.name}}
             </UBadge>
           </div>
           <UButton color="gray" variant="ghost" icon="i-heroicons-x-mark-20-solid" class="-my-1" @click="openShowModal = false" />
@@ -172,7 +172,7 @@ const updateDocumentAssignment = async () => {
             class="bigPreview"
             :data="`${documentData.url}#toolbar=0&navpanes=0&scrollbar=0`"
             type="application/pdf"
-            v-if="!documentData.tags.includes('Bild')"
+            v-if="!documentData.filetags.includes('Bild')"
 
         />
         <img
@@ -186,11 +186,11 @@ const updateDocumentAssignment = async () => {
       <template #footer>
 
         <UButtonGroup>
-          <UButton
+<!--          <UButton
             @click="archiveDocument"
           >
             Archivieren
-          </UButton>
+          </UButton>-->
           <UButton
             :to="documentData.url"
             variant="outline"
@@ -206,12 +206,12 @@ const updateDocumentAssignment = async () => {
         >
           <USelectMenu
               :options="tags"
-              v-model="documentData.tags"
+              v-model="documentData.filetags"
               @change="updateDocument"
               multiple
           >
             <template #label>
-              {{documentData.tags.length}} ausgewählt
+              {{documentData.filetags.length}} ausgewählt
             </template>
           </USelectMenu>
         </UFormGroup>