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 f9eaf216..f8c3dd39 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 @@ -198,7 +198,7 @@ function previewEsquemaCubierta(_lpTagName, _isCosido, _isTapaDura) { portadaEspiral(_lpTagName, _isCosido, _isTapaDura); } else if (tipoImpresion === 7 || tipoImpresion === 8) { - portadaWireo(_lpTagName, _isCosido, _isTapaDura); + portadaEspiral(_lpTagName, _isCosido, _isTapaDura); } else { // ? @@ -524,6 +524,7 @@ function portadaEspiral(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; @@ -564,26 +565,34 @@ function portadaEspiral(lpTagName, isCosido, isTapaDura) { sangrado.linewidth = 1; if (pvObj.anchoSolapa != 0) { - var solapas = previewEC.makeRectangle( - origenEC.x, + var solapa1 = previewEC.makeRectangle( + origenEC.x + (anchoLibro + anchoCalle/2 + anchoSolapa/2 + sangradoValor), origenEC.y, - anchoCubierta, + anchoSolapa, altoLibro); - solapas.stroke = 'black'; - solapas.linewidth = 1; + solapa1.stroke = 'black'; + solapa1.linewidth = 1; + + var solapa2 = previewEC.makeRectangle( + origenEC.x - (anchoLibro + anchoCalle/2 + anchoSolapa/2 + sangradoValor), + origenEC.y, + anchoSolapa, + altoLibro); + solapa2.stroke = 'black'; + solapa2.linewidth = 1; // Cotas Solapas var cotaSolapa2 = previewEC.makeDobleArrow( - origenEC.x - anchoCubierta / 2, + origenEC.x - (anchoCalle/2 + sangradoValor + anchoLibro + anchoSolapa), origenEC.y - (altoLibro / 3), - origenEC.x - anchoLibro - anchoCalle / 2, + origenEC.x - (anchoLibro + sangradoValor + anchoCalle / 2), origenEC.y - (altoLibro / 3), 10); cotaSolapa2.linewidth = 2; var cotaSolapa1 = previewEC.makeDobleArrow( - origenEC.x + anchoCubierta / 2, + origenEC.x + (anchoCalle/2 + sangradoValor + anchoLibro + anchoSolapa), origenEC.y - (altoLibro / 3), - origenEC.x + anchoLibro + anchoCalle / 2, + origenEC.x + (anchoLibro + sangradoValor + anchoCalle / 2), origenEC.y - (altoLibro / 3), 10); cotaSolapa1.linewidth = 2; @@ -598,8 +607,8 @@ function portadaEspiral(lpTagName, isCosido, isTapaDura) { } - /*var portada = previewEC.makeRectangle( - origenEC.x + offsetCubierta, + var portada = previewEC.makeRectangle( + origenEC.x + (anchoLibro/2 + anchoCalle/2 + sangradoValor), origenEC.y, anchoLibro, altoLibro); @@ -607,7 +616,7 @@ function portadaEspiral(lpTagName, isCosido, isTapaDura) { portada.linewidth = 1; var contraportada = previewEC.makeRectangle( - origenEC.x - offsetCubierta, + origenEC.x - (anchoLibro/2 + anchoCalle/2 + sangradoValor), origenEC.y, anchoLibro, altoLibro); @@ -622,7 +631,7 @@ function portadaEspiral(lpTagName, isCosido, isTapaDura) { calle.stroke = 'black'; calle.dashes = [2, 5]; calle.fill = '#F4F8F2'; - calle.linewidth = 1;*/ + calle.linewidth = 1; // Cotas var cotaAnchoCubierta = previewEC.makeDobleArrow( @@ -665,8 +674,16 @@ function portadaEspiral(lpTagName, isCosido, isTapaDura) { // 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); + previewEC.makeText("Portada", + origenEC.x + anchoLibro/2 + anchoCalle/2 + sangradoValor + 15, + origenEC.y, + stylesEC + ); + previewEC.makeText("Contraportada", + origenEC.x - (anchoLibro/2 + anchoCalle/2 + sangradoValor), + 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); @@ -676,8 +693,8 @@ function portadaEspiral(lpTagName, isCosido, isTapaDura) { 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.anchoLibro + " mm", origenEC.x - (offsetCubierta - anchoSolapa/2), origenEC.y - (altoLibro / 3) + 15, styleCotas); + previewEC.makeText(pvObj.anchoLibro + " mm", origenEC.x + (offsetCubierta - anchoSolapa/2), 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, @@ -693,128 +710,6 @@ function portadaEspiral(lpTagName, isCosido, isTapaDura) { } -function portadaWireo(lpTagName, isCosido, isTapaDura) { - - // Variables locales - let altoLibro, anchoLibro, lomoLibro, anchoCubierta, altoSangrado, anchoSangrado; - let styleCotas = {size: 12, family: 'Public Sans'}; - let sangradoTexto = "Sangrado 20 mm"; - let sangradoValor = parseFloat(20); // mm - let anchoPliegue = parseFloat(7); // mm - let altoPliegue = parseFloat(7); // mm - let anchoCarton = parseFloat(7); // mm - - // Get the preview Object parameters - getObjetoLP(lpTagName, isCosido, isTapaDura); - - // Definicion de los parametros del Esquema de Cubierta (EC) - - anchoSangrado = 600; // px - altoSangrado = (anchoSangrado * 0.647 > 350) ? anchoSangrado * 0.647 : 350; // 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(); - // 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; - - var libro = previewEC.makeRectangle( - origenEC.x, - origenEC.y, - ((2 * anchoLibro) + lomoLibro), - altoLibro); - libro.stroke = 'black'; - libro.linewidth = 1; - - var lomo = previewEC.makeRectangle( - origenEC.x, - origenEC.y, - 4, - altoLibro); - lomo.stroke = 'black'; - lomo.fill = '#F4F8F2'; - lomo.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 + (anchoCubierta / 2) + 35, - origenEC.y + (altoSangrado / 2), - origenEC.x + (anchoCubierta / 2) + 35, - origenEC.y - (altoSangrado / 2), - 10); - cotaAltoCubierta.linewidth = 2; - var cotaAltoLibro = previewEC.makeDobleArrow( - origenEC.x + (lomoLibro / 2) + 35, - origenEC.y + (altoLibro / 2), - origenEC.x + (lomoLibro / 2) + 35, - origenEC.y - (altoLibro / 2), - 10); - cotaAltoLibro.linewidth = 2; - var cotaContraportada = previewEC.makeDobleArrow( - origenEC.x - (lomoLibro / 2 + anchoLibro), - origenEC.y - (altoLibro / 3), - origenEC.x - (4 / 2), - origenEC.y - (altoLibro / 3), - 10); - cotaContraportada.linewidth = 2; - var cotaPortada = previewEC.makeDobleArrow( - origenEC.x + (4 / 2), - origenEC.y - (altoLibro / 3), - origenEC.x + (lomoLibro / 2 + anchoLibro), - 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 + (lomoLibro + anchoLibro) / 2, origenEC.y, stylesEC); - previewEC.makeText("Contraportada", origenEC.x - (lomoLibro + anchoLibro) / 2, origenEC.y, stylesEC); - // Sangrados - let styleSangrado = {size: 10, family: 'Public Sans', style: 'italic', fill: 'red'}; - previewEC.makeText(sangradoTexto, origenEC.x, origenEC.y + (altoLibro / 2 + 13), styleSangrado); - previewEC.makeText(sangradoTexto, origenEC.x, origenEC.y - (altoLibro / 2 + 13), styleSangrado); - previewEC.makeText(sangradoTexto, origenEC.x + (lomoLibro / 2 + anchoLibro + 13), origenEC.y, styleSangrado).rotation = -Math.PI / 2; - previewEC.makeText(sangradoTexto, origenEC.x - (lomoLibro / 2 + anchoLibro + 13), origenEC.y, styleSangrado).rotation = -Math.PI / 2; - // Cotas - 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((2 * pvObj.anchoLibro) + pvObj.lomoLibro + (2 * sangradoValor) + +(2 * anchoPliegue) + anchoCarton + " mm", - 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);