fiux upload

src/views/pages/canvas/MdScenarioExecutionDialog.vue

@@ -26,8 +26,10 @@
                         auto
                         :showUploadButton="false"
                         :showCancelButton="false"
-                        :maxFileSize="10000000"
+                        :maxFileSize="20971520"
                         v-model:files="uploadedFiles"
+                        @before-send="onBeforeSend"
+
                     >
                         <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback }">
                             <div class="pt-4">
@@ -85,8 +87,10 @@
                         auto
                         :showUploadButton="false"
                         :showCancelButton="false"
-                        :maxFileSize="10000000"
+                        :maxFileSize="20971520"
                         v-model:files="uploadedFiles"
+                        @before-send="onBeforeSend"
+
                     >
                         <template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback }">
                             <div class="pt-4">
@@ -200,9 +204,9 @@
 </template>
 
 <script setup>
-import ChangeImpactOutputViewer from '@/components/ChangeImpactOutputViewer.vue';
 import { ScenarioService } from '@/service/ScenarioService';
 import { LoadingStore } from '@/stores/LoadingStore';
+import { useAuth } from '@websanova/vue-auth/src/v3.js';
 import axios from 'axios';
 import JsonEditorVue from 'json-editor-vue';
 import JSZip from 'jszip';
@@ -216,7 +220,7 @@ import Select from 'primevue/select';
 import Textarea from 'primevue/textarea';
 import { useConfirm } from 'primevue/useconfirm';
 import { useToast } from 'primevue/usetoast';
-import { computed, onMounted, ref, defineEmits} from 'vue';
+import { computed, defineEmits, onMounted, ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { JellyfishLoader } from 'vue3-spinner';
 
@@ -252,6 +256,7 @@ const uploadedFiles = ref([]);
 const numberPrFiles = ref(0);
 const acceptedFormats = ref('.docx');
 //  :url="`http://localhost:8081/uploadListFiles/${folderName}`"
+const auth = useAuth();
 
 // Stato per l'ID univoco della cartella
 const uniqueFolderId = ref(generateUniqueId());
@@ -277,6 +282,12 @@ function startTimer() {
 function stopTimer() {
     clearInterval(timerInterval);
 }
+const onBeforeSend = (event) => {
+    const { xhr } = event; // Estraggo l'oggetto XMLHttpRequest
+    console.log('xhr', xhr);
+    var token = auth.token()     
+    xhr.setRequestHeader('Authorization', 'Bearer ' + token); // Imposta il tipo di contenuto
+};
 
 const isInputFilled = computed(() => {
     var isFilled = true;