fix dropzone when presupuesto is borrador

This commit is contained in:
amazuecos
2025-01-28 20:27:15 +01:00
parent 22f78363cb
commit bf49d601cf
6 changed files with 59 additions and 36 deletions

View File

@ -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',

View File

@ -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>

View File

@ -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") ?>

View File

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

View File

@ -38,25 +38,37 @@ class FileUploadDropzone {
}
init() {
this.btnSubmitFile.on('click', this._handleUploadFiles.bind(this))
this.btnSelectFiles.on('click', () => {
this.jqElement.trigger('click')
})
if (this.jqElement.length > 0) {
this.btnSubmitFile.on('click', this._handleUploadFiles.bind(this))
this.btnSelectFiles.on('click', () => {
this.jqElement.trigger('click')
})
this.dropzone = new Dropzone(this.domElement, {
url: this.postUri,
addRemoveLinks: true,
previewTemplate: PREVIEW_TEMPLATE,
paramName: "file",
uploadMultiple: true,
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
autoProcessQueue: true,
dictRemoveFile: "Eliminar",
acceptedFiles: 'image/*, application/pdf',
maxFilesize: 5e+7, // Bytes
init: this._handleGetFiles.bind(this)
});
this.dropzone = new Dropzone(this.domElement, {
url: this.postUri,
addRemoveLinks: true,
previewTemplate: PREVIEW_TEMPLATE,
paramName: "file",
uploadMultiple: true,
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
autoProcessQueue: true,
dictRemoveFile: "Eliminar",
acceptedFiles: 'image/*, application/pdf',
maxFilesize: 5e+7, // Bytes
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)
this.dropZoneUpdateFiles(files)
try {
$("#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);

View File

@ -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()
}
}