añadidos acabados

src/main/resources/static/assets/js/pages/imprimelibros/presupuestador/presupuestador.js

@@ -39,6 +39,7 @@ class PresupuestoCliente {
                 cabezada: 'WHI',
                 papelCubiertaId: 3,
                 gramajeCubierta: 170,
+                acabado: 1
             }
         }
 
@@ -83,6 +84,7 @@ class PresupuestoCliente {
         this.guardasCubierta = $('#papel-guardas');
         this.guardasImpresas = $('#guardas-impresas');
         this.cabezada = $('#cabezada');
+        this.divAcabadoCubierta = $('#div-acabado-cubierta');
     }
 
     init() {
@@ -198,7 +200,7 @@ class PresupuestoCliente {
     #nextDatosGenerales() {
 
         let data = this.#getDatosGeneralesData();
-        data = { 
+        data = {
             ...data,
             ...{
                 papelInteriorId: this.formData.interior.papelInteriorId,
@@ -537,8 +539,22 @@ class PresupuestoCliente {
                         $('.max-solapa-text').text(function (_, textoActual) {
                             return textoActual.replace(/\d+/, maxSolapas);
                         });
+
+                        this.divAcabadoCubierta.empty();
+                        for (const opcion of data.opciones_acabados_cubierta) {
+                            const item = `
+                                <input type="radio" class="btn-check" id="acabado-cubierta-${opcion['sk-id']}" name="acabado-cubierta" sk-id="${opcion['sk-id']}">
+                                <label class="btn btn-outline-primary material-shadow" for="acabado-cubierta-${opcion['sk-id']}">
+                                    ${opcion.name}
+                                </label>
+                            `;
+                            this.divAcabadoCubierta.append(item);
+                        };
+
+                        $(`input[type="radio"][name="acabado-cubierta"][sk-id="${this.formData.cubierta.acabado}"]`).prop('checked', true);
+
                         this.#loadCubiertaData(data);
-                        
+
                         this.#changeTab('pills-cover');
 
                         const dataInterior = this.#getInteriorData();
@@ -593,7 +609,7 @@ class PresupuestoCliente {
             const opcion = opciones_papel_interior[i];
             const item = new imagen_presupuesto(opcion);
             item.extraClass = 'interior-data papel-interior';
-            if( this.formData.interior.papelInteriorId == '' && i === 0 ||
+            if (this.formData.interior.papelInteriorId == '' && i === 0 ||
                 this.formData.interior.papelInteriorId == opcion.extra_data["sk-id"]) {
                 item.setSelected(true);
             }
@@ -758,14 +774,14 @@ class PresupuestoCliente {
             this.#changeTab('pills-inside');
             /*const data = this.#getPresupuestoData();
             $.ajax({
-                url: '/presupuesto/public/validar/cubierta',
-                type: 'POST',
-                data: data,
+                                    url: '/presupuesto/public/validar/cubierta',
+                                type: 'POST',
+                                data: data,
                 success: (data) => {
-                    this.#changeTab('pills-inside');
+                                    this.#changeTab('pills-inside');
                 },
                 error: (xhr, status, error) => {
-                    console.error("Error al validar los datos de cubierta: ", xhr.responseText);
+                                    console.error("Error al validar los datos de cubierta: ", xhr.responseText);
                 }
             });*/
         });
@@ -850,6 +866,7 @@ class PresupuestoCliente {
         const cabezada = this.cabezada.val() || 'WHI';
         const papelCubiertaId = $('#div-papel-cubierta .image-container.selected').data('sk-id') || 3;
         const gramajeCubierta = $('input[name="gramaje-cubierta"]:checked').data('gramaje') || 240;
+        const acabado = parseInt($('.acabado-cubierta.selected').data('sk-id')) || 1;
 
         return {
             tipoCubierta: tipoCubierta,
@@ -861,7 +878,8 @@ class PresupuestoCliente {
             guardasImpresas: guardasImpresas,
             cabezada: cabezada,
             papelCubiertaId: papelCubiertaId,
-            gramajeCubierta: gramajeCubierta
+            gramajeCubierta: gramajeCubierta,
+            acabadado: acabado
         };
     }
 
@@ -877,6 +895,7 @@ class PresupuestoCliente {
         this.formData.cubierta.cabezada = data.cabezada;
         this.formData.cubierta.papelCubiertaId = data.papelCubiertaId;
         this.formData.cubierta.gramajeCubierta = data.gramajeCubierta;
+        this.formData.cubierta.acabado = data.acabado;
     }
 
     #addGramajesCubierta(gramajes) {
@@ -910,8 +929,8 @@ class PresupuestoCliente {
         else {
             $('.tapa-dura-options').removeClass('d-none');
             $('.tapa-blanda-options').addClass('d-none');
-            $('#papel-guardas option[data-papel-id="' + 
-                this.formData.cubierta.guardasPapelId + '"][data-gramaje="' + 
+            $('#papel-guardas option[data-papel-id="' +
+                this.formData.cubierta.guardasPapelId + '"][data-gramaje="' +
                 this.formData.cubierta.guardasGramaje + '"]').prop('selected', true).trigger('change');
             this.guardasImpresas.val(this.formData.cubierta.guardasImpresas);
             this.cabezada.val(this.formData.cubierta.cabezada);
@@ -933,7 +952,7 @@ class PresupuestoCliente {
         }
 
         this.carasImpresionCubierta.val(this.formData.cubierta.cubiertaCaras);
-        
+
     }
     /******************************
      * END CUBIERTA