From af38afc5b5ba71821b7f284988adcab6a7deee98 Mon Sep 17 00:00:00 2001
From: florianfederspiel <florian@fedeo.de>
Date: Tue, 7 Jan 2025 12:03:14 +0100
Subject: [PATCH] Added Reloaded after File Upload Change selection for Images

---
 components/DocumentDisplay.vue                  | 6 +++++-
 components/DocumentDisplayModal.vue             | 2 +-
 components/DocumentUpload.vue                   | 4 ++++
 components/EntityShow.vue                       | 3 +++
 pages/standardEntity/[type]/[[mode]]/[[id]].vue | 3 +++
 5 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/components/DocumentDisplay.vue b/components/DocumentDisplay.vue
index 729b5d0..cdb2702 100644
--- a/components/DocumentDisplay.vue
+++ b/components/DocumentDisplay.vue
@@ -106,7 +106,7 @@ const updateDocumentAssignment = async () => {
     <iframe
         :src="`${documentData.url}#toolbar=0&navpanes=0&scrollbar=0`"
         class="previewEmbed"
-        v-if="!documentData.filetags.includes('Bild')"
+        v-if="documentData.path.includes('pdf')"
         loading="lazy"
     />
     <img
@@ -337,4 +337,8 @@ const updateDocumentAssignment = async () => {
   aspect-ratio: 1/ 1.414;
 }
 
+.previewImg {
+  object-fit: contain;
+}
+
 </style>
\ No newline at end of file
diff --git a/components/DocumentDisplayModal.vue b/components/DocumentDisplayModal.vue
index e03bdf4..67aefd5 100644
--- a/components/DocumentDisplayModal.vue
+++ b/components/DocumentDisplayModal.vue
@@ -167,7 +167,7 @@ const moveFile = async () => {
               class="bigPreview"
               :data="`${props.documentData.url}#toolbar=0&navpanes=0&scrollbar=0`"
               type="application/pdf"
-              v-if="!props.documentData.filetags.includes('Bild')"
+              v-if="props.documentData.path.includes('pdf')"
 
           />
           <img
diff --git a/components/DocumentUpload.vue b/components/DocumentUpload.vue
index 0acdf6d..92ab72d 100644
--- a/components/DocumentUpload.vue
+++ b/components/DocumentUpload.vue
@@ -11,6 +11,8 @@ const props = defineProps({
 
 const {type, elementId} = props
 
+const emit = defineEmits(["uploadFinished"])
+
 const dataStore = useDataStore()
 const profileStore = useProfileStore()
 
@@ -43,6 +45,7 @@ const uploadFiles = async () => {
 
   uploadModalOpen.value = false;
   uploadInProgress.value = false;
+  emit("uploadFinished")
 }
 </script>
 
@@ -74,6 +77,7 @@ const uploadFiles = async () => {
             type="file"
             id="fileUploadInput"
             multiple
+            accept="image/jpeg, image/png, image/gif, application/pdf"
         />
       </UFormGroup>
       <UFormGroup
diff --git a/components/EntityShow.vue b/components/EntityShow.vue
index 48f0255..9995f98 100644
--- a/components/EntityShow.vue
+++ b/components/EntityShow.vue
@@ -30,6 +30,7 @@ defineShortcuts({
   },
 })
 
+const emit = defineEmits(["updateNeeded"])
 
 const router = useRouter()
 const dataStore = useDataStore()
@@ -215,10 +216,12 @@ const getAvailableQueryStringData = () => {
               <DocumentUpload
                   :type="type.substring(0,type.length-1)"
                   :element-id="item.id"
+                  @uploadFinished="emit('updateNeeded')"
               />
             </Toolbar>
 
             <DocumentList
+                :key="props.item.files.length"
                 :documents="availableFiles"
                 v-if="availableFiles.length > 0"
             />
diff --git a/pages/standardEntity/[type]/[[mode]]/[[id]].vue b/pages/standardEntity/[type]/[[mode]]/[[id]].vue
index cb3af67..0a5d969 100644
--- a/pages/standardEntity/[type]/[[mode]]/[[id]].vue
+++ b/pages/standardEntity/[type]/[[mode]]/[[id]].vue
@@ -13,6 +13,7 @@ const items = ref([])
 const item = ref({})
 
 const setupPage = async () => {
+  console.log('setupPage')
   if(route.params.mode) mode.value = route.params.mode
 
   if(mode.value === "show") {
@@ -48,6 +49,8 @@ setupPage()
       v-if="loaded && mode === 'show'"
       :type="route.params.type"
       :item="item"
+      @updateNeeded="setupPage"
+      :key="item"
   />
   <EntityEdit
       v-else-if="loaded && (mode === 'edit' || mode === 'create')"