fiux upload
This commit is contained in:
@@ -26,8 +26,10 @@
|
|||||||
auto
|
auto
|
||||||
:showUploadButton="false"
|
:showUploadButton="false"
|
||||||
:showCancelButton="false"
|
:showCancelButton="false"
|
||||||
:maxFileSize="10000000"
|
:maxFileSize="20971520"
|
||||||
v-model:files="uploadedFiles"
|
v-model:files="uploadedFiles"
|
||||||
|
@before-send="onBeforeSend"
|
||||||
|
|
||||||
>
|
>
|
||||||
<template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback }">
|
<template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback }">
|
||||||
<div class="pt-4">
|
<div class="pt-4">
|
||||||
@@ -85,8 +87,10 @@
|
|||||||
auto
|
auto
|
||||||
:showUploadButton="false"
|
:showUploadButton="false"
|
||||||
:showCancelButton="false"
|
:showCancelButton="false"
|
||||||
:maxFileSize="10000000"
|
:maxFileSize="20971520"
|
||||||
v-model:files="uploadedFiles"
|
v-model:files="uploadedFiles"
|
||||||
|
@before-send="onBeforeSend"
|
||||||
|
|
||||||
>
|
>
|
||||||
<template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback }">
|
<template #content="{ files, uploadedFiles, removeUploadedFileCallback, removeFileCallback }">
|
||||||
<div class="pt-4">
|
<div class="pt-4">
|
||||||
@@ -200,9 +204,9 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import ChangeImpactOutputViewer from '@/components/ChangeImpactOutputViewer.vue';
|
|
||||||
import { ScenarioService } from '@/service/ScenarioService';
|
import { ScenarioService } from '@/service/ScenarioService';
|
||||||
import { LoadingStore } from '@/stores/LoadingStore';
|
import { LoadingStore } from '@/stores/LoadingStore';
|
||||||
|
import { useAuth } from '@websanova/vue-auth/src/v3.js';
|
||||||
import axios from 'axios';
|
import axios from 'axios';
|
||||||
import JsonEditorVue from 'json-editor-vue';
|
import JsonEditorVue from 'json-editor-vue';
|
||||||
import JSZip from 'jszip';
|
import JSZip from 'jszip';
|
||||||
@@ -216,7 +220,7 @@ import Select from 'primevue/select';
|
|||||||
import Textarea from 'primevue/textarea';
|
import Textarea from 'primevue/textarea';
|
||||||
import { useConfirm } from 'primevue/useconfirm';
|
import { useConfirm } from 'primevue/useconfirm';
|
||||||
import { useToast } from 'primevue/usetoast';
|
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 { useRoute, useRouter } from 'vue-router';
|
||||||
import { JellyfishLoader } from 'vue3-spinner';
|
import { JellyfishLoader } from 'vue3-spinner';
|
||||||
|
|
||||||
@@ -252,6 +256,7 @@ const uploadedFiles = ref([]);
|
|||||||
const numberPrFiles = ref(0);
|
const numberPrFiles = ref(0);
|
||||||
const acceptedFormats = ref('.docx');
|
const acceptedFormats = ref('.docx');
|
||||||
// :url="`http://localhost:8081/uploadListFiles/${folderName}`"
|
// :url="`http://localhost:8081/uploadListFiles/${folderName}`"
|
||||||
|
const auth = useAuth();
|
||||||
|
|
||||||
// Stato per l'ID univoco della cartella
|
// Stato per l'ID univoco della cartella
|
||||||
const uniqueFolderId = ref(generateUniqueId());
|
const uniqueFolderId = ref(generateUniqueId());
|
||||||
@@ -277,6 +282,12 @@ function startTimer() {
|
|||||||
function stopTimer() {
|
function stopTimer() {
|
||||||
clearInterval(timerInterval);
|
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(() => {
|
const isInputFilled = computed(() => {
|
||||||
var isFilled = true;
|
var isFilled = true;
|
||||||
|
|||||||
Reference in New Issue
Block a user