Merge branch 'main' into 'dev/editar_presu_cliente'

Main

See merge request jjimenez/safekat!252

ci4/app/Views/themes/vuexy/form/presupuestos/cliente/presupuestoCliente.js

@@ -296,6 +296,7 @@
             break;
 
           default:
+            validationStepper.next();
             break;
         }
       });

ci4/app/Views/themes/vuexy/form/presupuestos/cliente/previews.js

@@ -2,49 +2,38 @@
 var pvObj;
 
 $('#toReview').on("click", function () {
-
+    previewEsquemaCubierta(true);
-    console.log('ec draw');
-
-    portadaTapaDura();
-
-    //previewEsquemaCubierta('ec', '','');
-
 });
 
+$(document).on('shown.bs.modal', function (e) {
+    previewEsquemaCubierta(false);
+})
 
-function previewEsquemaCubierta() {
 
-    /*let tipoImpresion;
+function previewEsquemaCubierta(isThumbnail = false) {
 
-    if ($("#tipoCosido").is(":checked")) {
+    if ($('#cosidoDiv').hasClass('checked') || $("#fresadoDiv").hasClass('checked')) {
-        tipoImpresion = parseInt()
+        console.log("Cosido/Fresado");
+        if ($("#tapaBlanda").is(":checked")) {
+            portadaTapaBlanda(isThumbnail);
+        } else if ($("#tapaDura").is(":checked")) {
+            portadaTapaDura(isThumbnail);3
+        }
+    } else if ($('#espiralDiv').hasClass('checked') || $('#wireoDiv').hasClass('checked')) {
+        console.log("Espiral/Wireo");
+        if ($("#tapaBlanda").is(":checked")) {
+            portadaEspiral(isThumbnail, false);
+        } else if ($("#tapaDura").is(":checked")) {
+            portadaEspiral(isThumbnail, true);
+        }
+    } else if ($('#grapadoDiv').hasClass('checked')) {
+        portadaGrapado(isThumbnail);
     }
 
-    let tipoImpresion = parseInt($('#tipo_impresion_id').val());
-
-    // Fresado TD y Cosido TD
-    if (tipoImpresion === 1 || tipoImpresion === 3) {
-        portadaTapaDura();
-    }
-    // Fresado TB y Cosido TB
-    else if (tipoImpresion === 2 || tipoImpresion === 4) {
-        portadaTapaBlanda();
-    }
-    // Espiral TD y TB, Wire-o TD y TB
-    else if (tipoImpresion === 5 || tipoImpresion === 6 ||
-        tipoImpresion === 7 || tipoImpresion === 8) {
-        portadaEspiral();
-    }
-    else if (tipoImpresion === 21) {
-        portadaGrapado();
-    }
-    else {
-        // ?
-    }*/
 
 }
 
