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

trabajando en previews. falta probar rotativa, y terminar cubierta

Browse Source
This commit is contained in:
Jaime Jiménez
2025-01-06 19:56:03 +01:00
parent 212b1f4d08
commit 73afe4e4c1
4 changed files with 324 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
ci4/app/Views/themes/vuexy/form/presupuestos/admin/previews.js
View File

@ -1098,10 +1098,13 @@ function getVisibleTabs() {
if (['bn', 'bnhq', 'color', 'colorhq', 'rot_bn', 'rot_color', 'guardas', 'cubierta', 'sobrecubierta'].includes(lpName)) { if (['bn', 'bnhq', 'color', 'colorhq', 'rot_bn', 'rot_color', 'guardas', 'cubierta', 'sobrecubierta'].includes(lpName)) {
$(`#tab-pv-${tabName}`).show(); $(`#tab-pv-${tabName}`).show();
if (lpName === 'cubierta') { if (lpName === 'cubierta') {
$(`#tab-pv-${tabName}`).show(); $(`#tab-pv-${tabName}`).show();
$(`#tab-pv-esquema-${tabName}`).show(); $(`#tab-pv-esquema-${tabName}`).show();
} }
} }
}); });
} }

362
httpdocs/assets/js/safekat/components/preview.js
View File

