fix dropzone when presupuesto is borrador

ci4/app/Language/es/Presupuestos.php

@@ -332,7 +332,7 @@ return [
 
     'actualizacionSolapasCubierta' => 'El tamaño de las solapas de la cubierta se ha actualizado debido a que supera el máximo permitido (este valor depende del ancho del libro y del número de páginas).',   
     'actualizacionSolapasSobrecubierta' => 'El tamaño de las solapas de la sobrecubierta se ha actualizado debido a que supera el máximo permitido (este valor depende del ancho del libro y del número de páginas).',   
-    'files' => 'Documentos',
+    'files' => 'Ficheros',
     'titulos' => [
         'libroFresadoTapaDura' => 'Rústica Fresado tapa dura',
         'libroFresadoTapaBlanda' => 'Rústica Fresado tapa blanda',

ci4/app/Views/themes/vuexy/components/dropzone.php

@@ -12,6 +12,7 @@
             <div class="accordion-body">
                 <div class="col-12">
                     <div class="dropzone needsclick" id="<?= $id ?>" data-id="<?= $modelId ?>">
+
                         <div class="dz-message needsclick">
                             Arrastre aquí los ficheros o haga click
                         </div>

ci4/app/Views/themes/vuexy/form/presupuestos/admin/viewPresupuestoadminForm.php

@@ -41,7 +41,9 @@
                 <?= view("themes/vuexy/form/presupuestos/admin/_datosEnvios") ?>
                 <?= view("themes/vuexy/form/presupuestos/admin/_comentariosItems") ?>
                 <?= view("themes/vuexy/components/chat_internal_presupuesto",data:["modelId" => $presupuestoId,"type" => "presupuesto"]) ?>
-                <?= view("themes/vuexy/components/dropzone",data: ['id' => 'dropzone-presupuesto-admin-files','modelId' => $presupuestoId]) ?>
+                <?php if ($presupuestoEntity->estado_id == 2) : ?>
+                    <?= view("themes/vuexy/components/dropzone",data: ['id' => 'dropzone-presupuesto-admin-files','modelId' => $presupuestoId]) ?>
+                    <?php endif ?>
                 <?= view("themes/vuexy/form/presupuestos/admin/_resumenPresupuestoItems") ?>
                 <?= view("themes/vuexy/form/presupuestos/admin/_tiradasAlternativasItems") ?>
 

httpdocs/assets/js/safekat/components/alerts/sweetAlert.js

@@ -25,6 +25,7 @@ export const alertSuccessMessage = (title,type="primary") => {
     showConfirmButton : false,
     title: title,
     text: title,
-    icon: "success"
+    icon: "success",
+    timer : 2000
   })
 }

httpdocs/assets/js/safekat/components/forms/fileUploadDropzone.js

