From db82c8f8052f1c59355a188f8aa03ff3afa9bb44 Mon Sep 17 00:00:00 2001
From: Dillon Ngo <dillonngoweijoon@gmail.com>
Date: Sun, 26 May 2024 02:44:01 +0800
Subject: [PATCH] Laravel Vapor - Code sync from Shipping Portal to solve
 random mass downloading of 0KB pdf files when using docker

---
 .../general/elements/DocumentFileViewerComponent.vue        | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/resources/assets/vue/components/general/elements/DocumentFileViewerComponent.vue b/resources/assets/vue/components/general/elements/DocumentFileViewerComponent.vue
index 3cfde9c0..70f3280f 100644
--- a/resources/assets/vue/components/general/elements/DocumentFileViewerComponent.vue
+++ b/resources/assets/vue/components/general/elements/DocumentFileViewerComponent.vue
@@ -11,7 +11,7 @@
                         <img :src="src" class="w-100" v-if="type !== 'pdf'">
                         <div class="btn btn-info b-rad-none pointer m-b-20" @click="openBase64NewTab()" v-show="type === 'pdf'">Open in new window</div>
                         <a :href="'data:application/pdf;base64,'+src" :download="file.file.filename" v-show="type === 'pdf'"><div class="btn btn-success b-rad-none pointer m-b-20">Download</div></a>
-                        <iframe v-if="type === 'pdf'" class="pdf-display w-100 scrollable" style="height: 80vh" :src="'data:application/pdf;base64,'+src"></iframe>
+                        <iframe v-if="type === 'pdf' && isClicked" class="pdf-display w-100 scrollable" style="height: 80vh" :src="'data:application/pdf;base64,'+src"></iframe>
                     </div>
                 </div>
             </modal-component>
@@ -31,7 +31,8 @@
             return {
                 isLoading: false,
                 loaded: false,
-                src: ''
+                src: '',
+                isClicked: false
             }
         },
         computed: {
@@ -41,6 +42,7 @@
         },
         methods:{
             loadFile(){
+                this.isClicked = true;
                 if(!this.loaded) {
                     this.isLoading = true;
                     let filePath = this.type === 'pdf' ? this.file.file.file_info.original.file : this.file.file.file_info[0].original.file;