mirror of
https://git.imnavajas.es/jjimenez/safekat.git
synced 2025-07-25 22:52:08 +00:00
Creado preview de guardas
This commit is contained in:
imnavajas
@ -191,6 +191,7 @@ return [
|
||||
'preview-conf-rot-bn' => 'Configuración Rotativa',
|
||||
'preview-conf-rot-color' => 'Configuración Rotativa',
|
||||
'previewMaquina' => 'Máquina',
|
||||
'previewConfiguracionGuardas' => 'Configuración de guardas',
|
||||
'previewConfiguracionCubierta' => 'Configuración de cubierta',
|
||||
'previewEsquemaCubierta' => 'Esquema de cubierta',
|
||||
'previewConfiguracionEsquemaCubierta' => 'Configuración esquema de cubierta',
|
||||
|
||||
@ -85,6 +85,18 @@
|
||||
<?= lang("Presupuestos.preview-conf-rot-color") ?>
|
||||
</button>
|
||||
</li>
|
||||
<li id="tab-pv-guardas" class="nav-item" style="display: none">
|
||||
<button
|
||||
type="button"
|
||||
class="nav-link"
|
||||
role="tab"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#pv_guardas"
|
||||
aria-controls="pv_guardas"
|
||||
aria-selected="false">
|
||||
<?= lang("Presupuestos.previewConfiguracionGuardas") ?>
|
||||
</button>
|
||||
</li>
|
||||
<li id="tab-pv-cubierta" class="nav-item" style="display: none">
|
||||
<button
|
||||
type="button"
|
||||
@ -578,6 +590,84 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade" id="pv_guardas" role="tabpanel">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<div class="p-4 mb-3 pb-3">
|
||||
<!-- Configuraciones -->
|
||||
<div class="row g-3 mb-3">
|
||||
<div class="col-12">
|
||||
<a id="pv_guardas_pg" href="#" sk-url="<?= site_url('configuracion/papelesgenericos/edit/'); ?>" target="_blank">
|
||||
<div class="d-grid">
|
||||
<button type="button" class="btn btn-label-primary">
|
||||
<?= lang("Presupuestos.previewPapelGenerico") ?>
|
||||
</button>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<a id="pv_guardas_pi" href="#" sk-url="<?= site_url('configuracion/papelesimpresion/edit/'); ?>" target="_blank">
|
||||
<div class="d-grid">
|
||||
<button type="button" class="btn btn-label-primary">
|
||||
<?= lang("Presupuestos.previewPapelCompra") ?>
|
||||
</button>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<a id="pv_guardas_mi" href="#" sk-url="<?= site_url('configuracion/maquinas/edit/'); ?>" target="_blank">
|
||||
<div class="d-grid">
|
||||
<button type="button" class="btn btn-label-primary">
|
||||
<?= lang("Presupuestos.previewAreaImpresion") ?>
|
||||
</button>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="mx-n4"/>
|
||||
|
||||
<!-- Detalles del presupuesto -->
|
||||
<h6><?= lang("Presupuestos.previewDetalles") ?></h6>
|
||||
<dl class="row mb-0">
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewGramaje") ?></dt>
|
||||
<dd id="pv_guardas_gramaje" class="col-6 text-left">TBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewMano") ?></dt>
|
||||
<dd id="pv_guardas_mano" class="col-sm-6 text-left">TBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewMaquina") ?></dt>
|
||||
<dd id="pv_guardas_maquina" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewAreaImpresion") ?></dt>
|
||||
<dd id="pv_guardas_maquina_impresion" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewLibro") ?></dt>
|
||||
<dd id="pv_guardas_libro" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewForma") ?></dt>
|
||||
<dd id="pv_guardas_forma" class="col-6 text-left">TBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewFormas") ?></dt>
|
||||
<dd id="pv_guardas_nFormas" class="col-6 text-left">TBD</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-9">
|
||||
<div class="p-4 mb-3 pb-3">
|
||||
<!-- Configuraciones -->
|
||||
<h6><?= lang("Presupuestos.previewMaquinaPlana") ?></h6>
|
||||
|
||||
<div id="shape-container">
|
||||
<div id="pv_guardas_shape" class="draw-shapes"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade" id="pv_cubierta" role="tabpanel">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
@ -740,44 +830,50 @@
|
||||
|
||||
$('#tab-pv-bn').on( "click", function() {
|
||||
|
||||
previewInteriorPlana('bn', <?php echo $isCosido; ?>);
|
||||
previewInteriorPlana('bn', <?php echo $isCosido; ?>, <?php echo $isTapaDura; ?>);
|
||||
|
||||
} );
|
||||
|
||||
$('#tab-pv-bnhq').on( "click", function() {
|
||||
|
||||
previewInteriorPlana('bnhq', <?php echo $isCosido; ?>);
|
||||
previewInteriorPlana('bnhq', <?php echo $isCosido; ?>, <?php echo $isTapaDura; ?>);
|
||||
|
||||
} );
|
||||
|
||||
$('#tab-pv-color').on( "click", function() {
|
||||
|
||||
previewInteriorPlana('color', <?php echo $isCosido; ?>);
|
||||
previewInteriorPlana('color', <?php echo $isCosido; ?>, <?php echo $isTapaDura; ?>);
|
||||
|
||||
} );
|
||||
|
||||
$('#tab-pv-colorhq').on( "click", function() {
|
||||
|
||||
|
||||
previewInteriorPlana('colorhq', <?php echo $isCosido; ?>);
|
||||
previewInteriorPlana('colorhq', <?php echo $isCosido; ?>, <?php echo $isTapaDura; ?>);
|
||||
|
||||
} );
|
||||
|
||||
$('#tab-pv-rot-bn').on( "click", function() {
|
||||
|
||||
previewRotativa('rot_bn', <?php echo $isCosido; ?>);
|
||||
previewRotativa('rot_bn', <?php echo $isCosido; ?>, <?php echo $isTapaDura; ?>);
|
||||
|
||||
} );
|
||||
|
||||
$('#tab-pv-rot-color').on( "click", function() {
|
||||
|
||||
previewRotativa('rot_color', <?php echo $isCosido; ?>);
|
||||
previewRotativa('rot_color', <?php echo $isCosido; ?>, <?php echo $isTapaDura; ?>);
|
||||
|
||||
} );
|
||||
|
||||
$('#tab-pv-guardas').on( "click", function() {
|
||||
|
||||
previewInteriorPlana('guardas', <?php echo $isCosido; ?>, <?php echo $isTapaDura; ?>);
|
||||
|
||||
} );
|
||||
|
||||
$('#tab-pv-cubierta').on( "click", function() {
|
||||
|
||||
previewInteriorPlana('cubierta', <?php echo $isCosido; ?>);
|
||||
previewInteriorPlana('cubierta', <?php echo $isCosido; ?>, <?php echo $isTapaDura; ?>);
|
||||
|
||||
} );
|
||||
|
||||
|
||||
@ -2,9 +2,7 @@
|
||||
//var _isCosido = true;
|
||||
var pvObj;
|
||||
|
||||
var isTapaDura = 1;
|
||||
|
||||
function previewInteriorPlana(lpTagName, isCosido) {
|
||||
function previewInteriorPlana(lpTagName, isCosido, isTapaDura) {
|
||||
|
||||
// Local parameters
|
||||
let guardaV = 0;
|
||||
@ -12,7 +10,7 @@ function previewInteriorPlana(lpTagName, isCosido) {
|
||||
let styleText = {size: 12, family: 'Public Sans'};
|
||||
|
||||
// Get the preview Object parameters
|
||||
getObjetoLP(lpTagName, isCosido);
|
||||
getObjetoLP(lpTagName, isCosido, isTapaDura);
|
||||
|
||||
// Configuracion de las guardas
|
||||
// Guarda vertical
|
||||
@ -80,7 +78,7 @@ function previewInteriorPlana(lpTagName, isCosido) {
|
||||
_pvPlana.update();
|
||||
}
|
||||
|
||||
function previewRotativa(lpTagName, isCosido) {
|
||||
function previewRotativa(lpTagName, isCosido, isTapaDura) {
|
||||
|
||||
// Local parameters
|
||||
let styleText = {size: 12, family: 'Public Sans'};
|
||||
@ -89,7 +87,7 @@ function previewRotativa(lpTagName, isCosido) {
|
||||
let guardaH = 0;
|
||||
|
||||
// Get the preview Object parameters
|
||||
getObjetoLP(lpTagName, isCosido);
|
||||
getObjetoLP(lpTagName, isCosido, isTapaDura);
|
||||
|
||||
// Calculos
|
||||
// Configuracion de las guardas
|
||||
@ -186,14 +184,14 @@ function getDecimalPart(floatNumber) {
|
||||
function previewEsquemaCubierta(_lpTagName, _isCosido, _isTapaDura) {
|
||||
|
||||
if (_isTapaDura) {
|
||||
portadaTapaDura(_lpTagName, _isCosido);
|
||||
portadaTapaDura(_lpTagName, _isCosido, _isTapaDura);
|
||||
} else {
|
||||
portadaTapaBlanda(_lpTagName, _isCosido);
|
||||
portadaTapaBlanda(_lpTagName, _isCosido, _isTapaDura);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function portadaTapaDura(lpTagName, isCosido) {
|
||||
function portadaTapaDura(lpTagName, isCosido, isTapaDura) {
|
||||
|
||||
// Variables locales
|
||||
let altoLibro, anchoLibro, lomoLibro, anchoCubierta, altoSangrado, anchoSangrado;
|
||||
@ -204,7 +202,7 @@ function portadaTapaDura(lpTagName, isCosido) {
|
||||
let altoPliegue = parseFloat(7); // mm
|
||||
|
||||
// Get the preview Object parameters
|
||||
getObjetoLP(lpTagName, isCosido);
|
||||
getObjetoLP(lpTagName, isCosido, isTapaDura);
|
||||
|
||||
// Definicion de los parametros del Esquema de Cubierta (EC) -
|
||||
anchoSangrado = 600; // px
|
||||
@ -322,7 +320,7 @@ function portadaTapaDura(lpTagName, isCosido) {
|
||||
|
||||
}
|
||||
|
||||
function portadaTapaBlanda(lpTagName, isCosido) {
|
||||
function portadaTapaBlanda(lpTagName, isCosido, isTapaDura) {
|
||||
|
||||
// Variables locales
|
||||
let altoLibro, anchoLibro, lomoLibro, anchoSolapa, anchoCubierta, altoSangrado, anchoSangrado;
|
||||
@ -332,7 +330,7 @@ function portadaTapaBlanda(lpTagName, isCosido) {
|
||||
let offsetSolapaValor = parseFloat(0); // mm
|
||||
|
||||
// Get the preview Object parameters
|
||||
getObjetoLP(lpTagName, isCosido);
|
||||
getObjetoLP(lpTagName, isCosido, isTapaDura);
|
||||
|
||||
// Definicion de los parametros del Esquema de Cubierta (EC)
|
||||
if (pvObj.anchoSolapa == 0) {
|
||||
@ -508,7 +506,7 @@ function getLomoLibro() {
|
||||
}
|
||||
|
||||
|
||||
function getObjetoLP(lpName, _isCosido) {
|
||||
function getObjetoLP(lpName, _isCosido, _isTapaDura) {
|
||||
|
||||
let rowData = null;
|
||||
|
||||
@ -524,6 +522,7 @@ function getObjetoLP(lpName, _isCosido) {
|
||||
case 'cubierta':
|
||||
case 'rot_bn':
|
||||
case 'rot_color':
|
||||
case 'guardas':
|
||||
if (lineaPresupuestoId.indexOf(lpName) >= 0) {
|
||||
rowData = this.data();
|
||||
}
|
||||
@ -560,6 +559,8 @@ function getObjetoLP(lpName, _isCosido) {
|
||||
anchoLibro: getDimensionLibro().ancho
|
||||
};
|
||||
|
||||
console.log(pvObj);
|
||||
|
||||
// Printing shape definition
|
||||
pvObj.anchoForma = (_isCosido) ? 2 * pvObj.anchoLibro : pvObj.anchoLibro;
|
||||
pvObj.altoForma = pvObj.altoLibro;
|
||||
@ -592,7 +593,7 @@ function getObjetoLP(lpName, _isCosido) {
|
||||
switch (pvObj.idIndex) {
|
||||
case 'cubierta':
|
||||
pvObj.anchoForma = ((2 * pvObj.anchoLibro) + (2 * (pvObj.anchoSolapa + offsetSolapaValor)) + pvObj.lomoLibro);
|
||||
if(isTapaDura){
|
||||
if(_isTapaDura){
|
||||
let anchoPliegue = parseFloat(6); // mm
|
||||
let altoPliegue = parseFloat(7); // mm
|
||||
pvObj.anchoForma += (2 * anchoPliegue);
|
||||
@ -626,6 +627,7 @@ function getObjetoLP(lpName, _isCosido) {
|
||||
case 'bnhq':
|
||||
case 'color':
|
||||
case 'colorhq':
|
||||
case 'guardas':
|
||||
// Conditional assignements depending on rotation of the printing shape
|
||||
if (pvObj.orientacionFormas == 'v') {
|
||||
let auxReg = pvObj.altoForma;
|
||||
@ -668,6 +670,7 @@ function getVisibleTabs() {
|
||||
case 'colorhq':
|
||||
case 'rot_bn':
|
||||
case 'rot_color':
|
||||
case 'guardas':
|
||||
$("#tab-pv-" + tabName).show();
|
||||
break;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user