mirror of
https://git.imnavajas.es/jjimenez/safekat.git
synced 2025-07-25 22:52:08 +00:00
Reajustados archivos del previsualizador de formas
This commit is contained in:
imnavajas
@ -162,13 +162,37 @@ return [
|
||||
'comentariosSafekat' => 'Comentarios Safekat',
|
||||
'comentariosPresupuesto' => 'Comentarios Presupuesto',
|
||||
'comentariosProduccion' => 'Comentarios Produccion',
|
||||
'preview' => 'Previsualización de configuraciones',
|
||||
'previewMaquina' => 'Configuración de máquina',
|
||||
'previewCubierta' => 'Configuración de cubierta',
|
||||
'previewPortada' => 'Configuración de portada',
|
||||
|
||||
'resumen' => 'Resumen del presupuesto',
|
||||
'confirmar' => 'Confirmar presupuesto',
|
||||
|
||||
// Preview
|
||||
'preview' => 'Previsualización de configuraciones',
|
||||
'preview-conf-bn' => 'Configuración Blanco y Negro',
|
||||
'preview-conf-bn-hq' => 'Configuración Blanco y Negro',
|
||||
'preview-conf-color' => 'Configuración Color',
|
||||
'preview-conf-color-hq' => 'Configuración Color',
|
||||
'preview-conf-rot-bn' => 'Configuración Blanco y Negro',
|
||||
'preview-conf-rot-color' => 'Configuración Color',
|
||||
'previewMaquina' => 'Máquina',
|
||||
'previewConfiguracionCubierta' => 'Configuración de cubierta',
|
||||
'previewEsquemaCubierta' => 'Esquema de cubierta',
|
||||
'previewConfiguracionEsquemaCubierta' => 'Configuración esquema de cubierta',
|
||||
'previewMaquinaPlana' => 'Configuración del papel: Plana',
|
||||
'previewMaquinaRotativa' => 'Configuración del papel: Rotativa',
|
||||
'previewCubierta' => 'Configuración del papel: Cubierta',
|
||||
'previewPapelGenerico' => 'Papel Genérico',
|
||||
'previewPapelCompra' => 'Papel de Compra',
|
||||
'previewAreaImpresion' => 'Área de Impresión',
|
||||
'previewPosicionFormas' => 'Posición de Formas',
|
||||
'previewDetalles' => 'Detalles del trabajo',
|
||||
'previewGramaje' => 'Gramaje',
|
||||
'previewMano' => 'Mano',
|
||||
'previewLibro' => 'Libro',
|
||||
'previewFormas' => 'Formas',
|
||||
'previewLomo' => 'Lomo',
|
||||
'previewSolapas' => 'Solapas',
|
||||
|
||||
// Servicios
|
||||
'precio' => 'Precio',
|
||||
'precioUnidad' => 'Precio unitario',
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -13,38 +13,98 @@
|
||||
<div class="accordion-body">
|
||||
<div class="nav-align-top mb-4">
|
||||
<ul class="nav nav-pills mb-3" role="tablist">
|
||||
<li id="tab-preview-maquina" class="nav-item">
|
||||
<li id="tab-pv-bn" class="nav-item" style="display: none">
|
||||
<button
|
||||
type="button"
|
||||
class="nav-link active"
|
||||
role="tab"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#preview-maquina"
|
||||
aria-controls="preview-maquina"
|
||||
data-bs-target="#pv_bn"
|
||||
aria-controls="pv_bn"
|
||||
aria-selected="true">
|
||||
<?= lang("Presupuestos.previewMaquina") ?>
|
||||
<?= lang("Presupuestos.preview-conf-bn") ?>
|
||||
</button>
|
||||
</li>
|
||||
<li id="tab-preview-configuracion-cubierta" class="nav-item">
|
||||
<li id="tab-pv-bnhq" class="nav-item" style="display: none">
|
||||
<button
|
||||
type="button"
|
||||
class="nav-link"
|
||||
role="tab"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#preview-cubierta"
|
||||
aria-controls="preview-cubierta"
|
||||
data-bs-target="#pv_bn_hq"
|
||||
aria-controls="pv_bn_hq"
|
||||
aria-selected="true">
|
||||
<?= lang("Presupuestos.preview-conf-bn-hq") ?>
|
||||
</button>
|
||||
</li>
|
||||
<li id="tab-pv-color" class="nav-item" style="display: none">
|
||||
<button
|
||||
type="button"
|
||||
class="nav-link"
|
||||
role="tab"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#pv_color"
|
||||
aria-controls="pv_color"
|
||||
aria-selected="true">
|
||||
<?= lang("Presupuestos.preview-conf-color") ?>
|
||||
</button>
|
||||
</li>
|
||||
<li id="tab-pv-colorhq" class="nav-item" style="display: none">
|
||||
<button
|
||||
type="button"
|
||||
class="nav-link"
|
||||
role="tab"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#pv_colorhq"
|
||||
aria-controls="pv_colorhq"
|
||||
aria-selected="true">
|
||||
<?= lang("Presupuestos.preview-conf-color-hq") ?>
|
||||
</button>
|
||||
</li>
|
||||
<li id="tab-pv-rot-bn" class="nav-item" style="display: none">
|
||||
<button
|
||||
type="button"
|
||||
class="nav-link"
|
||||
role="tab"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#pv_rot_bn"
|
||||
aria-controls="pv_rot_bn"
|
||||
aria-selected="true">
|
||||
<?= lang("Presupuestos.preview-conf-rot-bn") ?>
|
||||
</button>
|
||||
</li>
|
||||
<li id="tab-pv-rot-color" class="nav-item" style="display: none">
|
||||
<button
|
||||
type="button"
|
||||
class="nav-link"
|
||||
role="tab"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#pv_rot_color"
|
||||
aria-controls="pv_rot_color"
|
||||
aria-selected="true">
|
||||
<?= lang("Presupuestos.preview-conf-rot-color") ?>
|
||||
</button>
|
||||
</li>
|
||||
<li id="tab-pv-cubierta" class="nav-item" style="display: none">
|
||||
<button
|
||||
type="button"
|
||||
class="nav-link"
|
||||
role="tab"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#pv_cubierta"
|
||||
aria-controls="pv_cubierta"
|
||||
aria-selected="false">
|
||||
<?= lang("Presupuestos.previewConfiguracionCubierta") ?>
|
||||
</button>
|
||||
</li>
|
||||
<li id="tab-preview-esquema-cubierta" class="nav-item">
|
||||
<li id="tab-pv-esquema-cubierta" class="nav-item" style="display: none">
|
||||
<button
|
||||
type="button"
|
||||
class="nav-link"
|
||||
role="tab"
|
||||
data-bs-toggle="tab"
|
||||
data-bs-target="#preview-esquema-cubierta"
|
||||
aria-controls="preview-esquema-cubierta"
|
||||
data-bs-target="#pv_esquema_cubierta"
|
||||
aria-controls="pv_esquema_cubierta"
|
||||
aria-selected="false">
|
||||
<?= lang("Presupuestos.previewEsquemaCubierta") ?>
|
||||
</button>
|
||||
@ -53,35 +113,36 @@
|
||||
</ul>
|
||||
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane fade show active" id="preview-maquina" role="tabpanel">
|
||||
<div class="tab-pane fade" id="pv_bn" role="tabpanel">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<div class="p-4 mb-3 pb-3" >
|
||||
<div class="p-4 mb-3 pb-3">
|
||||
<!-- Configuraciones -->
|
||||
<h6>Configuración del papel: Rotativa</h6>
|
||||
<h6><?= lang("Presupuestos.previewMaquinaPlana") ?></h6>
|
||||
<div class="row g-3 mb-3">
|
||||
<div class="col-12">
|
||||
<a href="#">
|
||||
<a id="pv_bn_pg" href="#" sk-url="<?= site_url('configuracion/papelesgenericos/edit/'); ?>" target="_blank">
|
||||
<div class="d-grid">
|
||||
<button type="button" class="btn btn-label-primary">Papel
|
||||
generico
|
||||
<button type="button" class="btn btn-label-primary">
|
||||
<?= lang("Presupuestos.previewPapelGenerico") ?>
|
||||
</button>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<a href="#">
|
||||
<a id="pv_bn_pi" href="#" sk-url="<?= site_url('configuracion/papelesimpresion/edit/'); ?>" target="_blank">
|
||||
<div class="d-grid">
|
||||
<button type="button" class="btn btn-label-primary">Papel de
|
||||
compra
|
||||
<button type="button" class="btn btn-label-primary">
|
||||
<?= lang("Presupuestos.previewPapelCompra") ?>
|
||||
</button>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<a href="#">
|
||||
<a id="pv_bn_mi" href="#" sk-url="<?= site_url('configuracion/maquinas/edit/'); ?>" target="_blank">
|
||||
<div class="d-grid">
|
||||
<button type="button" class="btn btn-label-primary">Máquina
|
||||
<button type="button" class="btn btn-label-primary">
|
||||
<?= lang("Presupuestos.previewAreaImpresion") ?>
|
||||
</button>
|
||||
</div>
|
||||
</a>
|
||||
@ -91,25 +152,25 @@
|
||||
<hr class="mx-n4"/>
|
||||
|
||||
<!-- Detalles del presupuesto -->
|
||||
<h6>Detalles del trabajo</h6>
|
||||
<h6><?= lang("Presupuestos.previewDetalles") ?></h6>
|
||||
<dl class="row mb-0">
|
||||
<dt class="col-6 fw-normal">Gramaje:</dt>
|
||||
<dd class="col-6 text-left">TBD</dd>
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewGramaje") ?></dt>
|
||||
<dd id="pv_bn_gramaje" class="col-6 text-left">TBD</dd>
|
||||
|
||||
<dt class="col-sm-6 fw-normal">Mano:</dt>
|
||||
<dd class="col-sm-6 text-success text-left">TBD</dd>
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewMano") ?></dt>
|
||||
<dd id="pv_bn_mano" class="col-sm-6 text-left">TBD</dd>
|
||||
|
||||
<dt class="col-6 fw-normal">Máquina:</dt>
|
||||
<dd class="col-6 text-left">TBDxTBD</dd>
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewMaquina") ?></dt>
|
||||
<dd id="pv_bn_maquina" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-normal">Máquina impresión:</dt>
|
||||
<dd class="col-6 text-left">TBDxTBD</dd>
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewAreaImpresion") ?></dt>
|
||||
<dd id="pv_bn_maquina_impresion" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-normal">Libro:</dt>
|
||||
<dd class="col-6 text-left">TBDxTBD</dd>
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewLibro") ?></dt>
|
||||
<dd id="pv_bn_libro" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-normal">Formas:</dt>
|
||||
<dd class="col-6 text-left">TBD</dd>
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewFormas") ?></dt>
|
||||
<dd id="pv_bn_formas" class="col-6 text-left">TBD</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
@ -117,7 +178,83 @@
|
||||
<div class="col-9">
|
||||
<div class="p-4 mb-3 pb-3">
|
||||
<!-- Configuraciones -->
|
||||
<h6>Posición de formas</h6>
|
||||
<h6><?= lang("Presupuestos.previewPapelGenerico") ?></h6>
|
||||
|
||||
<div id="shape-container">
|
||||
<div id="pv_bn_shape" class="draw-shapes"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade" id="pv_bnhq" role="tabpanel">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<div class="p-4 mb-3 pb-3">
|
||||
<!-- Configuraciones -->
|
||||
<h6><?= lang("Presupuestos.previewMaquinaPlana") ?></h6>
|
||||
<div class="row g-3 mb-3">
|
||||
<div class="col-12">
|
||||
<a id="pv_bnhq_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_bnhq_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_bnhq_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_bnhq_gramaje" class="col-6 text-left">TBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewMano") ?></dt>
|
||||
<dd id="pv_bnhq_mano" class="col-sm-6 text-left">TBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewMaquina") ?></dt>
|
||||
<dd id="pv_bnhq_maquina" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewAreaImpresion") ?></dt>
|
||||
<dd id="pv_bnhq_maquina_impresion" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewLibro") ?></dt>
|
||||
<dd id="pv_bnhq_libro" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewFormas") ?></dt>
|
||||
<dd id="pv_bnhq_formas" 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.previewPapelGenerico") ?></h6>
|
||||
|
||||
<div id="shape-container">
|
||||
<div id="draw-maquina" class="draw-shapes"></div>
|
||||
@ -128,36 +265,36 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="tab-pane fade" id="preview-cubierta" role="tabpanel">
|
||||
<div class="tab-pane fade" id="pv_color" role="tabpanel">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<div class="p-4 mb-3 pb-3" >
|
||||
<div class="p-4 mb-3 pb-3">
|
||||
<!-- Configuraciones -->
|
||||
<h6>Configuración del papel: Cubierta</h6>
|
||||
<h6><?= lang("Presupuestos.previewMaquinaPlana") ?></h6>
|
||||
<div class="row g-3 mb-3">
|
||||
<div class="col-12">
|
||||
<a href="#">
|
||||
<a id="pv_color_pg" href="#" sk-url="<?= site_url('configuracion/papelesgenericos/edit/'); ?>" target="_blank">
|
||||
<div class="d-grid">
|
||||
<button type="button" class="btn btn-label-primary">Papel
|
||||
generico
|
||||
<button type="button" class="btn btn-label-primary">
|
||||
<?= lang("Presupuestos.previewPapelGenerico") ?>
|
||||
</button>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<a href="#">
|
||||
<a id="pv_color_pi" href="#" sk-url="<?= site_url('configuracion/papelesimpresion/edit/'); ?>" target="_blank">
|
||||
<div class="d-grid">
|
||||
<button type="button" class="btn btn-label-primary">Papel de
|
||||
compra
|
||||
<button type="button" class="btn btn-label-primary">
|
||||
<?= lang("Presupuestos.previewPapelCompra") ?>
|
||||
</button>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<a href="#">
|
||||
<a id="pv_color_mi" href="#" sk-url="<?= site_url('configuracion/maquinas/edit/'); ?>" target="_blank">
|
||||
<div class="d-grid">
|
||||
<button type="button" class="btn btn-label-primary">Máquina
|
||||
<button type="button" class="btn btn-label-primary">
|
||||
<?= lang("Presupuestos.previewAreaImpresion") ?>
|
||||
</button>
|
||||
</div>
|
||||
</a>
|
||||
@ -167,25 +304,25 @@
|
||||
<hr class="mx-n4"/>
|
||||
|
||||
<!-- Detalles del presupuesto -->
|
||||
<h6>Detalles del trabajo</h6>
|
||||
<h6><?= lang("Presupuestos.previewDetalles") ?></h6>
|
||||
<dl class="row mb-0">
|
||||
<dt class="col-6 fw-normal">Gramaje:</dt>
|
||||
<dd class="col-6 text-left">TBD</dd>
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewGramaje") ?></dt>
|
||||
<dd id="pv_color_gramaje" class="col-6 text-left">TBD</dd>
|
||||
|
||||
<dt class="col-sm-6 fw-normal">Mano:</dt>
|
||||
<dd class="col-sm-6 text-success text-left">TBD</dd>
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewMano") ?></dt>
|
||||
<dd id="pv_color_mano" class="col-sm-6 text-left">TBD</dd>
|
||||
|
||||
<dt class="col-6 fw-normal">Máquina:</dt>
|
||||
<dd class="col-6 text-left">TBDxTBD</dd>
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewMaquina") ?></dt>
|
||||
<dd id="pv_color_maquina" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-normal">Máquina impresión:</dt>
|
||||
<dd class="col-6 text-left">TBDxTBD</dd>
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewAreaImpresion") ?></dt>
|
||||
<dd id="pv_color_maquina_impresion" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-normal">Libro:</dt>
|
||||
<dd class="col-6 text-left">TBDxTBD</dd>
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewLibro") ?></dt>
|
||||
<dd id="pv_color_libro" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-normal">Formas:</dt>
|
||||
<dd class="col-6 text-left">TBD</dd>
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewFormas") ?></dt>
|
||||
<dd id="pv_color_formas" class="col-6 text-left">TBD</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
@ -193,10 +330,10 @@
|
||||
<div class="col-9">
|
||||
<div class="p-4 mb-3 pb-3">
|
||||
<!-- Configuraciones -->
|
||||
<h6>Posición de formas</h6>
|
||||
<h6><?= lang("Presupuestos.previewPapelGenerico") ?></h6>
|
||||
|
||||
<div id="shape-container" >
|
||||
<div id="draw-cubierta" class="draw-shapes"></div>
|
||||
<div id="shape-container">
|
||||
<div id="draw-maquina" class="draw-shapes"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -204,35 +341,36 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade" id="preview-esquema-cubierta" role="tabpanel">
|
||||
<div class="tab-pane fade" id="pv_colorhq" role="tabpanel">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<div class="p-4 mb-3 pb-3" >
|
||||
<div class="p-4 mb-3 pb-3">
|
||||
<!-- Configuraciones -->
|
||||
<h6>Configuración de portada</h6>
|
||||
<h6><?= lang("Presupuestos.previewMaquinaPlana") ?></h6>
|
||||
<div class="row g-3 mb-3">
|
||||
<div class="col-12">
|
||||
<a href="#">
|
||||
<a id="pv_colorhq_pg" href="#" sk-url="<?= site_url('configuracion/papelesgenericos/edit/'); ?>" target="_blank">
|
||||
<div class="d-grid">
|
||||
<button type="button" class="btn btn-label-primary">Papel
|
||||
generico
|
||||
<button type="button" class="btn btn-label-primary">
|
||||
<?= lang("Presupuestos.previewPapelGenerico") ?>
|
||||
</button>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<a href="#">
|
||||
<a id="pv_colorhq_pi" href="#" sk-url="<?= site_url('configuracion/papelesimpresion/edit/'); ?>" target="_blank">
|
||||
<div class="d-grid">
|
||||
<button type="button" class="btn btn-label-primary">Papel de
|
||||
compra
|
||||
<button type="button" class="btn btn-label-primary">
|
||||
<?= lang("Presupuestos.previewPapelCompra") ?>
|
||||
</button>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<a href="#">
|
||||
<a id="pv_colorhq_mi" href="#" sk-url="<?= site_url('configuracion/maquinas/edit/'); ?>" target="_blank">
|
||||
<div class="d-grid">
|
||||
<button type="button" class="btn btn-label-primary">Máquina
|
||||
<button type="button" class="btn btn-label-primary">
|
||||
<?= lang("Presupuestos.previewAreaImpresion") ?>
|
||||
</button>
|
||||
</div>
|
||||
</a>
|
||||
@ -242,26 +380,329 @@
|
||||
<hr class="mx-n4"/>
|
||||
|
||||
<!-- Detalles del presupuesto -->
|
||||
<h6>Detalles del trabajo</h6>
|
||||
<h6><?= lang("Presupuestos.previewDetalles") ?></h6>
|
||||
<dl class="row mb-0">
|
||||
<dt class="col-6 fw-normal">Libro:</dt>
|
||||
<dd id='prevLibro' class="col-6 text-left">TBDxTBD</dd>
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewGramaje") ?></dt>
|
||||
<dd id="pv_colorhq_gramaje" class="col-6 text-left">TBD</dd>
|
||||
|
||||
<dt class="col-6 fw-normal">Lomo:</dt>
|
||||
<dd id='prevLomo' class="col-6 text-left">TBD</dd>
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewMano") ?></dt>
|
||||
<dd id="pv_colorhq_mano" class="col-sm-6 text-left">TBD</dd>
|
||||
|
||||
<dt class="col-6 fw-normal">Solapas:</dt>
|
||||
<dd id='prevSolapas' class="col-6 text-left">TBD</dd>
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewMaquina") ?></dt>
|
||||
<dd id="pv_colorhq_maquina" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewAreaImpresion") ?></dt>
|
||||
<dd id="pv_colorhq_maquina_impresion" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewLibro") ?></dt>
|
||||
<dd id="pv_colorhq_libro" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewFormas") ?></dt>
|
||||
<dd id="pv_colorhq_formas" 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.previewPapelGenerico") ?></h6>
|
||||
|
||||
<div id="shape-container">
|
||||
<div id="draw-maquina" class="draw-shapes"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade" id="pv_rot_bn" role="tabpanel">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<div class="p-4 mb-3 pb-3">
|
||||
<!-- Configuraciones -->
|
||||
<h6><?= lang("Presupuestos.previewMaquinaRotativa") ?></h6>
|
||||
<div class="row g-3 mb-3">
|
||||
<div class="col-12">
|
||||
<a id="pv_rot_bn_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_rot_bn_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_rot_bn_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_rot_bn_gramaje" class="col-6 text-left">TBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewMano") ?></dt>
|
||||
<dd id="pv_rot_bn_mano" class="col-sm-6 text-left">TBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewMaquina") ?></dt>
|
||||
<dd id="pv_rot_bn_maquina" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewAreaImpresion") ?></dt>
|
||||
<dd id="pv_rot_bn_maquina_impresion" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewLibro") ?></dt>
|
||||
<dd id="pv_rot_bn_libro" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewFormas") ?></dt>
|
||||
<dd id="pv_rot_bn_formas" 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.previewPapelGenerico") ?></h6>
|
||||
|
||||
<div id="shape-container">
|
||||
<div id="draw-maquina" class="draw-shapes"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade" id="pv_rot_color" role="tabpanel">
|
||||
<div class="row">
|
||||
<div class="col-3">
|
||||
<div class="p-4 mb-3 pb-3">
|
||||
<!-- Configuraciones -->
|
||||
<h6><?= lang("Presupuestos.previewMaquinaRotativa") ?></h6>
|
||||
<div class="row g-3 mb-3">
|
||||
<div class="col-12">
|
||||
<a id="pv_rot_color_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_rot_color_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_rot_color_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_rot_color_gramaje" class="col-6 text-left">TBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewMano") ?></dt>
|
||||
<dd id="pv_rot_color_mano" class="col-sm-6 text-left">TBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewMaquina") ?></dt>
|
||||
<dd id="pv_rot_color_maquina" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewAreaImpresion") ?></dt>
|
||||
<dd id="pv_rot_color_maquina_impresion" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewLibro") ?></dt>
|
||||
<dd id="pv_rot_color_libro" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewFormas") ?></dt>
|
||||
<dd id="pv_rot_color_formas" 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.previewPapelGenerico") ?></h6>
|
||||
|
||||
<div id="shape-container">
|
||||
<div id="draw-maquina" 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">
|
||||
<div class="p-4 mb-3 pb-3">
|
||||
<!-- Configuraciones -->
|
||||
<div class="row g-3 mb-3">
|
||||
<div class="col-12">
|
||||
<a id="pv_cubierta_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_cubierta_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_cubierta_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_cubierta_gramaje" class="col-6 text-left">TBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewMano") ?></dt>
|
||||
<dd id="pv_cubierta_mano" class="col-sm-6 text-left">TBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewMaquina") ?></dt>
|
||||
<dd id="pv_cubierta_maquina" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewAreaImpresion") ?></dt>
|
||||
<dd id="pv_cubierta_maquina_impresion" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewLibro") ?></dt>
|
||||
<dd id="pv_cubierta_libro" class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewFormas") ?></dt>
|
||||
<dd id="pv_cubierta_formas" 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.previewCubierta") ?></h6>
|
||||
|
||||
<div id="pv-cubierta-container">
|
||||
<div id="pv_cubierta_shape" class="draw-shapes"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tab-pane fade" id="pv_esquema_cubierta" 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_ec_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_ec_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_ec_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.previewLibro") ?></dt>
|
||||
<dd id='pv_ec_libro' class="col-6 text-left">TBDxTBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold"><?= lang("Presupuestos.previewLomo") ?></dt>
|
||||
<dd id='pv_ec_lomo' class="col-6 text-left">TBD</dd>
|
||||
|
||||
<dt class="col-6 fw-semibold pv-ec-solapas"><?= lang("Presupuestos.previewSolapas") ?></dt>
|
||||
<dd id='pv_ec_solapas' class="col-6 text-left pv-ec-solapas">TBD</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-9">
|
||||
<div class="p-4 mb-3 pb-3">
|
||||
<!-- Configuraciones -->
|
||||
<h6>Posición de formas</h6>
|
||||
<h6><?= lang("Presupuestos.previewConfiguracionEsquemaCubierta") ?></h6>
|
||||
|
||||
<div id="shape-container">
|
||||
<div id="draw-portada" class="draw-shapes"></div>
|
||||
<div id="pv_ec_shape" class="draw-shapes"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -282,102 +723,96 @@
|
||||
<!------------------------------------------------------->
|
||||
<?= $this->section("additionalInlineJs") ?>
|
||||
|
||||
$('#tab-preview-configuracion-cubierta').on( "click", function() {
|
||||
var cubiertaObjeto = 0;
|
||||
|
||||
var cubiertaObjeto = {
|
||||
anchoMaquina: 487,
|
||||
altoMaquina: 330,
|
||||
anchoImpresion: 475,
|
||||
altoImpresion: 310,
|
||||
anchoLibro:170,
|
||||
altoLibro:240,
|
||||
solapas:45,
|
||||
lomo:25};
|
||||
getVisibleTabs();
|
||||
|
||||
previewConfiguracionCubierta(cubiertaObjeto);
|
||||
$('#tab-pv-bn').on( "click", function() {
|
||||
|
||||
} );
|
||||
let scV = 4;
|
||||
let scH = 2;
|
||||
|
||||
$('#tab-preview-esquema-cubierta').on( "click", function() {
|
||||
|
||||
var altoLib = 400;
|
||||
|
||||
var cubiertaObjeto = {
|
||||
altoLibro:220,
|
||||
anchoLibro:170,
|
||||
anchoCubierta:491,
|
||||
anchoSolapa:70,
|
||||
lomoLibro:11
|
||||
};
|
||||
|
||||
previewEsquemaCubierta(cubiertaObjeto);
|
||||
|
||||
} );
|
||||
|
||||
var elem = document.getElementById('draw-maquina');
|
||||
var twoMaquina = new Two({fitted: true}).appendTo(elem);
|
||||
|
||||
var origin = new Two.Vector(twoMaquina.width/2, twoMaquina.height/2);
|
||||
|
||||
var sizeX = 148;
|
||||
var sizeY = 98;
|
||||
|
||||
var AIx = 355;
|
||||
var AIy = 250;
|
||||
|
||||
var styles = {
|
||||
size: 14,
|
||||
family: 'Lato'
|
||||
cubiertaObjeto = {
|
||||
idIndex: 'bn',
|
||||
anchoMaquina: 487,
|
||||
altoMaquina: 330,
|
||||
anchoImpresion: 475,
|
||||
altoImpresion: 310,
|
||||
anchoLibro: 170/scH,
|
||||
altoLibro: 240/scV,
|
||||
solapas:45,
|
||||
lomo:25,
|
||||
formas: scH * scV,
|
||||
formasH: scH,
|
||||
formasV: scV
|
||||
};
|
||||
|
||||
//var texts = [];
|
||||
getObjetoLP('bn');
|
||||
previewInteriorPlana(cubiertaObjeto);
|
||||
|
||||
var areaMaquina = twoMaquina.makeRectangle(origin.x, origin.y, 360, 255);
|
||||
areaMaquina.stroke = 'black';
|
||||
areaMaquina.linewidth = 1;
|
||||
} );
|
||||
|
||||
var areaImpresion = twoMaquina.makeRectangle(origin.x, origin.y, AIx, AIy);
|
||||
areaImpresion.stroke = 'red';
|
||||
areaImpresion.linewidth = 1;
|
||||
$('#tab-pv-bnhq').on( "click", function() {
|
||||
|
||||
getObjetoLP('bnhq');
|
||||
|
||||
} );
|
||||
|
||||
$('#tab-pv-color').on( "click", function() {
|
||||
|
||||
getObjetoLP('color');
|
||||
|
||||
} );
|
||||
|
||||
$('#tab-pv-colorhq').on( "click", function() {
|
||||
|
||||
getObjetoLP('colorhq');
|
||||
|
||||
} );
|
||||
|
||||
$('#tab-pv-rot-bn').on( "click", function() {
|
||||
|
||||
getObjetoLP('rot_bn');
|
||||
|
||||
} );
|
||||
|
||||
$('#tab-pv-rot-color').on( "click", function() {
|
||||
|
||||
getObjetoLP('rot_color');
|
||||
|
||||
} );
|
||||
|
||||
$('#tab-pv-cubierta').on( "click", function() {
|
||||
|
||||
getObjetoLP('cubierta');
|
||||
|
||||
cubiertaObjeto = {
|
||||
idIndex: 'bn',
|
||||
anchoMaquina: 487,
|
||||
altoMaquina: 330,
|
||||
anchoImpresion: 475,
|
||||
altoImpresion: 310,
|
||||
anchoLibro: 170,
|
||||
altoLibro: 240,
|
||||
solapas:45,
|
||||
lomo:25,
|
||||
formas: 1,
|
||||
formasH: 1,
|
||||
formasV: 1
|
||||
};
|
||||
|
||||
previewConfiguracionCubierta(cubiertaObjeto);
|
||||
|
||||
} );
|
||||
|
||||
$('#tab-pv-esquema-cubierta').on( "click", function() {
|
||||
|
||||
getObjetoEC();
|
||||
previewEsquemaCubierta(objEC);
|
||||
|
||||
} );
|
||||
|
||||
|
||||
var forma1 = twoMaquina.makeRectangle(origin.x - (AIx/4), origin.y - (AIy/4), sizeX, sizeY);
|
||||
forma1.stroke = 'blue';
|
||||
forma1.fill = 'blue';
|
||||
forma1.linewidth = 1;
|
||||
|
||||
var forma2 = twoMaquina.makeRectangle(origin.x + (AIx/4), origin.y - (AIy/4), sizeX, sizeY);
|
||||
forma2.stroke = 'grey';
|
||||
forma2.fill = 'grey';
|
||||
forma2.linewidth = 1;
|
||||
|
||||
var forma3 = twoMaquina.makeRectangle(origin.x - (AIx/4), origin.y + (AIy/4), sizeX, sizeY);
|
||||
forma3.stroke = 'blue';
|
||||
forma3.fill = 'blue';
|
||||
forma3.linewidth = 1;
|
||||
|
||||
var forma4 = twoMaquina.makeRectangle(origin.x + (AIx/4), origin.y + (AIy/4), sizeX, sizeY);
|
||||
forma4.stroke = 'grey';
|
||||
forma4.fill = 'grey';
|
||||
forma4.linewidth = 1;
|
||||
|
||||
var arrowX = twoMaquina.makeArrow(origin.x -200, origin.y, origin.x+200, origin.y, 0);
|
||||
arrowX.stroke = 'green';
|
||||
arrowX.dashes = [5, 5];
|
||||
arrowX.linewidth = 1;
|
||||
|
||||
var arrowY = twoMaquina.makeArrow(origin.x, origin.y-200, origin.x, origin.y+200, 0);
|
||||
arrowY.stroke = 'pink';
|
||||
arrowY.dashes = [5, 5];
|
||||
arrowY.linewidth = 2;
|
||||
|
||||
|
||||
//group = twoMaquina.makeGroup(areaMaquina, areaImpresion, ...texts);
|
||||
|
||||
//group.position.set(twoMaquina.width / 2, twoMaquina.height / 2);
|
||||
//group.center();
|
||||
|
||||
twoMaquina.update();
|
||||
|
||||
|
||||
<?= $this->endSection() ?>
|
||||
|
||||
@ -1,11 +1,107 @@
|
||||
// Global parameters
|
||||
var _offsetSolapas = 2; // millimeters
|
||||
|
||||
|
||||
var objEC;
|
||||
|
||||
|
||||
var styles = {
|
||||
size: 13,
|
||||
family: 'Public Sans',
|
||||
}
|
||||
|
||||
var sangradoTexto = "Sangrado 5 mm";
|
||||
var sangradoValor = parseFloat(5); // mm
|
||||
var offsetSolapaValor = parseFloat(3); // mm
|
||||
|
||||
|
||||
function previewInteriorPlana(cubiertaObj) {
|
||||
|
||||
// Local parameters
|
||||
let margenTop = 3;
|
||||
let guardaV = 0; guardaH = 0;
|
||||
|
||||
// Calculos
|
||||
// Configuracion de las guardas
|
||||
// Guarda vertical
|
||||
if(cubiertaObj.formasV > 1){
|
||||
//guardaV = (cubiertaObj.altoImpresion - (2 * margenTop) - (cubiertaObj.altoLibro * cubiertaObj.formasV)) / (cubiertaObj.formasV - 1);
|
||||
guardaV = 3;
|
||||
}
|
||||
// Guarda horizontal
|
||||
if(cubiertaObj.formasH > 1){
|
||||
guardaH = 3;
|
||||
}
|
||||
// Constantes relativas al libro
|
||||
let LVo = cubiertaObj.altoLibro / 2;
|
||||
let LHo = cubiertaObj.anchoLibro / 2;
|
||||
|
||||
// Clear the canvas element
|
||||
|
||||
|
||||
$('#pv_' + cubiertaObj.idIndex + '_shape').empty();
|
||||
// Get the element for placing the graphical elements
|
||||
var divPlana = document.getElementById('pv_' + cubiertaObj.idIndex + '_shape');
|
||||
var _pvPlana = new Two({fitted: true}).appendTo(divPlana);
|
||||
// Calculate the center of the canvas element
|
||||
var origenPlana = new Two.Vector(_pvPlana.width / 2, _pvPlana.height / 2);
|
||||
|
||||
var areaMaquinaPlana = _pvPlana.makeRectangle(
|
||||
origenPlana.x,
|
||||
origenPlana.y,
|
||||
cubiertaObj.anchoMaquina,
|
||||
cubiertaObj.altoMaquina);
|
||||
areaMaquinaPlana.stroke = 'black';
|
||||
areaMaquinaPlana.linewidth = 1;
|
||||
|
||||
var areaImpresionPlana = _pvPlana.makeRectangle(
|
||||
origenPlana.x,
|
||||
origenPlana.y,
|
||||
cubiertaObj.anchoImpresion,
|
||||
cubiertaObj.altoImpresion);
|
||||
areaImpresionPlana.stroke = 'red';
|
||||
areaImpresionPlana.linewidth = 1;
|
||||
|
||||
var formas = [];
|
||||
|
||||
for(let iV=0; iV < cubiertaObj.formasV; iV++){
|
||||
|
||||
for(let iH=0; iH < cubiertaObj.formasH; iH++){
|
||||
|
||||
formas[iV + iH] = _pvPlana.makeRectangle(
|
||||
origenPlana.x + ((((cubiertaObj.formasH - 1) - 2 * iH) * LHo) + (((cubiertaObj.formasH - 1)/2 - iH) * guardaH)),
|
||||
origenPlana.y + ((((cubiertaObj.formasV - 1) - 2 * iV) * LVo) + (((cubiertaObj.formasV - 1)/2 - iV) * guardaV)),
|
||||
cubiertaObj.anchoLibro,
|
||||
cubiertaObj.altoLibro);
|
||||
formas[iV + iH].stroke = 'grey';
|
||||
formas[iV + iH].fill = '#F4F8F2';
|
||||
formas[iV + iH].linewidth = 1;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Texts
|
||||
//_pvPlana.makeText(cubiertaObj.altoLibro, origenPlana.x + (fullBookWith / 2 - 25), origenPlana.y, styles);
|
||||
//_pvPlana.makeText(fullBookWith, origenPlana.x, origenPlana.y + (cubiertaObj.altoLibro / 2 - 15), styles);
|
||||
|
||||
_pvPlana.update();
|
||||
|
||||
|
||||
/*
|
||||
|
||||
|
||||
var arrowX = twoMaquina.makeArrow(origin.x -200, origin.y, origin.x+200, origin.y, 0);
|
||||
arrowX.stroke = 'green';
|
||||
arrowX.dashes = [5, 5];
|
||||
arrowX.linewidth = 1;
|
||||
|
||||
var arrowY = twoMaquina.makeArrow(origin.x, origin.y-200, origin.x, origin.y+200, 0);
|
||||
arrowY.stroke = 'pink';
|
||||
arrowY.dashes = [5, 5];
|
||||
arrowY.linewidth = 2;*/
|
||||
|
||||
}
|
||||
|
||||
function previewConfiguracionCubierta(cubiertaObj) {
|
||||
|
||||
@ -13,9 +109,9 @@ function previewConfiguracionCubierta(cubiertaObj) {
|
||||
let fullBookWith = ((2 * cubiertaObj.anchoLibro) + (2 * (cubiertaObj.solapas + _offsetSolapas)) + cubiertaObj.lomo);
|
||||
|
||||
// Clear the canvas element
|
||||
$('#draw-cubierta').empty();
|
||||
$('#pv_cubierta_shape').empty();
|
||||
// Get the element for placing the graphical elements
|
||||
var divCubierta = document.getElementById('draw-cubierta');
|
||||
var divCubierta = document.getElementById('pv_cubierta_shape');
|
||||
var _previewConfiguracionCubierta = new Two({fitted: true}).appendTo(divCubierta);
|
||||
// Calculate the center of the canvas element
|
||||
var origenCubierta = new Two.Vector(_previewConfiguracionCubierta.width / 2, _previewConfiguracionCubierta.height / 2);
|
||||
@ -52,9 +148,9 @@ function previewConfiguracionCubierta(cubiertaObj) {
|
||||
_previewConfiguracionCubierta.update();
|
||||
|
||||
// Update preview info fields
|
||||
$('#prevLibro').text(cubiertaObj.anchoLibro + "X" + cubiertaObj.altoLibro);
|
||||
$('#prevLomo').text(cubiertaObj.lomo);
|
||||
$('#prevSolapas').text(cubiertaObj.solapas);
|
||||
$('#pv_ec_libro').text(cubiertaObj.anchoLibro + "X" + cubiertaObj.altoLibro);
|
||||
$('#pv_ec_lomo').text(cubiertaObj.lomo);
|
||||
$('#pv_ec_solapas').text(cubiertaObj.solapas);
|
||||
|
||||
}
|
||||
|
||||
@ -86,9 +182,9 @@ function previewEsquemaCubierta(objEC) {
|
||||
}
|
||||
|
||||
// Clear the canvas element
|
||||
$('#draw-portada').empty();
|
||||
$('#pv_ec_shape').empty();
|
||||
// Get the element for placing the graphical elements
|
||||
var divEC = document.getElementById('draw-portada');
|
||||
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);
|
||||
@ -158,17 +254,17 @@ function previewEsquemaCubierta(objEC) {
|
||||
|
||||
// Cotas
|
||||
var cotaAnchoCubierta = previewEC.makeDobleArrow(
|
||||
origenEC.x - (anchoCubierta / 2),
|
||||
origenEC.x - (anchoSangrado / 2),
|
||||
origenEC.y + (altoLibro / 2) + 35,
|
||||
origenEC.x + (anchoCubierta / 2),
|
||||
origenEC.x + (anchoSangrado / 2),
|
||||
origenEC.y + (altoLibro / 2) + 35,
|
||||
10);
|
||||
cotaAnchoCubierta.linewidth = 2;
|
||||
var cotaAltoLibro = previewEC.makeDobleArrow(
|
||||
origenEC.x + (anchoCubierta / 2) + 35,
|
||||
origenEC.y + (altoLibro / 2),
|
||||
origenEC.y + (altoSangrado / 2),
|
||||
origenEC.x + (anchoCubierta / 2) + 35,
|
||||
origenEC.y - (altoLibro / 2),
|
||||
origenEC.y - (altoSangrado / 2),
|
||||
10);
|
||||
cotaAltoLibro.linewidth = 2;
|
||||
var cotaLomo = previewEC.makeDobleArrow(
|
||||
@ -202,23 +298,92 @@ function previewEsquemaCubierta(objEC) {
|
||||
let a = previewEC.makeText("Lomo", origenEC.x, origenEC.y, stylesEC).rotation = -Math.PI / 2;
|
||||
// Sangrados
|
||||
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 + (lomoLibro / 2 + anchoLibro + anchoSolapa + 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(sangradoTexto, origenEC.x, origenEC.y + (altoLibro / 2 + 20), styleSangrado);
|
||||
previewEC.makeText(sangradoTexto, origenEC.x, origenEC.y - (altoLibro / 2 + 20), styleSangrado);
|
||||
previewEC.makeText(sangradoTexto, origenEC.x + (lomoLibro / 2 + anchoLibro + anchoSolapa + 20), origenEC.y, styleSangrado).rotation = -Math.PI / 2;
|
||||
previewEC.makeText(sangradoTexto, origenEC.x - (lomoLibro / 2 + anchoLibro + anchoSolapa + 20), origenEC.y, styleSangrado).rotation = -Math.PI / 2;
|
||||
// Cotas
|
||||
previewEC.makeText(objEC.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(objEC.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(objEC.anchoCubierta + " mm", origenEC.x, origenEC.y + (altoLibro / 2) + 50, styleCotas);
|
||||
previewEC.makeText(objEC.anchoLibro + offsetSolapaValor + " mm", origenEC.x - (lomoLibro / 2 + anchoLibro / 2), origenEC.y - (altoLibro / 3) + 15, styleCotas);
|
||||
previewEC.makeText(objEC.anchoLibro + offsetSolapaValor + " mm", origenEC.x + (lomoLibro / 2 + anchoLibro / 2), origenEC.y - (altoLibro / 3) + 15, styleCotas);
|
||||
previewEC.makeText(objEC.altoLibro + (2 * sangradoValor) + " mm", origenEC.x + (lomoLibro / 2 + anchoLibro + anchoSolapa) + 50, origenEC.y, styleCotas).rotation = -Math.PI / 2;
|
||||
previewEC.makeText((2 * objEC.anchoLibro) + (2 * (objEC.anchoSolapa + offsetSolapaValor)) + objEC.lomoLibro + (2 * sangradoValor) + " mm",
|
||||
origenEC.x,
|
||||
origenEC.y + (altoLibro / 2) + 50,
|
||||
styleCotas);
|
||||
|
||||
previewEC.update();
|
||||
|
||||
}
|
||||
|
||||
function getObjetoEC(){
|
||||
let _anchoLomo = 0;
|
||||
$("#tableLineasPresupuesto tbody tr:visible td input[id*='_lomo']").each(function () {
|
||||
_anchoLomo += parseFloat($(this).val());
|
||||
});
|
||||
|
||||
objEC = {
|
||||
altoLibro:getDimensionLibro().alto,
|
||||
anchoLibro:getDimensionLibro().ancho,
|
||||
anchoSolapa: parseFloat($('#solapas_ancho').val()),
|
||||
lomoLibro:parseFloat(_anchoLomo.toFixed(2))
|
||||
};
|
||||
|
||||
// Update preview info fields
|
||||
$('#prevLibro').text(objEC.anchoLibro + "X" + objEC.altoLibro);
|
||||
$('#prevLomo').text(objEC.lomoLibro);
|
||||
$('#prevSolapas').text(objEC.solapas);
|
||||
$('#pv_ec_pg').attr("href", $('#pv_ec_pg').attr('sk-url') + $('#lp_cubierta_papel').val());
|
||||
$('#pv_ec_pi').attr("href", $('#pv_ec_pi').attr('sk-url') + $('#lp_cubierta_papelImpresion').val());
|
||||
$('#pv_ec_mi').attr("href", $('#pv_ec_mi').attr('sk-url') + $('#lp_cubierta_maquina').val());
|
||||
$('#pv_ec_libro').text(objEC.anchoLibro + "X" + objEC.altoLibro);
|
||||
$('#pv_ec_lomo').text(objEC.lomoLibro);
|
||||
$('#pv_ec_solapas').text(objEC.anchoSolapa);
|
||||
(objEC.anchoSolapa != 0) ? $('.pv-ec-solapas').show() : $('.pv-ec-solapas').hide();
|
||||
|
||||
}
|
||||
|
||||
|
||||
function getObjetoLP(lpName){
|
||||
|
||||
objEC = {
|
||||
altoLibro:getDimensionLibro().alto,
|
||||
anchoLibro:getDimensionLibro().ancho,
|
||||
altoMaquina: $('#lp_' + lpName + '_maquina_alto').val(),
|
||||
anchoMaquina: $('#lp_' + lpName + '_maquina_ancho').val(),
|
||||
altoImpresion: $('#lp_' + lpName + '_maquina_impresion_alto').val(),
|
||||
anchoImpresion: $('#lp_' + lpName + '_maquina_impresion_ancho').val(),
|
||||
anchoSolapa: parseFloat($('#solapas_ancho').val()),
|
||||
nFormas: $('#lp_' + lpName + '_formas').val(),
|
||||
//lomoLibro:parseFloat(_anchoLomo.toFixed(2))
|
||||
};
|
||||
|
||||
// Update preview info fields
|
||||
let pvName = '#pv_' + lpName;
|
||||
$(pvName + '_pg').attr("href", $(pvName + '_pg').attr('sk-url') + $('#lp_' + lpName + '_papel').val());
|
||||
$(pvName + '_pi').attr("href", $(pvName + '_pi').attr('sk-url') + $('#lp_' + lpName + '_papelImpresion').val());
|
||||
$(pvName + '_mi').attr("href", $(pvName + '_mi').attr('sk-url') + $('#lp_' + lpName + '_maquina').val());
|
||||
|
||||
$(pvName + '_gramaje').text(parseFloat($('#lp_' + lpName + '_gramaje').val()));
|
||||
$(pvName + '_mano').text(parseFloat($('#lp_' + lpName + '_lomo').val()));
|
||||
$(pvName + '_maquina').text(objEC.anchoMaquina + "x" + objEC.altoMaquina);
|
||||
$(pvName + '_maquina_impresion').text(objEC.anchoImpresion + "x" + objEC.altoImpresion);
|
||||
$(pvName + '_libro').text(objEC.anchoLibro + "x" + objEC.altoLibro);
|
||||
$(pvName + '_formas').text(objEC.nFormas);
|
||||
|
||||
}
|
||||
|
||||
|
||||
function getVisibleTabs(){
|
||||
|
||||
$("#tableLineasPresupuesto tbody tr:visible").each(function () {
|
||||
|
||||
//console.log(idElem);
|
||||
if($(this).attr('id').indexOf('cubierta') > -1){
|
||||
$("#" + $(this).attr('id').replace('lp_','tab-pv-')).show();
|
||||
$("#" + $(this).attr('id').replace('lp_','tab-pv-esquema-')).show();
|
||||
}else{
|
||||
$("#" + $(this).attr('id').replace('lp_','tab-pv-')).show();
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
13
d
13
d
@ -1,13 +0,0 @@
|
||||
bug/presupuestos3[m
|
||||
dev/presupuestos_total[m
|
||||
* [32mmain_old[m
|
||||
[31mremotes/origin/HEAD[m -> origin/main
|
||||
[31mremotes/origin/bug/presupuestos3[m
|
||||
[31mremotes/origin/dev/formas-presupuestador[m
|
||||
[31mremotes/origin/dev/presupuestos3[m
|
||||
[31mremotes/origin/dev/presupuestos_pdf[m
|
||||
[31mremotes/origin/dev/presupuestos_total[m
|
||||
[31mremotes/origin/dev/previsualizadores[m
|
||||
[31mremotes/origin/feat/presupuestos[m
|
||||
[31mremotes/origin/main[m
|
||||
[31mremotes/origin/presupuestos/tipos_presupuestos[m
|
||||
Reference in New Issue
Block a user