@ -30,6 +30,8 @@ class previewFormas {
} }
this.lomoRedondo = datos.lomoRedondo; this.lomoRedondo = datos.lomoRedondo;
this.pvObj = null;
} }
setContainer(container) { setContainer(container) {
@ -53,176 +55,380 @@ class previewFormas {
this.lomoRedondo = datos.lomoRedondo; this.lomoRedondo = datos.lomoRedondo;
} }
getObjetoLP(lpName, _isCosido, _isTapaDura) {
let rowData = null;
$('#tableLineasPresupuesto').DataTable().rows().every(function (rowIdx, tableLoop, rowLoop) {
let lineaPresupuestoId = this.data().row_id.replace('lp_', '');
switch (lpName) {
case 'bn':
case 'bnhq':
case 'color':
case 'colorhq':
case 'cubierta':
case 'rot_bn':
case 'rot_color':
case 'guardas':
case 'sobrecubierta':
if (lineaPresupuestoId === lpName) {
rowData = this.data();
}
break;
case 'ec':
if (lineaPresupuestoId === 'cubierta') {
rowData = this.data();
}
break;
default:
//console.log(lineaPresupuestoId);
break;
}
});
this.pvObj = {
idIndex: lpName,
tipoImpresion: parseInt($('#tipo_impresion_id').val()),
gramajeLibro: parseInt(rowData.gramaje),
manoLP: parseFloat(rowData.lomo),
lomoLibro: this.lomo(),
anchoSolapa: $('#solapas').is(':checked') ? parseFloat($('#solapas_ancho').val()) : parseFloat(0),
nFormas: parseInt(rowData.formas),
nFormasH: parseInt(rowData.formas_h),
nFormasV: parseInt(rowData.formas_v),
orientacionFormas: rowData.formas_orientacion,
altoMaquina: parseFloat(rowData.maquina_alto),
anchoMaquina: parseFloat(rowData.maquina_ancho),
altoImpresion: parseFloat(rowData.maquina_impresion_alto),
anchoImpresion: parseFloat(rowData.maquina_impresion_ancho),
altoLibro: this.alto(),
anchoLibro: this.ancho(),
offsetSolapa: 0
};
//console.log(pvObj);
// Printing shape definition
this.pvObj.anchoForma = (this.isCosido) ? 2 * this.pvObj.anchoLibro : this.pvObj.anchoLibro;
this.pvObj.altoForma = this.pvObj.altoLibro;
// Update preview info fields
let pvName = '#pv_' + lpName;
$(pvName + '_pg').attr("href", $(pvName + '_pg').attr('sk-url') + rowData.papel);
$(pvName + '_pi').attr("href", $(pvName + '_pi').attr('sk-url') + rowData.papel_impresion_id);
$(pvName + '_mi').attr("href", $(pvName + '_mi').attr('sk-url') + rowData.maquina_id);
$(pvName + '_gramaje').text(this.pvObj.gramajeLibro);
$(pvName + '_mano').text(this.pvObj.manoLP);
$(pvName + '_solapas').text(this.pvObj.anchoSolapa);
$(pvName + '_maquina').text(this.pvObj.anchoMaquina + "x" + this.pvObj.altoMaquina);
$(pvName + '_maquina_impresion').text(this.pvObj.anchoImpresion + "x" + this.pvObj.altoImpresion);
$(pvName + '_libro').text(this.pvObj.anchoLibro + "x" + this.pvObj.altoLibro);
$(pvName + '_forma').text(this.pvObj.anchoForma + "x" + this.pvObj.altoForma);
$(pvName + '_nFormas').text(this.pvObj.nFormas);
if (this.pvObj.anchoSolapa != 0) {
$('.pv-solapas').show();
this.pvObj.offsetSolapa = parseFloat(3); // 3mm
}
// Custom overwrites
switch (this.pvObj.idIndex) {
case 'cubierta':
// Fresado TD or Cosido TD
if (this.pvObj.tipoImpresion === 1 || this.pvObj.tipoImpresion === 3) {
let anchoPliegue = parseFloat(7); // mm
let altoPliegue = parseFloat(7); // mm
let sangre = parseFloat(20); // mm
if (this.isTapaDura && (this.ancho >= 210 || this.alto >= 297)) {
sangre = parseFloat(10); // mm
}
this.pvObj.anchoForma = ((2 * this.pvObj.anchoLibro) + (2 * anchoPliegue) + (2 * sangre) + this.pvObj.lomoLibro);
this.pvObj.altoForma += altoPliegue + (2 * sangre);
}
// Fresado TB y Cosido TB
else if (this.pvObj.tipoImpresion === 2 || this.pvObj.tipoImpresion === 4) {
let sangre = parseFloat(5); // mm
this.pvObj.anchoForma = ((2 * this.pvObj.anchoLibro) + (2 * (this.pvObj.anchoSolapa + this.pvObj.offsetSolapa)) + (2 * sangre) + this.pvObj.lomoLibro);
this.pvObj.altoForma += (2 * sangre);
}
// Grapado
else if (this.pvObj.tipoImpresion === 21) {
let sangre = parseFloat(5); // mm
this.pvObj.anchoForma = ((2 * this.pvObj.anchoLibro) + (2 * (this.pvObj.anchoSolapa + this.pvObj.offsetSolapa)) + (2 * sangre));
this.pvObj.altoForma += (2 * sangre);
}
// Espiral TD y TB, Wire-o TD y TB
else if (this.pvObj.tipoImpresion === 5 || this.pvObj.tipoImpresion === 6 ||
this.pvObj.tipoImpresion === 7 || this.pvObj.tipoImpresion === 8) {
let sangre = parseFloat(20); // mm
this.pvObj.anchoForma = this.pvObj.anchoLibro;
} else {
// ?
}
// Update labels
$(pvName + '_forma').text(this.pvObj.anchoForma + "x" + this.pvObj.altoForma);
break;
case 'sobrecubierta':
sangre = parseFloat(5); // mm
let anchoSolapaSobrecubierta = $('#solapas_sobrecubierta').is(':checked') ? parseFloat($('#solapas_ancho_sobrecubierta').val()) : parseFloat(0); // mm
if (_isTapaDura) {
let anchoPliegue = parseFloat(7); // mm
let altoPliegue = parseFloat(7); // mm
this.pvObj.anchoForma = ((2 * this.pvObj.anchoLibro) + (2 * anchoPliegue) + (2 * (anchoSolapaSobrecubierta + this.pvObj.offsetSolapa)) + (2 * sangre) + this.pvObj.lomoLibro);
this.pvObj.altoForma += altoPliegue + (2 * sangre);
} else {
this.pvObj.anchoForma = ((2 * this.pvObj.anchoLibro) + (2 * (anchoSolapaSobrecubierta + this.pvObj.offsetSolapa)) + (2 * sangre) + this.pvObj.lomoLibro);
this.pvObj.altoForma += (2 * sangre);
}
// Update labels
$(pvName + '_solapas').text(anchoSolapaSobrecubierta);
anchoSolapaSobrecubierta != 0 ? $('.pv-solapas').show() : $('.pv-solapas').hide();
$(pvName + '_forma').text(this.pvObj.anchoForma + "x" + this.pvObj.altoForma);
break;
case 'ec':
$(pvName + '_pg').attr("href", $(pvName + '_pg').attr('sk-url') + rowData.papel);
$(pvName + '_pi').attr("href", $(pvName + '_pi').attr('sk-url') + rowData.papel_impresion_id);
$(pvName + '_mi').attr("href", $(pvName + '_mi').attr('sk-url') + rowData.maquina_id);
$('#pv_ec_lomo').text(this.pvObj.lomoLibro);
break;
case 'rot_bn':
case 'rot_color':
// Conditional assignements depending on rotation of the printing shape
if (this.pvObj.orientacionFormas == 'v') {
let auxReg = this.pvObj.altoForma;
this.pvObj.altoForma = pvObj.anchoForma;
this.pvObj.anchoForma = auxReg;
}
$(pvName + '_forma').text(this.pvObj.anchoForma + "x" + this.pvObj.altoForma);
this.pvObj.altoClick = isNaN(parseFloat(rowData.alto_click)) ? 305 : parseFloat(rowData.alto_click);
this.pvObj.nFormasH = Math.trunc(this.pvObj.anchoImpresion / this.pvObj.anchoForma);
this.pvObj.nFormasV = Math.trunc((this.pvObj.altoImpresion - 3) / (this.pvObj.altoForma + 4));
break;
case 'bn':
case 'bnhq':
case 'color':
case 'colorhq':
// Conditional assignements depending on rotation of the printing shape
if (this.pvObj.orientacionFormas == 'v') {
let auxReg = this.pvObj.altoForma;
this.pvObj.altoForma = this.pvObj.anchoForma;
this.pvObj.anchoForma = auxReg;
}
$(pvName + '_forma').text(this.pvObj.anchoForma + "x" + this.pvObj.altoForma);
break;
case 'guardas':
// Fresado TD y Cosido TD
if (this.pvObj.tipoImpresion === 1 || this.pvObj.tipoImpresion === 3) {
this.pvObj.anchoForma = 2 * this.pvObj.anchoLibro;
}
// Fresado TB y Cosido TB
else if (this.pvObj.tipoImpresion === 2 || this.pvObj.tipoImpresion === 4) {
this.pvObj.anchoForma = this.pvObj.anchoLibro;
}
// Espiral TD y TB, Wire-o TD y TB
else if (this.pvObj.tipoImpresion === 5 || this.pvObj.tipoImpresion === 6 ||
this.pvObj.tipoImpresion === 7 || this.pvObj.tipoImpresion === 8) {
this.pvObj.anchoForma = this.pvObj.anchoLibro;
} else {
// ?
}
// Conditional assignements depending on rotation of the printing shape
if (this.pvObj.orientacionFormas == 'v') {
let auxReg = this.pvObj.altoForma;
this.pvObj.altoForma = this.pvObj.anchoForma;
this.pvObj.anchoForma = auxReg;
}
$(pvName + '_forma').text(this.pvObj.anchoForma + "x" + this.pvObj.altoForma);
break;
default:
break;
}
}
previewInteriorPlana(lpTagName, isCosido, isTapaDura) { previewInteriorPlana(lpTagName, isCosido, isTapaDura) {
// Local parameters // Local parameters
let guardaV = 0; let guardaV = 0;
let guardaH = 0; let guardaH = 0;
let styleText = {size: 12, family: 'Public Sans'}; let styleText = { size: 12, family: 'Public Sans' };
// Get the preview Object parameters // Get the preview Object parameters
getObjetoLP(lpTagName, isCosido, isTapaDura); this.getObjetoLP(lpTagName, isCosido, isTapaDura);
// Configuracion de las guardas // Configuracion de las guardas
// Guarda vertical // Guarda vertical
if (pvObj.nFormasV > 1) { if (this.pvObj.nFormasV > 1) {
guardaV = 3; guardaV = 3;
} }
// Guarda horizontal // Guarda horizontal
if (pvObj.nFormasH > 1) { if (this.pvObj.nFormasH > 1) {
guardaH = 3; guardaH = 3;
} }
// Constantes relativas a las dimnesiones de la forma // Constantes relativas a las dimnesiones de la forma
let LVo = pvObj.altoForma / 2; let LVo = this.pvObj.altoForma / 2;
let LHo = pvObj.anchoForma / 2; let LHo = this.pvObj.anchoForma / 2;
// Clear the canvas element // Clear the canvas element
$('#pv_' + pvObj.idIndex + '_shape').empty(); $('#pv_' + this.pvObj.idIndex + '_shape').empty();
// Get the element for placing the graphical elements // Get the element for placing the graphical elements
var divPlana = document.getElementById('pv_' + pvObj.idIndex + '_shape'); var divPlana = document.getElementById('pv_' + this.pvObj.idIndex + '_shape');
var _pvPlana = new Two({fitted: true}).appendTo(divPlana); var _pvPlana = new Two({ fitted: true }).appendTo(divPlana);
// Calculate the center of the canvas element // Calculate the center of the canvas element
var origenPlana = new Two.Vector(_pvPlana.width / 2, _pvPlana.height / 2); var origenPlana = new Two.Vector(_pvPlana.width / 2, _pvPlana.height / 2);
var areaMaquinaPlana = _pvPlana.makeRectangle( var areaMaquinaPlana = _pvPlana.makeRectangle(
origenPlana.x, origenPlana.x,
origenPlana.y, origenPlana.y,
pvObj.anchoMaquina, this.pvObj.anchoMaquina,
pvObj.altoMaquina); this.pvObj.altoMaquina);
areaMaquinaPlana.stroke = 'black'; areaMaquinaPlana.stroke = 'black';
areaMaquinaPlana.fill = '#E69F6E'; areaMaquinaPlana.fill = '#E69F6E';
areaMaquinaPlana.linewidth = 1; areaMaquinaPlana.linewidth = 1;
var areaImpresionPlana = _pvPlana.makeRectangle( var areaImpresionPlana = _pvPlana.makeRectangle(
origenPlana.x, origenPlana.x,
origenPlana.y, origenPlana.y,
pvObj.anchoImpresion, this.pvObj.anchoImpresion,
pvObj.altoImpresion); this.pvObj.altoImpresion);
areaImpresionPlana.stroke = 'red'; areaImpresionPlana.stroke = 'red';
areaImpresionPlana.fill = '#FCEAF1'; areaImpresionPlana.fill = '#FCEAF1';
areaImpresionPlana.linewidth = 1; areaImpresionPlana.linewidth = 1;
var formas = []; var formas = [];
for (let iV = 0; iV < pvObj.nFormasV; iV++) { for (let iV = 0; iV < this.pvObj.nFormasV; iV++) {
for (let iH = 0; iH < pvObj.nFormasH; iH++) { for (let iH = 0; iH < this.pvObj.nFormasH; iH++) {
let _offsetX = ((((pvObj.nFormasH - 1) - 2 * iH) * LHo) + (((pvObj.nFormasH - 1) / 2 - iH) * guardaH)); let _offsetX = ((((this.pvObj.nFormasH - 1) - 2 * iH) * LHo) + (((this.pvObj.nFormasH - 1) / 2 - iH) * guardaH));
let _offsetY = ((((pvObj.nFormasV - 1) - 2 * iV) * LVo) + (((pvObj.nFormasV - 1) / 2 - iV) * guardaV)); let _offsetY = ((((this.pvObj.nFormasV - 1) - 2 * iV) * LVo) + (((this.pvObj.nFormasV - 1) / 2 - iV) * guardaV));
formas[iV + iH] = _pvPlana.makeRectangle( formas[iV + iH] = _pvPlana.makeRectangle(
origenPlana.x + _offsetX, origenPlana.x + _offsetX,
origenPlana.y + _offsetY, origenPlana.y + _offsetY,
pvObj.anchoForma, this.pvObj.anchoForma,
pvObj.altoForma); this.pvObj.altoForma);
formas[iV + iH].stroke = 'grey'; formas[iV + iH].stroke = 'grey';
formas[iV + iH].fill = '#F4F8F2'; formas[iV + iH].fill = '#F4F8F2';
formas[iV + iH].linewidth = 1; formas[iV + iH].linewidth = 1;
// Texts // Texts
_pvPlana.makeText(pvObj.altoForma, (origenPlana.x + _offsetX) + (pvObj.anchoForma / 2 - 25), (origenPlana.y + _offsetY), styleText); _pvPlana.makeText(this.pvObj.altoForma, (origenPlana.x + _offsetX) + (this.pvObj.anchoForma / 2 - 25), (origenPlana.y + _offsetY), styleText);
_pvPlana.makeText(pvObj.anchoForma, (origenPlana.x + _offsetX), (origenPlana.y + _offsetY) + (pvObj.altoForma / 2 - 15), styleText); _pvPlana.makeText(this.pvObj.anchoForma, (origenPlana.x + _offsetX), (origenPlana.y + _offsetY) + (this.pvObj.altoForma / 2 - 15), styleText);
} }
} }
_pvPlana.update(); _pvPlana.update();
} }
previewRotativa(lpTagName, isCosido, isTapaDura) { previewRotativa(lpTagName, isCosido, isTapaDura) {
// Local parameters // Local parameters
let styleText = {size: 12, family: 'Public Sans'}; let styleText = { size: 12, family: 'Public Sans' };
let margenTop = 3; let margenTop = 3;
let guardaV = 0; let guardaV = 0;
let guardaH = 0; let guardaH = 0;
// Get the preview Object parameters // Get the preview Object parameters
getObjetoLP(lpTagName, isCosido, isTapaDura); this.getObjetoLP(lpTagName, isCosido, isTapaDura);
// Calculos // Calculos
// Configuracion de las guardas // Configuracion de las guardas
// Guarda vertical // Guarda vertical
if (pvObj.nFormasV > 1) { if (this.pvObj.nFormasV > 1) {
guardaV = 3; guardaV = 3;
} }
// Guarda horizontal // Guarda horizontal
if (pvObj.nFormasH > 1) { if (this.pvObj.nFormasH > 1) {
guardaH = 3; guardaH = 3;
} }
// Constantes relativas al libro // Constantes relativas al libro
let LVo = pvObj.altoForma / 2; let LVo = this.pvObj.altoForma / 2;
let LHo = pvObj.anchoForma / 2; let LHo = this.pvObj.anchoForma / 2;
// offset Y // offset Y
let nTopForms = (pvObj.altoImpresion / 2.0 - margenTop) / (LVo + guardaV); let nTopForms = (this.pvObj.altoImpresion / 2.0 - margenTop) / (LVo + guardaV);
let yOffset = LVo * getDecimalPart(nTopForms); let yOffset = LVo * getDecimalPart(nTopForms);
//console.log(yOffset); //console.log(yOffset);
// Clear the canvas element // Clear the canvas element
$('#pv_' + pvObj.idIndex + '_shape').empty(); $('#pv_' + pvObj.idIndex + '_shape').empty();
// Get the element for placing the graphical elements // Get the element for placing the graphical elements
var divRotativa = document.getElementById('pv_' + pvObj.idIndex + '_shape'); var divRotativa = document.getElementById('pv_' + this.pvObj.idIndex + '_shape');
var _pvRotativa = new Two({fitted: true}).appendTo(divRotativa); var _pvRotativa = new Two({ fitted: true }).appendTo(divRotativa);
// Calculate the center of the canvas element // Calculate the center of the canvas element
var origenRotativa = new Two.Vector(_pvRotativa.width / 2, _pvRotativa.height / 2); var origenRotativa = new Two.Vector(_pvRotativa.width / 2, _pvRotativa.height / 2);
var areaMaquinaRotativa = _pvRotativa.makeRectangle( var areaMaquinaRotativa = _pvRotativa.makeRectangle(
origenRotativa.x, origenRotativa.x,
origenRotativa.y, origenRotativa.y,
pvObj.anchoMaquina, this.pvObj.anchoMaquina,
pvObj.altoMaquina); this.pvObj.altoMaquina);
areaMaquinaRotativa.stroke = 'black'; areaMaquinaRotativa.stroke = 'black';
areaMaquinaRotativa.fill = '#E69F6E'; areaMaquinaRotativa.fill = '#E69F6E';
areaMaquinaRotativa.linewidth = 1; areaMaquinaRotativa.linewidth = 1;
var areaImpresionRotativa = _pvRotativa.makeRectangle( var areaImpresionRotativa = _pvRotativa.makeRectangle(
origenRotativa.x, origenRotativa.x,
origenRotativa.y, origenRotativa.y,
pvObj.anchoImpresion, this.pvObj.anchoImpresion,
pvObj.altoImpresion); this.pvObj.altoImpresion);
areaImpresionRotativa.stroke = 'red'; areaImpresionRotativa.stroke = 'red';
areaImpresionRotativa.fill = '#FCEAF1'; areaImpresionRotativa.fill = '#FCEAF1';
areaImpresionRotativa.linewidth = 1; areaImpresionRotativa.linewidth = 1;
var areaClickRotativa = _pvRotativa.makeRectangle( var areaClickRotativa = _pvRotativa.makeRectangle(
origenRotativa.x, origenRotativa.x,
origenRotativa.y - (pvObj.altoImpresion / 2 - pvObj.altoClick / 2), origenRotativa.y - (this.pvObj.altoImpresion / 2 - this.pvObj.altoClick / 2),
pvObj.anchoImpresion - 10, this.pvObj.anchoImpresion - 10,
pvObj.altoClick); this.pvObj.altoClick);
areaClickRotativa.stroke = 'blue'; areaClickRotativa.stroke = 'blue';
//areaClickRotativa.fill = '#FCEAF1'; //areaClickRotativa.fill = '#FCEAF1';
areaClickRotativa.linewidth = 2; areaClickRotativa.linewidth = 2;
var formas = []; var formas = [];
for (let iV = 0; iV < pvObj.nFormasV; iV++) { for (let iV = 0; iV < this.pvObj.nFormasV; iV++) {
for (let iH = 0; iH < pvObj.nFormasH; iH++) { for (let iH = 0; iH < this.pvObj.nFormasH; iH++) {
let _offsetX = ((((pvObj.nFormasH - 1) - 2 * iH) * LHo) + (((pvObj.nFormasH - 1) / 2 - iH) * guardaH)); let _offsetX = ((((this.pvObj.nFormasH - 1) - 2 * iH) * LHo) + (((this.pvObj.nFormasH - 1) / 2 - iH) * guardaH));
let _offsetY = ((((pvObj.nFormasV - 1) - 2 * iV) * LVo) + (((pvObj.nFormasV - 1) / 2 - iV) * guardaV)); let _offsetY = ((((this.pvObj.nFormasV - 1) - 2 * iV) * LVo) + (((this.pvObj.nFormasV - 1) / 2 - iV) * guardaV));
formas[iV + iH] = _pvRotativa.makeRectangle( formas[iV + iH] = _pvRotativa.makeRectangle(
origenRotativa.x + _offsetX, origenRotativa.x + _offsetX,
(origenRotativa.y - yOffset) + _offsetY, (origenRotativa.y - yOffset) + _offsetY,
pvObj.anchoForma, this.pvObj.anchoForma,
pvObj.altoForma); this.pvObj.altoForma);
formas[iV + iH].stroke = 'grey'; formas[iV + iH].stroke = 'grey';
formas[iV + iH].fill = '#F4F8F2'; formas[iV + iH].fill = '#F4F8F2';
formas[iV + iH].linewidth = 1; formas[iV + iH].linewidth = 1;
// Texts // Texts
_pvRotativa.makeText(pvObj.altoForma, (origenRotativa.x + _offsetX) + (pvObj.anchoForma / 2 - 25), ((origenRotativa.y - yOffset) + _offsetY), styleText); _pvRotativa.makeText(this.pvObj.altoForma, (origenRotativa.x + _offsetX) + (this.pvObj.anchoForma / 2 - 25), ((origenRotativa.y - yOffset) + _offsetY), styleText);
_pvRotativa.makeText(pvObj.anchoForma, (origenRotativa.x + _offsetX), ((origenRotativa.y - yOffset) + _offsetY) + (pvObj.altoForma / 2 - 15), styleText); _pvRotativa.makeText(this.pvObj.anchoForma, (origenRotativa.x + _offsetX), ((origenRotativa.y - yOffset) + _offsetY) + (this.pvObj.altoForma / 2 - 15), styleText);
} }
} }
_pvRotativa.update(); _pvRotativa.update();
} }
previewEsquemaCubierta() { previewEsquemaCubierta() {
@ -792,7 +998,7 @@ class previewFormas {
let styleCotas = { size: 12, family: 'Public Sans' }; let styleCotas = { size: 12, family: 'Public Sans' };
let sangradoTexto = "Sangrado 5 mm"; let sangradoTexto = "Sangrado 5 mm";
let sangradoValor = parseFloat(5); // mm let sangradoValor = parseFloat(5); // mm
// Definicion de los parametros del Esquema de Cubierta (EC) // Definicion de los parametros del Esquema de Cubierta (EC)
if (this.solapa == 0) { if (this.solapa == 0) {
if (this.size == "thumbnail") { if (this.size == "thumbnail") {

23
httpdocs/assets/js/safekat/pages/presupuestoAdmin/presupuestoAdminEdit.js
View File

@ -22,6 +22,8 @@ class PresupuestoAdminEdit {
this.tipo_impresion = $("#tipo_impresion_id"); this.tipo_impresion = $("#tipo_impresion_id");
this.POD = $("#POD"); this.POD = $("#POD");
this.tipoTapa = $('.card-title').text().toLowerCase().includes('dura') ? 'dura' : 'blanda';
this.datosGenerales = new DatosGenerales(this.domItem.find('#accordionDatosPresupuestoTip')); this.datosGenerales = new DatosGenerales(this.domItem.find('#accordionDatosPresupuestoTip'));
this.datosLibro = new DatosLibro(this.domItem.find('#accordionDatosLibroTip'), this.datosLibro = new DatosLibro(this.domItem.find('#accordionDatosLibroTip'),
{ {
@ -68,20 +70,15 @@ class PresupuestoAdminEdit {
this.previewFormasAdmin = new PreviewFormasAdmin(tipoLibro, this.tipoTapa, this.previewFormasAdmin = new PreviewFormasAdmin(tipoLibro, this.tipoTapa,
{ {
ancho: ()=>{return this.getDimensionLibro().ancho}, ancho: () => this.getDimensionLibro().ancho,
alto: ()=>{return this.getDimensionLibro().alto}, alto: () => this.getDimensionLibro().alto,
lomo: ()=>{$('#lc').val() === '' ? parseFloat('0.0') : parseFloat($('#lc').val())}, lomo: () => $('#lc').val() === '' ? parseFloat('0.0') : parseFloat($('#lc').val()),
solapas: ()=>{ solapas: () => $('#solapas').prop('checked') ? parseFloat($('#solapas_ancho').val()) : 0,
$('#solapas').prop('checked')?parseFloat($('#solapas_ancho').val()):0 solapas_sobrecubierta: () => $('#solapas_sobrecubierta').prop('checked') ? parseFloat($('#solapas_ancho_sobrecubierta').val()) : 0,
}, lomoRedondo: () => (this.tipo_impresion == 1 || this.tipo_impresion == 3) ? parseFloat($('#compLomoRedondo').val()) : 0,
solapas_sobrecubierta: ()=>{
$('#solapas_sobrecubierta').prop('checked')?parseFloat($('#solapas_ancho_sobrecubierta').val()):0
},
lomoRedondo: ()=>{
(self.tipo_impresion == 1 || $self.tipo_impresion == 3)?parseFloat($('#compLomoRedondo').val()):0
},
} }
); );
this.previewFormasAdmin.init();
if (window.location.href.includes("edit")) { if (window.location.href.includes("edit")) {
@ -112,7 +109,7 @@ class PresupuestoAdminEdit {
self.lc.val(parseFloat(response.data.lc).toFixed(2)); self.lc.val(parseFloat(response.data.lc).toFixed(2));
self.lsc.val(parseFloat(response.data.lsc).toFixed(2)); self.lsc.val(parseFloat(response.data.lsc).toFixed(2));
self.cosido.val(response.data.cosido); self.cosido.val(response.data.cosido?1:0);
self.tipo_impresion.val(response.data.tipo_impresion); self.tipo_impresion.val(response.data.tipo_impresion);
self.POD.val(response.data.POD); self.POD.val(response.data.POD);

55
httpdocs/assets/js/safekat/pages/presupuestoAdmin/sections/previewFormasAdmin.js
View File

@ -1,4 +1,3 @@
import previewFormas from '../../../components/preview.js';
import preview from '../../../components/preview.js'; import preview from '../../../components/preview.js';
class PreviewFormasAdmin{ class PreviewFormasAdmin{
@ -9,7 +8,7 @@ class PreviewFormasAdmin{
this.isCosido = $("#isCosido").val(); this.isCosido = $("#isCosido").val();
this.tipoTapa = tipoTapa; this.tipoTapa = tipoTapa;
this.preview = new previewFormas(null, tipoLibro, tipoTapa, "thumbnail", data); this.preview = new preview(null, tipoLibro, tipoTapa, "thumbnail", data);
} }
setData(data){ setData(data){
@ -21,65 +20,65 @@ class PreviewFormasAdmin{
const self = this; const self = this;
$('#tab-pv-bn').on( "click", function() { $('#tab-pv-bn').on( "click", function() {
self.preview.setData(self.data);
self.preview.setData(data); self.preview.previewInteriorPlana('bn', self.isCosido, self.tipoTapa.includes("dura")?1:0);
self.preview.previewInteriorPlana('bn', self.isCosido, self.tipoTapa.constains("dura")?1:0);
} ); } );
/*
$('#tab-pv-bnhq').on( "click", function() { $('#tab-pv-bnhq').on( "click", function() {
self.preview.setData(self.data);
previewInteriorPlana('bnhq', <?php echo $isCosido; ?>, <?php echo $isTapaDura; ?>); self.preview.previewInteriorPlana('bnhq', self.isCosido, self.tipoTapa.includes("dura")?1:0);
} ); } );
$('#tab-pv-color').on( "click", function() { $('#tab-pv-color').on( "click", function() {
self.preview.setData(self.data);
previewInteriorPlana('color', <?php echo $isCosido; ?>, <?php echo $isTapaDura; ?>); self.preview.previewInteriorPlana('color', self.isCosido, self.tipoTapa.includes("dura")?1:0);
} ); } );
$('#tab-pv-colorhq').on( "click", function() { $('#tab-pv-colorhq').on( "click", function() {
self.preview.setData(self.data);
self.preview.previewInteriorPlana('colorhq', self.isCosido, self.tipoTapa.includes("dura")?1:0);
previewInteriorPlana('colorhq', <?php echo $isCosido; ?>, <?php echo $isTapaDura; ?>);
} ); } );
$('#tab-pv-rot-bn').on( "click", function() { $('#tab-pv-rot-bn').on( "click", function() {
self.preview.setData(self.data);
self.preview.previewRotativa('rot_bn', self.isCosido, self.tipoTapa.includes("dura")?1:0);
previewRotativa('rot_bn', <?php echo $isCosido; ?>, <?php echo $isTapaDura; ?>); } );
} );*/
$('#tab-pv-rot-color').on( "click", function() { $('#tab-pv-rot-color').on( "click", function() {
self.preview.setData(data); self.preview.setData(self.data);
self.preview.previewRotativa('rot_color', self.isCosido, self.tipoTapa.constains("dura")?1:0); self.preview.previewRotativa('rot_color', self.isCosido, self.tipoTapa.constains("dura")?1:0);
} ); } );
/*
$('#tab-pv-guardas').on( "click", function() { $('#tab-pv-guardas').on( "click", function() {
previewInteriorPlana('guardas', <?php echo $isCosido; ?>, <?php echo $isTapaDura; ?>); self.preview.setData(self.data);
self.preview.previewInteriorPlana('guardas', self.isCosido, self.tipoTapa.includes("dura")?1:0);
} ); } );
$('#tab-pv-cubierta').on( "click", function() { $('#tab-pv-cubierta').on( "click", function() {
previewInteriorPlana('cubierta', <?php echo $isCosido; ?>, <?php echo $isTapaDura; ?>); self.preview.setData(self.data);
self.preview.previewInteriorPlana('cubierta', self.isCosido, self.tipoTapa.includes("dura")?1:0);
} ); } );
$('#tab-pv-esquema-cubierta').on( "click", function() { $('#tab-pv-esquema-cubierta').on( "click", function() {
previewEsquemaCubierta('ec', <?php echo $isCosido; ?>, <?php echo $isTapaDura; ?>); self.preview.setData(self.data);
self.preview.previewEsquemaCubierta('ec', self.isCosido, self.tipoTapa.includes("dura")?1:0);
} ); } );
$('#tab-pv-sobrecubierta').on( "click", function() { $('#tab-pv-sobrecubierta').on( "click", function() {
previewInteriorPlana('sobrecubierta', <?php echo $isCosido; ?>, <?php echo $isTapaDura; ?>); self.preview.setData(self.data);
self.preview.previewInteriorPlana('sobrecubierta', self.isCosido, self.tipoTapa.includes("dura")?1:0);
} );*/ } );
} }
} }
export default PreviewFormasAdmin;