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

Añadido preview cosido tapa blando con solapas

Browse Source
This commit is contained in:
imnavajas
2023-11-27 22:10:08 +01:00
parent 627c2d2e48
commit 594ce37f88
2 changed files with 80 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/_previewItems.php
View File

@ -303,10 +303,12 @@
var altoLib = 400; var altoLib = 400;
var cubiertaObjeto = { var cubiertaObjeto = {
altoLibro:altoLib, altoLibro:220,
anchoLibro:altoLib * 0.67, anchoLibro:170,
solapas:0, anchoCubierta:491,
lomo:altoLib * 0.21}; anchoSolapa:70,
lomoLibro:11
};
previewEsquemaCubierta(cubiertaObjeto); previewEsquemaCubierta(cubiertaObjeto);

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

@ -41,8 +41,8 @@ function previewConfiguracionCubierta(cubiertaObj) {
origenCubierta.y, origenCubierta.y,
fullBookWith, fullBookWith,
cubiertaObj.altoLibro); cubiertaObj.altoLibro);
formaCubierta.stroke = '#6997D3'; formaCubierta.stroke = 'grey';
formaCubierta.fill = '#6997D3'; formaCubierta.fill = '#F4F8F2';
formaCubierta.linewidth = 1; formaCubierta.linewidth = 1;
// Texts // Texts
@ -59,32 +59,30 @@ function previewConfiguracionCubierta(cubiertaObj) {
} }
function previewEsquemaCubierta(esquemaCubiertaObj) { function previewEsquemaCubierta(objEC) {
// Variables locales // Variables locales
let altoLibro, anchoLibro, lomoLibro, anchoSolapa, anchoCubierta, altoSangrado, anchoSangrado; let altoLibro, anchoLibro, lomoLibro, anchoSolapa, anchoCubierta, altoSangrado, anchoSangrado;
let stylesEC = { let styleCotas = {size: 12, family: 'Public Sans'};
size: 24,
weight: 'bold',
family: 'Public Sans',
}
// Definicion de los parametros del Esquema de Cubierta (EC) // Definicion de los parametros del Esquema de Cubierta (EC)
if (esquemaCubiertaObj.solapas == 0) { if (objEC.anchoSolapa == 0) {
altoLibro = 400; anchoSangrado = 600; // px
anchoLibro = altoLibro * 0.67; altoSangrado = (anchoSangrado * 0.647 > 350) ? anchoSangrado * 0.647 : 350; // px
lomoLibro = altoLibro * 0.21; altoLibro = altoSangrado * 0.97;
anchoCubierta = (2 * anchoLibro) + lomoLibro; anchoLibro = anchoSangrado * 0.419;
altoSangrado = altoLibro * 1.04; anchoSolapa = 0;
anchoSangrado = anchoCubierta * 1.03; lomoLibro = anchoSangrado * 0.133;
}else{ anchoCubierta = (2 * anchoLibro) + (2 * anchoSolapa) + lomoLibro;
altoLibro = 400;
anchoLibro = altoLibro * 0.67; } else {
anchoSolapa = altoLibro * 0.40; anchoSangrado = 600; // px
lomoLibro = altoLibro * 0.22; altoSangrado = (anchoSangrado * 0.418 > 350) ? anchoSangrado * 0.418 : 350; // px
anchoCubierta = (2 * anchoLibro) + (2* anchoSolapa) + lomoLibro; altoLibro = altoSangrado * 0.95;
altoSangrado = altoLibro * 1.04; anchoLibro = anchoSangrado * 0.28;
anchoSangrado = anchoCubierta * 1.03; anchoSolapa = anchoSangrado * 0.163;
lomoLibro = anchoSangrado * 0.09;
anchoCubierta = (2 * anchoLibro) + (2 * anchoSolapa) + lomoLibro;
} }
// Clear the canvas element // Clear the canvas element
@ -95,33 +93,58 @@ function previewEsquemaCubierta(esquemaCubiertaObj) {
// Calculate the center of the canvas element // Calculate the center of the canvas element
var origenEC = new Two.Vector(previewEC.width / 2, previewEC.height / 2); var origenEC = new Two.Vector(previewEC.width / 2, previewEC.height / 2);
/*var solapas = previewEC.makeRectangle(
origenEC.x,
origenEC.y,
((2 * esquemaCubiertaObj.anchoLibro) + (2 * (esquemaCubiertaObj.solapas + _offsetSolapas)) + esquemaCubiertaObj.lomo),
esquemaCubiertaObj.altoLibro);
solapas.stroke = '#5FD2B5';
solapas.fill = '#5FD2B5';
solapas.linewidth = 1;*/
var sangrado = previewEC.makeRectangle( var sangrado = previewEC.makeRectangle(
origenEC.x, origenEC.x,
origenEC.y, origenEC.y,
anchoSangrado, anchoSangrado,
altoSangrado altoSangrado
); );
sangrado.stroke = 'black'; sangrado.stroke = 'black';
sangrado.dashes = [5, 5]; sangrado.dashes = [5, 5];
sangrado.fill = '#FCEAF1'; sangrado.fill = '#FCEAF1';
sangrado.linewidth = 1; sangrado.linewidth = 1;
if (objEC.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 - lomoLibro / 2,
origenEC.y - (altoLibro / 3),
10);
cotaSolapa2.linewidth = 2;
var cotaSolapa1 = previewEC.makeDobleArrow(
origenEC.x + anchoCubierta / 2,
origenEC.y - (altoLibro / 3),
origenEC.x + anchoLibro + lomoLibro / 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 + (lomoLibro + anchoSolapa) / 2, origenEC.y, stylesSolapa);
previewEC.makeText("Solapa 2", origenEC.x - anchoLibro - (lomoLibro + anchoSolapa) / 2, origenEC.y, stylesSolapa);
// Textos Cotas Solapas
previewEC.makeText(objEC.anchoSolapa + " mm", origenEC.x - anchoLibro - (lomoLibro + anchoSolapa) / 2, origenEC.y - (altoLibro / 3) + 15, styleCotas);
previewEC.makeText(objEC.anchoSolapa + " mm", origenEC.x + anchoLibro + (lomoLibro + anchoSolapa) / 2, origenEC.y - (altoLibro / 3) + 15, styleCotas);
}
var libro = previewEC.makeRectangle( var libro = previewEC.makeRectangle(
origenEC.x, origenEC.x,
origenEC.y, origenEC.y,
((2 * anchoLibro) + lomoLibro), ((2 * anchoLibro) + lomoLibro),
altoLibro); altoLibro);
libro.stroke = 'black'; libro.stroke = 'black';
//libro.fill = '#6997D3';
libro.linewidth = 1; libro.linewidth = 1;
var lomo = previewEC.makeRectangle( var lomo = previewEC.makeRectangle(
@ -135,19 +158,19 @@ function previewEsquemaCubierta(esquemaCubiertaObj) {
// Cotas // Cotas
var cotaAnchoCubierta = previewEC.makeDobleArrow( var cotaAnchoCubierta = previewEC.makeDobleArrow(
origenEC.x - (lomoLibro / 2 + anchoLibro), origenEC.x - (anchoCubierta / 2),
origenEC.y + (altoLibro / 2) + 35, origenEC.y + (altoLibro / 2) + 35,
origenEC.x + (lomoLibro / 2 + anchoLibro), origenEC.x + (anchoCubierta / 2),
origenEC.y + (altoLibro / 2) + 35, origenEC.y + (altoLibro / 2) + 35,
10); 10);
cotaAnchoCubierta.linewidth = 2; cotaAnchoCubierta.linewidth = 2;
var cotaAltoCubierta = previewEC.makeDobleArrow( var cotaAltoLibro = previewEC.makeDobleArrow(
origenEC.x + (lomoLibro / 2 + anchoLibro) + 35, origenEC.x + (anchoCubierta / 2) + 35,
origenEC.y + (altoLibro / 2), origenEC.y + (altoLibro / 2),
origenEC.x + (lomoLibro / 2 + anchoLibro) + 35, origenEC.x + (anchoCubierta / 2) + 35,
origenEC.y - (altoLibro / 2), origenEC.y - (altoLibro / 2),
10); 10);
cotaAltoCubierta.linewidth = 2; cotaAltoLibro.linewidth = 2;
var cotaLomo = previewEC.makeDobleArrow( var cotaLomo = previewEC.makeDobleArrow(
origenEC.x - (lomoLibro / 2), origenEC.x - (lomoLibro / 2),
origenEC.y + (altoLibro / 3), origenEC.y + (altoLibro / 3),
@ -173,6 +196,7 @@ function previewEsquemaCubierta(esquemaCubiertaObj) {
// Textos: // Textos:
// Titulos generales // Titulos generales
let stylesEC = {size: 22, weight: 'bold', family: 'Public Sans'};
previewEC.makeText("Portada", origenEC.x + (lomoLibro + anchoLibro) / 2, origenEC.y, stylesEC); previewEC.makeText("Portada", origenEC.x + (lomoLibro + anchoLibro) / 2, origenEC.y, stylesEC);
previewEC.makeText("Contraportada", origenEC.x - (lomoLibro + anchoLibro) / 2, origenEC.y, stylesEC); previewEC.makeText("Contraportada", origenEC.x - (lomoLibro + anchoLibro) / 2, origenEC.y, stylesEC);
let a = previewEC.makeText("Lomo", origenEC.x, origenEC.y, stylesEC).rotation = -Math.PI / 2; let a = previewEC.makeText("Lomo", origenEC.x, origenEC.y, stylesEC).rotation = -Math.PI / 2;
@ -180,22 +204,21 @@ function previewEsquemaCubierta(esquemaCubiertaObj) {
let styleSangrado = {size: 10, family: 'Public Sans', style: 'italic', fill: 'red'}; let styleSangrado = {size: 10, family: 'Public Sans', style: 'italic', fill: 'red'};
previewEC.makeText("Sangrado 3 mm", origenEC.x, origenEC.y + (altoLibro / 2 + 20), styleSangrado); previewEC.makeText("Sangrado 3 mm", origenEC.x, origenEC.y + (altoLibro / 2 + 20), styleSangrado);
previewEC.makeText("Sangrado 3 mm", origenEC.x, origenEC.y - (altoLibro / 2 + 20), styleSangrado); previewEC.makeText("Sangrado 3 mm", origenEC.x, origenEC.y - (altoLibro / 2 + 20), styleSangrado);
previewEC.makeText("Sangrado 3 mm", origenEC.x + (lomoLibro / 2 + anchoLibro + 20), origenEC.y, styleSangrado).rotation = -Math.PI / 2; previewEC.makeText("Sangrado 3 mm", origenEC.x + (lomoLibro / 2 + anchoLibro + anchoSolapa + 20), origenEC.y, styleSangrado).rotation = -Math.PI / 2;
previewEC.makeText("Sangrado 3 mm", origenEC.x - (lomoLibro / 2 + anchoLibro + 20), origenEC.y, styleSangrado).rotation = -Math.PI / 2; previewEC.makeText("Sangrado 3 mm", origenEC.x - (lomoLibro / 2 + anchoLibro + anchoSolapa + 20), origenEC.y, styleSangrado).rotation = -Math.PI / 2;
// Cotas // Cotas
let styleCotas = {size: 12, family: 'Public Sans'}; previewEC.makeText(objEC.lomoLibro + " mm", origenEC.x, origenEC.y + (altoLibro / 3) + 15, styleCotas);
previewEC.makeText(lomoLibro + " mm", origenEC.x, origenEC.y + (altoLibro / 3) + 15, styleCotas); previewEC.makeText(objEC.anchoLibro + " mm", origenEC.x - (lomoLibro / 2 + anchoLibro / 2), origenEC.y - (altoLibro / 3) + 15, styleCotas);
previewEC.makeText(anchoLibro + " mm", origenEC.x - (lomoLibro / 2 + anchoLibro / 2), origenEC.y - (altoLibro / 3) + 15, styleCotas); previewEC.makeText(objEC.anchoLibro + " mm", origenEC.x + (lomoLibro / 2 + anchoLibro / 2), origenEC.y - (altoLibro / 3) + 15, styleCotas);
previewEC.makeText(anchoLibro + " mm", origenEC.x + (lomoLibro / 2 + anchoLibro / 2), origenEC.y - (altoLibro / 3) + 15, styleCotas); previewEC.makeText(objEC.altoLibro + " mm", origenEC.x + (lomoLibro / 2 + anchoLibro + anchoSolapa) + 50, origenEC.y, styleCotas).rotation = -Math.PI / 2;
previewEC.makeText(altoLibro + " mm", origenEC.x + (lomoLibro / 2 + anchoLibro) + 50, origenEC.y, styleCotas).rotation = -Math.PI / 2; previewEC.makeText(objEC.anchoCubierta + " mm", origenEC.x, origenEC.y + (altoLibro / 2) + 50, styleCotas);
previewEC.makeText(anchoCubierta + " mm", origenEC.x, origenEC.y + (altoLibro / 2) + 50, styleCotas);
previewEC.update(); previewEC.update();
// Update preview info fields // Update preview info fields
$('#prevLibro').text(esquemaCubiertaObj.anchoLibro + "X" + esquemaCubiertaObj.altoLibro); $('#prevLibro').text(objEC.anchoLibro + "X" + objEC.altoLibro);
$('#prevLomo').text(esquemaCubiertaObj.lomo); $('#prevLomo').text(objEC.lomoLibro);
$('#prevSolapas').text(esquemaCubiertaObj.solapas); $('#prevSolapas').text(objEC.solapas);
} }