@@ -38,25 +38,37 @@ class FileUploadDropzone {
 
     }
     init() {
-        this.btnSubmitFile.on('click', this._handleUploadFiles.bind(this))
+        if (this.jqElement.length > 0) {
-        this.btnSelectFiles.on('click', () => {
+            this.btnSubmitFile.on('click', this._handleUploadFiles.bind(this))
-            this.jqElement.trigger('click')
+            this.btnSelectFiles.on('click', () => {
-        })
+                this.jqElement.trigger('click')
+            })
 
-        this.dropzone = new Dropzone(this.domElement, {
+            this.dropzone = new Dropzone(this.domElement, {
-            url: this.postUri,
+                url: this.postUri,
-            addRemoveLinks: true,
+                addRemoveLinks: true,
-            previewTemplate: PREVIEW_TEMPLATE,
+                previewTemplate: PREVIEW_TEMPLATE,
-            paramName: "file",
+                paramName: "file",
-            uploadMultiple: true,
+                uploadMultiple: true,
-            parallelUploads: 4, // Ajusta este número al máximo número de archivos que esperas subir a la vez
+                parallelUploads: 4, // Ajusta este número al máximo número de archivos que esperas subir a la vez
-            maxFiles: 5, // Ajusta este número al máximo número de archivos que esperas subir a la vez
+                maxFiles: 5, // Ajusta este número al máximo número de archivos que esperas subir a la vez
-            autoProcessQueue: true,
+                autoProcessQueue: true,
-            dictRemoveFile: "Eliminar",
+                dictRemoveFile: "Eliminar",
-            acceptedFiles: 'image/*, application/pdf',
+                acceptedFiles: 'image/*, application/pdf',
-            maxFilesize: 5e+7, // Bytes
+                maxFilesize: 5e+7, // Bytes
-            init: this._handleGetFiles.bind(this)
+                init: this._handleGetFiles.bind(this)
-        });
+            });
+            this.dropzone.on("addedfile", function (file) {
+                if (file.hash) {
+                    var viewButton = Dropzone.createElement("<span class='dz-remove'>Ver</span>");
+                    file.previewElement.appendChild(viewButton);
+                    // Listen to the view button click event
+                    viewButton.addEventListener("click", function (e) {
+                        window.open(window.location.protocol + "//" + window.location.host + "/sistema/intranet/presupuestos/" + file.hash, '_blank');
+                    });
+                }
+            });
+        }
     }
 
     _getDropzoneFilesFormData() {
@@ -82,6 +94,7 @@ class FileUploadDropzone {
         return formData;
     }
     _handleUploadFiles() {
+        $("#loader").modal('show')
         let ajax = new Ajax(this.postUri,
             this._getDropzoneFilesFormData(),
             null,
@@ -91,12 +104,13 @@ class FileUploadDropzone {
 
     }
     _handleUploadFilesSuccess(response) {
+        this.dropZoneClean()
+        this._handleGetFiles()
         alertSuccessMessage(response?.message ?? "Archivos subidos correctamente");
     }
     _handleUploadFilesError(errors) { }
 
     _handleGetFiles() {
-
         const ajax = new Ajax(
             this.getUri,
             this.dataPost,
@@ -108,26 +122,27 @@ class FileUploadDropzone {
         ajax.post()
     }
     _handelGetFilesSuccess(response) {
-        const files = JSON.parse(response)
+        try {
-        this.dropZoneUpdateFiles(files)
+            $("#loader").modal('hide')
+            const files = JSON.parse(response)
+            this.dropZoneUpdateFiles(files)
+        } catch (error) {
+            $("#loader").modal('hide')
+        }
     }
 
     dropZoneUpdateFiles(files) {
-        this.dropzone.on("addedfile", function (file) {
+
-            if (file.hash) {
-                var viewButton = Dropzone.createElement("<span class='dz-remove'>Ver</span>");
-                file.previewElement.appendChild(viewButton);
-                // Listen to the view button click event
-                viewButton.addEventListener("click", function (e) {
-                    window.open(window.location.protocol + "//" + window.location.host + "/sistema/intranet/presupuestos/" + file.hash, '_blank');
-                });
-            }
-        });
         files.forEach(file => {
             this.dropZoneAddFile(file)
         });
 
     }
+    dropZoneClean() {
+        this.dropzone.files.forEach(file => {
+            this.dropzone.removeFile(file);
+        })
+    }
     dropZoneAddFile(mockFile) {
         this.dropzone.files.push(mockFile);    // add to files array
         this.dropzone.emit("addedfile", mockFile);

httpdocs/assets/js/safekat/pages/presupuestoAdmin/presupuestoAdminEdit.js

@@ -61,7 +61,9 @@ class PresupuestoAdminEdit {
             getUri: '/presupuestos/presupuestocliente/get_files',
             postUri: '/presupuestos/presupuestocliente/upload_files'
         }
-        this.fileUploadDropzone = new FileUploadDropzone(this.configUploadDropzone)
+        if ($(this.configUploadDropzone.domElement).length > 0) {
+            this.fileUploadDropzone = new FileUploadDropzone(this.configUploadDropzone)
+        }
     }
 
     init() {
@@ -128,7 +130,9 @@ class PresupuestoAdminEdit {
 
         $('#lomo_cubierta').on('change', this.datosLibro.changeAnchoSolapasCubierta);
         $('#lomo_sobrecubierta').on('change', this.datosLibro.changeAnchoSolapasSobrecubierta);
-        this.fileUploadDropzone.init()
+        if ($(this.configUploadDropzone.domElement).length > 0) {
+            this.fileUploadDropzone.init()
+        }
 
     }