From f92db4f46b219282a6392eeca518477c8bf1c7ec Mon Sep 17 00:00:00 2001 From: imnavajas Date: Sat, 6 Apr 2024 21:47:46 +0200 Subject: [PATCH] Actualizacion automatica: 2024-04-06 21:47:45 --- .../presupuestos/cosidotapablanda/previews.js | 200 +++++++++++++++++- 1 file changed, 191 insertions(+), 9 deletions(-) diff --git a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/previews.js b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/previews.js index da8d65b4..f9eaf216 100755 --- a/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/previews.js +++ b/ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/previews.js @@ -194,10 +194,13 @@ function previewEsquemaCubierta(_lpTagName, _isCosido, _isTapaDura) { portadaTapaBlanda(_lpTagName, _isCosido, _isTapaDura); } // Espiral TD y TB, Wire-o TD y TB - else if (tipoImpresion === 5 || tipoImpresion === 6 || - tipoImpresion === 7 || tipoImpresion === 8) { - portadaEspiralWireo(_lpTagName, _isCosido, _isTapaDura); - } else { + else if (tipoImpresion === 5 || tipoImpresion === 6) { + portadaEspiral(_lpTagName, _isCosido, _isTapaDura); + } + else if (tipoImpresion === 7 || tipoImpresion === 8) { + portadaWireo(_lpTagName, _isCosido, _isTapaDura); + } + else { // ? } @@ -508,7 +511,189 @@ function portadaTapaBlanda(lpTagName, isCosido, isTapaDura) { } -function portadaEspiralWireo(lpTagName, isCosido, isTapaDura) { +function portadaEspiral(lpTagName, isCosido, isTapaDura) { + + // Variables locales + let altoLibro, anchoLibro, anchoCalle, anchoCubierta, altoSangrado, anchoSangrado, anchoSolapa, offsetCubierta; + let styleCotas = {size: 12, family: 'Public Sans'}; + let sangradoTexto = (isTapaDura) ? "Sangrado 20 mm" : "Sangrado 5 mm"; + let sangradoValor = (isTapaDura) ? parseFloat(20) : parseFloat(5); // mm + + // Get the preview Object parameters + getObjetoLP(lpTagName, isCosido, isTapaDura); + + // Definicion de los parametros del Esquema de Cubierta (EC) + anchoSangrado = 600; // px + if((pvObj.anchoSolapa !== 0) && (isTapaDura === 0)){ + altoSangrado = (anchoSangrado * 0.418 > 350) ? anchoSangrado * 0.418 : 350; // px + altoLibro = altoSangrado * 0.95; + anchoLibro = anchoSangrado * 0.28; + anchoCalle = anchoSangrado * 0.02; + anchoSolapa = anchoSangrado * 0.163; + sangrado = anchoSangrado * 0.03; + anchoCubierta = 2 * (anchoLibro + anchoSolapa+ sangrado) + anchoCalle; + offsetCubierta = anchoLibro/2 + anchoCalle/2 + anchoSolapa/2 + sangrado; + } + 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; + anchoSolapa = 0; + anchoCubierta = (2 * anchoLibro) + (2 * anchoSolapa) + anchoCalle; + offsetCubierta = anchoLibro/2 + anchoCalle/2 + anchoSolapa + sangradoValor; + } + + // Clear the canvas element + $('#pv_ec_shape').empty(); + // Get the element for placing the graphical elements + var divEC = document.getElementById('pv_ec_shape'); + 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); + + var sangrado = previewEC.makeRectangle( + origenEC.x, + origenEC.y, + anchoSangrado, + altoSangrado + ); + sangrado.stroke = 'black'; + sangrado.dashes = [5, 5]; + sangrado.fill = '#FCEAF1'; + sangrado.linewidth = 1; + + if (pvObj.anchoSolapa != 0) { + var solapas = previewEC.makeRectangle( + origenEC.x, + origenEC.y, + anchoCubierta, + altoLibro); + solapas.stroke = 'black'; + solapas.linewidth = 1; + + // Cotas Solapas + var cotaSolapa2 = previewEC.makeDobleArrow( + origenEC.x - anchoCubierta / 2, + origenEC.y - (altoLibro / 3), + origenEC.x - anchoLibro - anchoCalle / 2, + origenEC.y - (altoLibro / 3), + 10); + cotaSolapa2.linewidth = 2; + var cotaSolapa1 = previewEC.makeDobleArrow( + origenEC.x + anchoCubierta / 2, + origenEC.y - (altoLibro / 3), + origenEC.x + anchoLibro + anchoCalle / 2, + origenEC.y - (altoLibro / 3), + 10); + cotaSolapa1.linewidth = 2; + + // Textos Solapas + let stylesSolapa = {size: 18, family: 'Public Sans'}; + previewEC.makeText("Solapa 1", origenEC.x + anchoLibro + (anchoCalle + anchoSolapa) / 2, origenEC.y, stylesSolapa); + previewEC.makeText("Solapa 2", origenEC.x - anchoLibro - (anchoCalle + anchoSolapa) / 2, origenEC.y, stylesSolapa); + // 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); + + } + + /*var portada = previewEC.makeRectangle( + origenEC.x + offsetCubierta, + origenEC.y, + anchoLibro, + altoLibro); + portada.stroke = 'black'; + portada.linewidth = 1; + + var contraportada = previewEC.makeRectangle( + origenEC.x - offsetCubierta, + origenEC.y, + anchoLibro, + altoLibro); + contraportada.stroke = 'black'; + contraportada.linewidth = 1; + + var calle = previewEC.makeRectangle( + origenEC.x, + origenEC.y, + anchoCalle, + altoSangrado); + calle.stroke = 'black'; + calle.dashes = [2, 5]; + calle.fill = '#F4F8F2'; + calle.linewidth = 1;*/ + + // Cotas + var cotaAnchoCubierta = previewEC.makeDobleArrow( + origenEC.x - (anchoSangrado / 2), + origenEC.y + (altoLibro / 2) + 35, + origenEC.x + (anchoSangrado / 2), + origenEC.y + (altoLibro / 2) + 35, + 10); + cotaAnchoCubierta.linewidth = 2; + var cotaAltoCubierta = previewEC.makeDobleArrow( + origenEC.x + (anchoSangrado / 2) + 15, + origenEC.y + (altoSangrado / 2), + origenEC.x + (anchoSangrado / 2) + 15, + origenEC.y - (altoSangrado / 2), + 10); + cotaAltoCubierta.linewidth = 2; + var cotaAltoLibro = previewEC.makeDobleArrow( + origenEC.x + (anchoCalle / 2) + 35, + origenEC.y + (altoLibro / 2), + origenEC.x + (anchoCalle / 2) + 35, + origenEC.y - (altoLibro / 2), + 10); + cotaAltoLibro.linewidth = 2; + var cotaContraportada = previewEC.makeDobleArrow( + origenEC.x - (anchoCalle / 2 + anchoLibro + sangradoValor), + origenEC.y - (altoLibro / 3), + origenEC.x - ((anchoCalle / 2) + sangradoValor), + origenEC.y - (altoLibro / 3), + 10); + cotaContraportada.linewidth = 2; + var cotaPortada = previewEC.makeDobleArrow( + origenEC.x + ((anchoCalle / 2) + sangradoValor), + origenEC.y - (altoLibro / 3), + origenEC.x + (anchoCalle / 2 + anchoLibro + sangradoValor), + origenEC.y - (altoLibro / 3), + 10); + cotaPortada.linewidth = 2; + + + // Textos: + // Titulos generales + let stylesEC = {size: 22, weight: 'bold', family: 'Public Sans'}; + previewEC.makeText("Portada", origenEC.x + offsetCubierta, origenEC.y, stylesEC); + previewEC.makeText("Contraportada", origenEC.x - offsetCubierta, origenEC.y, stylesEC); + // Sangrados + let styleSangrado = {size: 10, family: 'Public Sans', style: 'italic', fill: 'red'}; + previewEC.makeText(sangradoTexto, origenEC.x + offsetCubierta, origenEC.y + (altoLibro / 2 + 13), styleSangrado); + previewEC.makeText(sangradoTexto, origenEC.x + offsetCubierta, origenEC.y - (altoLibro / 2 + 13), styleSangrado); + previewEC.makeText(sangradoTexto, origenEC.x - offsetCubierta, origenEC.y + (altoLibro / 2 + 13), styleSangrado); + previewEC.makeText(sangradoTexto, origenEC.x - offsetCubierta, origenEC.y - (altoLibro / 2 + 13), styleSangrado); + previewEC.makeText(sangradoTexto, origenEC.x + (anchoSangrado / 2) - 20, origenEC.y, styleSangrado).rotation = -Math.PI / 2; + previewEC.makeText(sangradoTexto, origenEC.x - (anchoSangrado / 2) + 20, origenEC.y, styleSangrado).rotation = -Math.PI / 2; + // Cotas + previewEC.makeText(pvObj.anchoLibro + " mm", origenEC.x - offsetCubierta, origenEC.y - (altoLibro / 3) + 15, styleCotas); + previewEC.makeText(pvObj.anchoLibro + " mm", origenEC.x + offsetCubierta, origenEC.y - (altoLibro / 3) + 15, styleCotas); + previewEC.makeText(pvObj.altoLibro + " mm", origenEC.x + (anchoCalle / 2) + 50, origenEC.y, styleCotas).rotation = -Math.PI / 2; + previewEC.makeText(pvObj.altoLibro + (2 * sangradoValor) + " mm", + origenEC.x + (anchoSangrado / 2) + 30, + origenEC.y, + styleCotas + ).rotation = -Math.PI / 2; + previewEC.makeText((2 * pvObj.anchoLibro) + pvObj.lomoLibro + (2 * sangradoValor) + " mm", + origenEC.x, + origenEC.y + (altoLibro / 2) + 50, + styleCotas); + + previewEC.update(); + +} + +function portadaWireo(lpTagName, isCosido, isTapaDura) { // Variables locales let altoLibro, anchoLibro, lomoLibro, anchoCubierta, altoSangrado, anchoSangrado; @@ -743,11 +928,8 @@ function getObjetoLP(lpName, _isCosido, _isTapaDura) { // Espiral TD y TB, Wire-o TD y TB else if (pvObj.tipoImpresion === 5 || pvObj.tipoImpresion === 6 || pvObj.tipoImpresion === 7 || pvObj.tipoImpresion === 8) { - let anchoPliegue = parseFloat(7); // mm - let altoPliegue = parseFloat(7); // mm let sangre = parseFloat(20); // mm - pvObj.anchoForma = ((pvObj.anchoLibro) + (2 * anchoPliegue)); - pvObj.altoForma += altoPliegue; + pvObj.anchoForma = pvObj.anchoLibro; } else { // ? }