Implemented Document Folders

components/DocumentDisplay.vue

@@ -138,11 +138,11 @@ const updateDocumentAssignment = async () => {
 
 <template>
   <div class="documentListItem" @click="returnEmit ? $emit('clicked', documentData.id) : openShowModal = true">
-    <object
-        :data="`${documentData.url}#toolbar=0&navpanes=0&scrollbar=0`"
+    <iframe
+        :src="`${documentData.url}#toolbar=0&navpanes=0&scrollbar=0`"
         class="previewEmbed"
-        type="application/pdf"
         v-if="!documentData.tags.includes('Bild')"
+        loading="lazy"
     />
     <img
       v-else
@@ -150,7 +150,12 @@ const updateDocumentAssignment = async () => {
       :src="documentData.url"
     />
 <!-- TODO: Remove Scrollbar    -->
+    <InputGroup class="mt-3 flex-wrap">
+      <UBadge
+        v-for="tag in documentData.tags"
 
+      ><span class="text-nowrap">{{ tag }}</span></UBadge>
+    </InputGroup>
 
 
 <!--    <UButton
@@ -199,6 +204,7 @@ const updateDocumentAssignment = async () => {
             :data="`${documentData.url}#toolbar=0&navpanes=0&scrollbar=0`"
             type="application/pdf"
             v-if="!documentData.tags.includes('Bild')"
+
         />
         <img
           class=" w-full"