From c8153b641463dced58dc2e31a99744823d6c259c Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 8 Feb 2024 08:01:16 -0300
Subject: [PATCH] Add action to qfile icon

---
 src/pages/Travel/Card/TravelThermographsForm.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/pages/Travel/Card/TravelThermographsForm.vue b/src/pages/Travel/Card/TravelThermographsForm.vue
index ea407ec69..de53a266b 100644
--- a/src/pages/Travel/Card/TravelThermographsForm.vue
+++ b/src/pages/Travel/Card/TravelThermographsForm.vue
@@ -40,6 +40,7 @@ const thermographsOptions = ref([]);
 const dmsTypesOptions = ref([]);
 const companiesOptions = ref([]);
 const warehousesOptions = ref([]);
+const inputFileRef = ref(null);
 
 const thermographForm = reactive({
     thermographId: null,
@@ -300,13 +301,18 @@ const updateThermograph = async () => {
                 <VnRow class="row q-gutter-md q-mb-md">
                     <div class="col">
                         <QFile
+                            ref="inputFileRef"
                             :label="t('travel.thermographs.file')"
                             multiple
                             :accept="allowedFileTypes"
                             v-model="thermographForm.files"
                         >
                             <template #append>
-                                <QIcon name="vn:attach" class="cursor-pointer">
+                                <QIcon
+                                    name="vn:attach"
+                                    class="cursor-pointer"
+                                    @click="inputFileRef.pickFiles()"
+                                >
                                     <QTooltip>{{ t('Select files') }}</QTooltip>
                                 </QIcon>
                             </template>