jjimenez/safekat
1
0
Fork 0
mirror of https://git.imnavajas.es/jjimenez/safekat.git synced 2025-07-25 22:52:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Configurado preview de Espiral y Wireo (puede faltar afinar

Browse Source
This commit is contained in:
imnavajas
2024-04-07 09:23:56 +02:00
parent 9a582aa672
commit 86a0febbbd
1 changed files with 35 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

175
ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/previews.js
View File

@ -198,7 +198,7 @@ function previewEsquemaCubierta(_lpTagName, _isCosido, _isTapaDura) {
portadaEspiral(_lpTagName, _isCosido, _isTapaDura); portadaEspiral(_lpTagName, _isCosido, _isTapaDura);
} }
else if (tipoImpresion === 7 || tipoImpresion === 8) { else if (tipoImpresion === 7 || tipoImpresion === 8) {
portadaWireo(_lpTagName, _isCosido, _isTapaDura); portadaEspiral(_lpTagName, _isCosido, _isTapaDura);
} }
else { else {
// ? // ?
@ -524,6 +524,7 @@ function portadaEspiral(lpTagName, isCosido, isTapaDura) {
// Definicion de los parametros del Esquema de Cubierta (EC) // Definicion de los parametros del Esquema de Cubierta (EC)
anchoSangrado = 600; // px anchoSangrado = 600; // px
if((pvObj.anchoSolapa !== 0) && (isTapaDura === 0)){ if((pvObj.anchoSolapa !== 0) && (isTapaDura === 0)){
altoSangrado = (anchoSangrado * 0.418 > 350) ? anchoSangrado * 0.418 : 350; // px altoSangrado = (anchoSangrado * 0.418 > 350) ? anchoSangrado * 0.418 : 350; // px
altoLibro = altoSangrado * 0.95; altoLibro = altoSangrado * 0.95;
@ -564,26 +565,34 @@ function portadaEspiral(lpTagName, isCosido, isTapaDura) {
sangrado.linewidth = 1; sangrado.linewidth = 1;
if (pvObj.anchoSolapa != 0) { if (pvObj.anchoSolapa != 0) {
var solapas = previewEC.makeRectangle( var solapa1 = previewEC.makeRectangle(
origenEC.x, origenEC.x + (anchoLibro + anchoCalle/2 + anchoSolapa/2 + sangradoValor),
origenEC.y, origenEC.y,
anchoCubierta, anchoSolapa,
altoLibro); altoLibro);
solapas.stroke = 'black'; solapa1.stroke = 'black';
solapas.linewidth = 1; 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 // Cotas Solapas
var cotaSolapa2 = previewEC.makeDobleArrow( var cotaSolapa2 = previewEC.makeDobleArrow(
origenEC.x - anchoCubierta / 2, origenEC.x - (anchoCalle/2 + sangradoValor + anchoLibro + anchoSolapa),
origenEC.y - (altoLibro / 3), origenEC.y - (altoLibro / 3),
origenEC.x - anchoLibro - anchoCalle / 2, origenEC.x - (anchoLibro + sangradoValor + anchoCalle / 2),
origenEC.y - (altoLibro / 3), origenEC.y - (altoLibro / 3),
10); 10);
cotaSolapa2.linewidth = 2; cotaSolapa2.linewidth = 2;
var cotaSolapa1 = previewEC.makeDobleArrow( var cotaSolapa1 = previewEC.makeDobleArrow(
origenEC.x + anchoCubierta / 2, origenEC.x + (anchoCalle/2 + sangradoValor + anchoLibro + anchoSolapa),
origenEC.y - (altoLibro / 3), origenEC.y - (altoLibro / 3),
origenEC.x + anchoLibro + anchoCalle / 2, origenEC.x + (anchoLibro + sangradoValor + anchoCalle / 2),
origenEC.y - (altoLibro / 3), origenEC.y - (altoLibro / 3),
10); 10);
cotaSolapa1.linewidth = 2; cotaSolapa1.linewidth = 2;
@ -598,8 +607,8 @@ function portadaEspiral(lpTagName, isCosido, isTapaDura) {
} }
/*var portada = previewEC.makeRectangle( var portada = previewEC.makeRectangle(
origenEC.x + offsetCubierta, origenEC.x + (anchoLibro/2 + anchoCalle/2 + sangradoValor),
origenEC.y, origenEC.y,
anchoLibro, anchoLibro,
altoLibro); altoLibro);
@ -607,7 +616,7 @@ function portadaEspiral(lpTagName, isCosido, isTapaDura) {
portada.linewidth = 1; portada.linewidth = 1;
var contraportada = previewEC.makeRectangle( var contraportada = previewEC.makeRectangle(
origenEC.x - offsetCubierta, origenEC.x - (anchoLibro/2 + anchoCalle/2 + sangradoValor),
origenEC.y, origenEC.y,
anchoLibro, anchoLibro,
altoLibro); altoLibro);
@ -622,7 +631,7 @@ function portadaEspiral(lpTagName, isCosido, isTapaDura) {
calle.stroke = 'black'; calle.stroke = 'black';
calle.dashes = [2, 5]; calle.dashes = [2, 5];
calle.fill = '#F4F8F2'; calle.fill = '#F4F8F2';
calle.linewidth = 1;*/ calle.linewidth = 1;
// Cotas // Cotas
var cotaAnchoCubierta = previewEC.makeDobleArrow( var cotaAnchoCubierta = previewEC.makeDobleArrow(
@ -665,8 +674,16 @@ function portadaEspiral(lpTagName, isCosido, isTapaDura) {
// Textos: // Textos:
// Titulos generales // Titulos generales
let stylesEC = {size: 22, weight: 'bold', family: 'Public Sans'}; let stylesEC = {size: 22, weight: 'bold', family: 'Public Sans'};
previewEC.makeText("Portada", origenEC.x + offsetCubierta, origenEC.y, stylesEC); previewEC.makeText("Portada",
previewEC.makeText("Contraportada", origenEC.x - offsetCubierta, origenEC.y, stylesEC); 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 // Sangrados
let styleSangrado = {size: 10, family: 'Public Sans', style: 'italic', fill: 'red'}; 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);
@ -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;
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 // Cotas
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, 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 + " mm", origenEC.x + (anchoCalle / 2) + 50, origenEC.y, styleCotas).rotation = -Math.PI / 2;
previewEC.makeText(pvObj.altoLibro + (2 * sangradoValor) + " mm", previewEC.makeText(pvObj.altoLibro + (2 * sangradoValor) + " mm",
origenEC.x + (anchoSangrado / 2) + 30, 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() { function getLomoLibro() {
const anchoLomoInputs = $("#tableLineasPresupuesto tbody tr:visible td input[id*='_lomo']"); const anchoLomoInputs = $("#tableLineasPresupuesto tbody tr:visible td input[id*='_lomo']");
const anchoLomo = Array.from(anchoLomoInputs).reduce((sum, input) => sum + parseFloat($(input).val()), 0); const anchoLomo = Array.from(anchoLomoInputs).reduce((sum, input) => sum + parseFloat($(input).val()), 0);