-function portadaTapaDura() {
+function portadaTapaDura(isThumbnail = false) {
 
     // Variables locales
     let altoLibro, anchoLibro, lomoLibro, anchoCubierta, altoSangrado, anchoSangrado;
@@ -55,22 +44,30 @@ function portadaTapaDura() {
     let altoPliegue = parseFloat(7);  // mm
     let anchoCarton = parseFloat(7); // mm
 
+    let divIdName = (isThumbnail) ? 'thumbnail_ec_shape' : 'pv_ec_shape';
+
     // Get the preview Object parameters
     getObjetoToPreview();
 
-    // Definicion de los parametros del Esquema de Cubierta (EC) -
+    // Definicion de los parametros del Esquema de Cubierta (EC)
-    anchoSangrado = 400;    // px
+    if (isThumbnail) {
-    altoSangrado = (anchoSangrado * 0.647 > 350) ? anchoSangrado * 0.647 : 350; // px
+        anchoSangrado = 350;    // px
+        altoSangrado = (anchoSangrado * 0.647 > 300) ? 300 : anchoSangrado * 0.647; // px
+    } else {
+        anchoSangrado = 800;    // px
+        altoSangrado = (anchoSangrado * 0.647 > 650) ? 650 : anchoSangrado * 0.647; // px
+    }
     altoLibro = altoSangrado * 0.88;
     anchoLibro = anchoSangrado * 0.39;
     lomoLibro = anchoSangrado * 0.133;
     anchoCubierta = (2 * anchoLibro) + lomoLibro;
 
     // Clear the canvas element
-    $('#pv_ec_shape').empty();
+    $(`#${divIdName}`).empty();
     // Get the element for placing the graphical elements
-    var divEC = document.getElementById('pv_ec_shape');
+    var divEC = document.getElementById(divIdName);
     var previewEC = new Two({fitted: true}).appendTo(divEC);
+
     // Calculate the center of the canvas element
     var origenEC = new Two.Vector(previewEC.width / 2, previewEC.height / 2);
 
@@ -102,7 +99,9 @@ function portadaTapaDura() {
     lomo.fill = '#F4F8F2';
     lomo.linewidth = 1;
 
-    // Cotas
+    // Cotas y textos
+    if (!isThumbnail) {
+        // Cotas:
         var cotaAnchoCubierta = previewEC.makeDobleArrow(
             origenEC.x - (anchoSangrado / 2),
             origenEC.y + (altoLibro / 2) + 35,
@@ -111,9 +110,9 @@ function portadaTapaDura() {
             10);
         cotaAnchoCubierta.linewidth = 2;
         var cotaAltoCubierta = previewEC.makeDobleArrow(
-        origenEC.x + (anchoCubierta / 2) + 35,
+            origenEC.x + (anchoCubierta / 2) + 40,
             origenEC.y + (altoSangrado / 2),
-        origenEC.x + (anchoCubierta / 2) + 35,
+            origenEC.x + (anchoCubierta / 2) + 40,
             origenEC.y - (altoSangrado / 2),
             10);
         cotaAltoCubierta.linewidth = 2;
@@ -164,17 +163,19 @@ function portadaTapaDura() {
         previewEC.makeText(pvObj.anchoLibro + anchoPliegue + " mm", origenEC.x - (lomoLibro / 2 + anchoLibro / 2), origenEC.y - (altoLibro / 3) + 15, styleCotas);
         previewEC.makeText(pvObj.anchoLibro + anchoPliegue + " mm", origenEC.x + (lomoLibro / 2 + anchoLibro / 2), origenEC.y - (altoLibro / 3) + 15, styleCotas);
         previewEC.makeText(pvObj.altoLibro + altoPliegue + " mm", origenEC.x + (lomoLibro / 2) + 50, origenEC.y, styleCotas).rotation = -Math.PI / 2;
-    previewEC.makeText(pvObj.altoLibro + (2 * sangradoValor) + altoPliegue + " mm", origenEC.x + (lomoLibro / 2 + anchoLibro) + 50, origenEC.y, styleCotas).rotation = -Math.PI / 2;
+        previewEC.makeText(pvObj.altoLibro + (2 * sangradoValor) + altoPliegue + " mm", origenEC.x + (lomoLibro / 2 + anchoLibro) + 55, origenEC.y, styleCotas).rotation = -Math.PI / 2;
         previewEC.makeText((2 * pvObj.anchoLibro) + pvObj.lomoLibro + (2 * sangradoValor) + +(2 * anchoPliegue) + anchoCarton + " mm",
             origenEC.x,
             origenEC.y + (altoLibro / 2) + 50,
             styleCotas);
 
+    }
+
     previewEC.update();
 
 }
 
-function portadaTapaBlanda() {
+function portadaTapaBlanda(isThumbnail = false) {
 
     // Variables locales
     let altoLibro, anchoLibro, lomoLibro, anchoSolapa, anchoCubierta, altoSangrado, anchoSangrado;
@@ -183,13 +184,22 @@ function portadaTapaBlanda() {
     let sangradoValor = parseFloat(5);  // mm
     let offsetSolapaValor = parseFloat(0);  // mm
 
+    let divIdName = (isThumbnail) ? 'thumbnail_ec_shape' : 'pv_ec_shape';
+
     // Get the preview Object parameters
     getObjetoToPreview();
 
+
     // Definicion de los parametros del Esquema de Cubierta (EC)
     if (pvObj.anchoSolapa == 0) {
-        anchoSangrado = 600;    // px
+        if (isThumbnail) {
-        altoSangrado = (anchoSangrado * 0.647 > 350) ? anchoSangrado * 0.647 : 350; // px
+            anchoSangrado = 350;    // px
+            altoSangrado = (anchoSangrado * 0.647 > 300) ? 300 : anchoSangrado * 0.647; // px
+        } else {
+            anchoSangrado = 800;    // px
+            altoSangrado = (anchoSangrado * 0.647 > 650) ? 650 : anchoSangrado * 0.647; // px
+        }
+
         altoLibro = altoSangrado * 0.97;
         anchoLibro = anchoSangrado * 0.419;
         anchoSolapa = 0;
@@ -197,8 +207,13 @@ function portadaTapaBlanda() {
         anchoCubierta = (2 * anchoLibro) + (2 * anchoSolapa) + lomoLibro;
 
     } else {
-        anchoSangrado = 600;    // px
+        if (isThumbnail) {
-        altoSangrado = (anchoSangrado * 0.418 > 350) ? anchoSangrado * 0.418 : 350; // px
+            anchoSangrado = 350;    // px
+            altoSangrado = (anchoSangrado * 0.647 > 300) ? 300 : anchoSangrado * 0.647; // px
+        } else {
+            anchoSangrado = 750;    // px
+            altoSangrado = (anchoSangrado * 0.647 > 650) ? 650 : anchoSangrado * 0.647; // px
+        }
         altoLibro = altoSangrado * 0.95;
         anchoLibro = anchoSangrado * 0.28;
         anchoSolapa = anchoSangrado * 0.163;
@@ -207,9 +222,9 @@ function portadaTapaBlanda() {
     }
 
     // Clear the canvas element
-    $('#pv_ec_shape').empty();
+    $(`#${divIdName}`).empty();
     // Get the element for placing the graphical elements
-    var divEC = document.getElementById('pv_ec_shape');
+    var divEC = document.getElementById(divIdName);
     var previewEC = new Two({fitted: true}).appendTo(divEC);
     // Calculate the center of the canvas element
     var origenEC = new Two.Vector(previewEC.width / 2, previewEC.height / 2);
@@ -235,6 +250,7 @@ function portadaTapaBlanda() {
         solapas.linewidth = 1;
 
         // Cotas Solapas
+        if (!isThumbnail) {
             var cotaSolapa2 = previewEC.makeDobleArrow(
                 origenEC.x - anchoCubierta / 2,
                 origenEC.y - (altoLibro / 3),
@@ -257,6 +273,7 @@ function portadaTapaBlanda() {
             // Textos Cotas Solapas
             previewEC.makeText(pvObj.anchoSolapa + " mm", origenEC.x - anchoLibro - (lomoLibro + anchoSolapa) / 2, origenEC.y - (altoLibro / 3) + 15, styleCotas);
             previewEC.makeText(pvObj.anchoSolapa + " mm", origenEC.x + anchoLibro + (lomoLibro + anchoSolapa) / 2, origenEC.y - (altoLibro / 3) + 15, styleCotas);
+        }
 
     }
 
@@ -277,7 +294,9 @@ function portadaTapaBlanda() {
     lomo.fill = '#F4F8F2';
     lomo.linewidth = 1;
 
-    // Cotas
+    // Cotas y textos
+    if (!isThumbnail) {
+        // Cotas:
         var cotaAnchoCubierta = previewEC.makeDobleArrow(
             origenEC.x - (anchoSangrado / 2),
             origenEC.y + (altoLibro / 2) + 35,
@@ -345,11 +364,13 @@ function portadaTapaBlanda() {
             origenEC.y + (altoLibro / 2) + 50,
             styleCotas);
 
+    }
+
     previewEC.update();
 
 }
 
-function portadaEspiral() {
+function portadaEspiral(isThumbnail = false, isTapaDura = false) {
 
     // Variables locales
     let altoLibro, anchoLibro, anchoCalle, anchoCubierta, altoSangrado, anchoSangrado, anchoSolapa, offsetCubierta;
@@ -357,14 +378,20 @@ function portadaEspiral() {
     let sangradoTexto = (isTapaDura) ? "Sangrado 20 mm" : "Sangrado 5 mm";
     let sangradoValor = (isTapaDura) ? parseFloat(20) : parseFloat(5);  // mm
 
+    let divIdName = (isThumbnail) ? 'thumbnail_ec_shape' : 'pv_ec_shape';
+
     // Get the preview Object parameters
     getObjetoToPreview();
 
     // Definicion de los parametros del Esquema de Cubierta (EC)
-    anchoSangrado = 600;    // px
+    if ((pvObj.anchoSolapa !== 0) && (!isTapaDura)) {
-
+        if (isThumbnail) {
-    if((pvObj.anchoSolapa !== 0) && (isTapaDura === 0)){
+            anchoSangrado = 350;    // px
-        altoSangrado = (anchoSangrado * 0.418 > 350) ? anchoSangrado * 0.418 : 350; // px
+            altoSangrado = (anchoSangrado * 0.647 > 300) ? 300 : anchoSangrado * 0.647; // px
+        } else {
+            anchoSangrado = 750;    // px
+            altoSangrado = (anchoSangrado * 0.647 > 650) ? 650 : anchoSangrado * 0.647; // px
+        }
         altoLibro = altoSangrado * 0.95;
         anchoLibro = anchoSangrado * 0.28;
         anchoCalle = anchoSangrado * 0.02;
@@ -372,9 +399,14 @@ function portadaEspiral() {
         sangrado = anchoSangrado * 0.03;
         anchoCubierta = 2 * (anchoLibro + anchoSolapa + sangrado) + anchoCalle;
         offsetCubierta = anchoLibro / 2 + anchoCalle / 2 + anchoSolapa / 2 + sangrado;
+    } else {
+        if (isThumbnail) {
+            anchoSangrado = 350;    // px
+            altoSangrado = (anchoSangrado * 0.647 > 300) ? 300 : anchoSangrado * 0.647; // px
+        } else {
+            anchoSangrado = 750;    // px
+            altoSangrado = (anchoSangrado * 0.647 > 650) ? 650 : anchoSangrado * 0.647; // px
         }
-    else {
-        altoSangrado = (anchoSangrado * 0.647 > 350) ? anchoSangrado * 0.647 : 350; // px
         altoLibro = (isTapaDura) ? altoSangrado * 0.88 : altoSangrado * 0.97;
         anchoLibro = (isTapaDura) ? anchoSangrado * 0.39 : anchoSangrado * 0.419;
         anchoCalle = anchoSangrado * 0.02;
@@ -384,9 +416,9 @@ function portadaEspiral() {
     }
 
     // Clear the canvas element
-    $('#pv_ec_shape').empty();
+    $(`#${divIdName}`).empty();
     // Get the element for placing the graphical elements
-    var divEC = document.getElementById('pv_ec_shape');
+    var divEC = document.getElementById(divIdName);
     var previewEC = new Two({fitted: true}).appendTo(divEC);
     // Calculate the center of the canvas element
     var origenEC = new Two.Vector(previewEC.width / 2, previewEC.height / 2);
@@ -402,7 +434,7 @@ function portadaEspiral() {
     sangrado.fill = '#FCEAF1';
     sangrado.linewidth = 1;
 
-    if (pvObj.anchoSolapa != 0) {
+    if ((pvObj.anchoSolapa != 0) && (!isTapaDura)) {
         var solapa1 = previewEC.makeRectangle(
             origenEC.x + (anchoLibro + anchoCalle / 2 + anchoSolapa / 2 + sangradoValor),
             origenEC.y,
@@ -419,7 +451,9 @@ function portadaEspiral() {
         solapa2.stroke = 'black';
         solapa2.linewidth = 1;
 
-        // Cotas Solapas
+        // Cotas y textos
+        if (!isThumbnail) {
+            // Cotas
             var cotaSolapa2 = previewEC.makeDobleArrow(
                 origenEC.x - (anchoCalle / 2 + sangradoValor + anchoLibro + anchoSolapa),
                 origenEC.y - (altoLibro / 3),
@@ -442,6 +476,7 @@ function portadaEspiral() {
             // Textos Cotas Solapas
             previewEC.makeText(pvObj.anchoSolapa + " mm", origenEC.x - anchoLibro - (anchoCalle + anchoSolapa) / 2, origenEC.y - (altoLibro / 3) + 15, styleCotas);
             previewEC.makeText(pvObj.anchoSolapa + " mm", origenEC.x + anchoLibro + (anchoCalle + anchoSolapa) / 2, origenEC.y - (altoLibro / 3) + 15, styleCotas);
+        }
 
     }
 
@@ -471,7 +506,9 @@ function portadaEspiral() {
     calle.fill = '#F4F8F2';
     calle.linewidth = 1;
 
-    // Cotas
+    // Cotas y textos
+    if (!isThumbnail) {
+        // Cotas:
         var cotaAnchoCubierta = previewEC.makeDobleArrow(
             origenEC.x - (anchoSangrado / 2),
             origenEC.y + (altoLibro / 2) + 35,
@@ -543,12 +580,13 @@ function portadaEspiral() {
             origenEC.x,
             origenEC.y + (altoLibro / 2) + 50,
             styleCotas);
+    }
 
     previewEC.update();
 
 }
 
-function portadaGrapado() {
+function portadaGrapado(isThumbnail = false) {
 
     // Variables locales
     let altoLibro, anchoLibro, lomoLibro, anchoSolapa, anchoCubierta, altoSangrado, anchoSangrado;
@@ -557,13 +595,20 @@ function portadaGrapado() {
     let sangradoValor = parseFloat(5);  // mm
     let offsetSolapaValor = parseFloat(0);  // mm
 
+    let divIdName = (isThumbnail) ? 'thumbnail_ec_shape' : 'pv_ec_shape';
+
     // Get the preview Object parameters
     getObjetoToPreview();
 
     // Definicion de los parametros del Esquema de Cubierta (EC)
     if (pvObj.anchoSolapa == 0) {
-        anchoSangrado = 600;    // px
+        if (isThumbnail) {
-        altoSangrado = (anchoSangrado * 0.647 > 350) ? anchoSangrado * 0.647 : 350; // px
+            anchoSangrado = 350;    // px
+            altoSangrado = (anchoSangrado * 0.647 > 300) ? 300 : anchoSangrado * 0.647; // px
+        } else {
+            anchoSangrado = 750;    // px
+            altoSangrado = (anchoSangrado * 0.647 > 650) ? 650 : anchoSangrado * 0.647; // px
+        }
         altoLibro = altoSangrado * 0.97;
         anchoLibro = anchoSangrado * 0.48;
         anchoSolapa = 0;
@@ -571,8 +616,13 @@ function portadaGrapado() {
         anchoCubierta = (2 * anchoLibro) + (2 * anchoSolapa) + lomoLibro;
 
     } else {
-        anchoSangrado = 600;    // px
+        if (isThumbnail) {
-        altoSangrado = (anchoSangrado * 0.418 > 350) ? anchoSangrado * 0.418 : 350; // px
+            anchoSangrado = 350;    // px
+            altoSangrado = (anchoSangrado * 0.647 > 300) ? 300 : anchoSangrado * 0.647; // px
+        } else {
+            anchoSangrado = 750;    // px
+            altoSangrado = (anchoSangrado * 0.647 > 650) ? 650 : anchoSangrado * 0.647; // px
+        }
         altoLibro = altoSangrado * 0.95;
         anchoLibro = anchoSangrado * 0.3;
         anchoSolapa = anchoSangrado * 0.18;
@@ -581,9 +631,9 @@ function portadaGrapado() {
     }
 
     // Clear the canvas element
-    $('#pv_ec_shape').empty();
+    $(`#${divIdName}`).empty();
     // Get the element for placing the graphical elements
-    var divEC = document.getElementById('pv_ec_shape');
+    var divEC = document.getElementById(divIdName);
     var previewEC = new Two({fitted: true}).appendTo(divEC);
     // Calculate the center of the canvas element
     var origenEC = new Two.Vector(previewEC.width / 2, previewEC.height / 2);
@@ -608,7 +658,9 @@ function portadaGrapado() {
         solapas.stroke = 'black';
         solapas.linewidth = 1;
 
-        // Cotas Solapas
+        // Cotas y textos
+        if (!isThumbnail) {
+            // Cotas
             var cotaSolapa2 = previewEC.makeDobleArrow(
                 origenEC.x - anchoCubierta / 2,
                 origenEC.y - (altoLibro / 3),
@@ -631,6 +683,7 @@ function portadaGrapado() {
             // Textos Cotas Solapas
             previewEC.makeText(pvObj.anchoSolapa + " mm", origenEC.x - anchoLibro - (lomoLibro + anchoSolapa) / 2, origenEC.y - (altoLibro / 3) + 15, styleCotas);
             previewEC.makeText(pvObj.anchoSolapa + " mm", origenEC.x + anchoLibro + (lomoLibro + anchoSolapa) / 2, origenEC.y - (altoLibro / 3) + 15, styleCotas);
+        }
 
     }
 
@@ -651,7 +704,9 @@ function portadaGrapado() {
     lomo.fill = '#F4F8F2';
     lomo.linewidth = 1;
 
-    // Cotas
+    // Cotas y textos
+    if (!isThumbnail) {
+        // Cotas:
         var cotaAnchoCubierta = previewEC.makeDobleArrow(
             origenEC.x - (anchoSangrado / 2),
             origenEC.y + (altoLibro / 2) + 35,
@@ -688,7 +743,6 @@ function portadaGrapado() {
             10);
         cotaPortada.linewidth = 2;
 
-
         // Textos:
         // Titulos generales
         let stylesEC = {size: 22, weight: 'bold', family: 'Public Sans'};
@@ -709,27 +763,21 @@ function portadaGrapado() {
             origenEC.x,
             origenEC.y + (altoLibro / 2) + 50,
             styleCotas);
+    }
 
     previewEC.update();
 
 }
 
-function getLomoLibro() {
-    const anchoLomoInputs = $("#tableLineasPresupuesto tbody tr:visible td input[id*='_lomo']");
-    const anchoLomo = Array.from(anchoLomoInputs).reduce((sum, input) => sum + parseFloat($(input).val()), 0);
-
-    return parseFloat(anchoLomo.toFixed(2));
-}
-
 
 function getObjetoToPreview() {
 
     pvObj = {
-        lomoLibro: parseFloat('30.0'),
+        lomoLibro: $('#lomo_cubierta').val() === '' ? parseFloat('0.0') : parseFloat($('#lomo_cubierta').val()),
         anchoSolapa: $('#solapasCubierta').is(':checked') ? parseFloat($('#anchoSolapasCubierta').val()) : parseFloat(0),
         altoLibro: getDimensionLibro().alto,
         anchoLibro: getDimensionLibro().ancho
     };
-    //console.log(pvObj);
+    console.log(pvObj);
 
 }