Start for Dev Branch

components/DocumentDisplay.vue

@@ -23,6 +23,9 @@ let {documentData, openShowModal:openShowModalProp, returnEmit } = props;
 const tags = dataStore.getDocumentTags
 const openShowModal = ref(false)
 
+
+
+
 //Functions
 const openDocument = async () => {
   //selectedDocument.value = doc
@@ -137,7 +140,7 @@ const updateDocumentAssignment = async () => {
 </script>
 
 <template>
-  <div class="documentListItem" @click="returnEmit ? $emit('clicked', documentData.id) : openShowModal = true">
+  <div :id="`docDisplay-${documentData.id}`"  class="documentListItem" @click="returnEmit ? $emit('clicked', documentData.id) : openShowModal = true">
     <iframe
         :src="`${documentData.url}#toolbar=0&navpanes=0&scrollbar=0`"
         class="previewEmbed"
@@ -150,8 +153,8 @@ const updateDocumentAssignment = async () => {
       :src="documentData.url"
     />
 <!-- TODO: Remove Scrollbar    -->
-    <UTooltip class="w-full" :text="documentData.path.split('_')[documentData.path.split('_').length -1]">
-      <p class="truncate my-3">{{documentData.path.split("_")[documentData.path.split("_").length -1]}}</p>
+    <UTooltip class="w-full" :text="documentData.path.split('/')[documentData.path.split('/').length -1]">
+      <p class="truncate my-3">{{documentData.path.split("/")[documentData.path.split("/").length -1]}}</p>
     </UTooltip>
 
     <InputGroup class="mt-3 flex-wrap">
@@ -226,6 +229,14 @@ const updateDocumentAssignment = async () => {
           >
             Archivieren
           </UButton>
+          <UButton
+            :to="documentData.url"
+            variant="outline"
+            icon="i-heroicons-arrow-top-right-on-square"
+            target="_blank"
+          >
+            Öffnen
+          </UButton>
 <!--          <UButton
               v-if="documentData.tags.includes('Eingangsrechnung')"
               @click="createVendorInvoice"
@@ -233,11 +244,11 @@ const updateDocumentAssignment = async () => {
             Eingangsrechnung erstellen
           </UButton>-->
         </UButtonGroup>
-        <br>
+<!--        <br>
         <a
           :href="documentData.url"
           target="_blank"
-        >In neuen Tab anzeigen</a>
+        >In neuen Tab anzeigen</a>-->
 
         <UFormGroup
           label="Tags ändern:"