añadido wire-o

This commit is contained in:
2025-06-18 13:44:03 +02:00
parent 219bdfeaa3
commit 55b10a7266
3 changed files with 68 additions and 53 deletions

View File

@ -66,8 +66,8 @@
<div id="divExcluirRotativa"
class="col-sm-5 mb-3 d-flex flex-column align-items-center <?= (auth()->user()->inGroup('cliente-admin') || auth()->user()->inGroup('cliente-editor')) ? " d-none" : "" ?>">
<div class="form-check form-switch mb-2">
<input <?= (auth()->user()->inGroup('cliente-admin') || auth()->user()->inGroup('cliente-editor')) ? " hidden" : "" ?> class=" calcular-solapas calcular-presupuesto form-check-input" type="checkbox" id="excluirRotativa"
name="excluir_rotativa" value="1">
<input <?= (auth()->user()->inGroup('cliente-admin') || auth()->user()->inGroup('cliente-editor')) ? " hidden" : "" ?> class=" calcular-solapas calcular-presupuesto form-check-input" type="checkbox"
id="excluirRotativa" name="excluir_rotativa" value="1">
<label <?= (auth()->user()->inGroup('cliente-admin') || auth()->user()->inGroup('cliente-editor')) ? " hidden" : "" ?> class="form-check-label" for="excluirRotativa">Excluir rotativa</label>
</div>
</div>
@ -78,32 +78,36 @@
<label for="tirada" class="form-label">
<?= lang('Presupuestos.tirada') ?> 1*
</label>
<input type="number" class="calcular-presupuesto calcular-solapas form-control text-center num-input tirada-presupuesto" id="tirada"
name="tirada" step="1" value="50">
<input type="number"
class="calcular-presupuesto calcular-solapas form-control text-center num-input tirada-presupuesto"
id="tirada" name="tirada" step="1" value="50">
</div>
<div class="col-sm-2 d-flex flex-column align-items-center mx-1 div-num-input">
<label for="tirada2" class="form-label">
<?= lang('Presupuestos.tirada') ?> 2
</label>
<input type="number" class="calcular-presupuesto calcular-solapas form-control text-center num-input tirada-presupuesto" id="tirada2"
name="tirada2" step="1" value="">
<input type="number"
class="calcular-presupuesto calcular-solapas form-control text-center num-input tirada-presupuesto"
id="tirada2" name="tirada2" step="1" value="">
</div>
<div class="col-sm-2 d-flex flex-column align-items-center mx-1 div-num-input">
<label for="tirada3" class="form-label">
<?= lang('Presupuestos.tirada') ?> 3
</label>
<input type="number" class="calcular-presupuesto calcular-solapas form-control text-center num-input tirada-presupuesto" id="tirada3"
name="tirada3" step="1" value="">
<input type="number"
class="calcular-presupuesto calcular-solapas form-control text-center num-input tirada-presupuesto"
id="tirada3" name="tirada3" step="1" value="">
</div>
<div class="col-sm-2 d-flex flex-column align-items-center mx-1 div-num-input">
<label for="tirada4" class="form-label">
<?= lang('Presupuestos.tirada') ?> 4
</label>
<input type="number" class="calcular-presupuesto calcular-solapas form-control text-center num-input tirada-presupuesto" id="tirada4"
name="tirada4" step="1" value="">
<input type="number"
class="calcular-presupuesto calcular-solapas form-control text-center num-input tirada-presupuesto"
id="tirada4" name="tirada4" step="1" value="">
</div>
</div> <!--//.row -->
@ -113,8 +117,8 @@
<label id="label_papelFormatoId" for="papelFormatoId" class="form-label">
Formato Libro*
</label>
<select id="papelFormatoId" name="papel_formato_id" class="form-control select2bs2 calcular-presupuesto calcular-solapas"
style="width: 100%;">
<select id="papelFormatoId" name="papel_formato_id"
class="form-control select2bs2 calcular-presupuesto calcular-solapas" style="width: 100%;">
</select>
</div>
@ -123,21 +127,23 @@
<div class="col-sm-3 mb-1 mx-1 div-num-input">
<label class="form-label" for="papelFormatoAncho">Ancho Libro*</label>
<input type="number" id="papelFormatoAncho" name="papel_formato_ancho" step="1"
class="form-control formato_libro calcular-presupuesto calcular-solapas num-input" min="110" value="110">
class="form-control formato_libro calcular-presupuesto calcular-solapas num-input" min="110"
value="110">
</div>
<div class="col-sm-3 mb-1 mx-1 div-num-input">
<label class="form-label" for="papelFormatoAlto">Alto Libro*</label>
<input type="number" id="papelFormatoAlto" name="papel_formato_alto" step="1"
class="form-control formato_libro calcular-presupuesto calcular-solapas num-input" min="170" value="170">
class="form-control formato_libro calcular-presupuesto calcular-solapas num-input" min="170"
value="170">
</div>
</div>
<div class="row col-sm-4 mb-3 d-flex flex-column align-items-center">
<div class="form-check form-switch mb-2">
<input class="calcular-presupuesto calcular-solapas form-check-input" type="checkbox" id="papelFormatoPersonalizado"
name="papel_formato_personalizado" value="1">
<input class="calcular-presupuesto calcular-solapas form-check-input" type="checkbox"
id="papelFormatoPersonalizado" name="papel_formato_personalizado" value="1">
<label class="form-check-label"
for="papelFormatoPersonalizado"><?= lang('Presupuestos.papelFormatoPersonalizado') ?></label>
</div>
@ -146,15 +152,15 @@
</div>
<div class="row col-sm-9 mb-5 justify-content-center">
<div class="row col-sm-9 mb-3 justify-content-center">
<div class="row justify-content-center">
<div class="col-sm-3">
<label for="paginasColor" class="form-label">
<?= lang('Presupuestos.paginasColor') ?>
</label>
<input type="number" class="form-control calcular-presupuesto calcular-solapas input-paginas num-input" id="paginasColor"
name="paginasColor" step="1" value="0">
<input type="number" class="form-control calcular-presupuesto calcular-solapas input-paginas num-input"
id="paginasColor" name="paginasColor" step="1" value="0">
<div class="form-text">
Siempre deben ser pares
@ -166,8 +172,8 @@
<label for="paginasNegro" class="form-label">
<?= lang('Presupuestos.paginasNegro') ?>
</label>
<input type="number" class="form-control calcular-presupuesto calcular-solapas input-paginas num-input" id="paginasNegro"
name="paginasNegro" step="1" value="32">
<input type="number" class="form-control calcular-presupuesto calcular-solapas input-paginas num-input"
id="paginasNegro" name="paginasNegro" step="1" value="32">
<div class="form-text">
Siempre deben ser pares
@ -179,8 +185,7 @@
<label for="paginas" class="form-label">
<?= lang('Presupuestos.totalPaginas') ?>
</label>
<input disabled class="form-control calcular-lomo" id="paginas" name="paginas" step="1"
value="32">
<input disabled class="form-control calcular-lomo" id="paginas" name="paginas" step="1" value="32">
</div>
</div>
@ -230,46 +235,55 @@
</div>
</div>
<div id="divTipoLibro" name="div_tipo_libro" class="row col-sm-10 mb-3 justify-content-center">
<div id="fresado" class="tipo-libro calcular-solapas calcular-presupuesto imagen-selector image-container">
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/fresado.png") ?>"
alt="Fresado">
<div class="form-text text-center">
Fresado (a partir de 32 páginas)
<div id="divTipoLibro" class="container mb-3">
<!-- Fila 1: 3 elementos -->
<div class="row justify-content-center">
<div id="fresado"
class="col-12 col-md-4 d-flex flex-column align-items-center mb-4 tipo-libro imagen-selector image-container">
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/fresado.png") ?>"
alt="Fresado">
<div class="form-text text-center">Fresado (a partir de 32 páginas)</div>
</div>
<div id="cosido"
class="col-12 col-md-4 d-flex flex-column align-items-center mb-4 tipo-libro imagen-selector image-container">
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/cosido.png") ?>"
alt="Cosido">
<div class="form-text text-center">Cosido (a partir de 32 páginas)</div>
</div>
<div id="grapado"
class="col-12 col-md-4 d-flex flex-column align-items-center mb-4 tipo-libro imagen-selector image-container">
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/grapado.png") ?>"
alt="Grapado">
<div class="form-text text-center">Grapado (entre 12 y 40 páginas)</div>
</div>
</div>
<div id="grapado" class="tipo-libro calcular-solapas calcular-presupuesto imagen-selector image-container">
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/grapado.png") ?>"
alt="Grapado">
<div class="form-text text-center">
Grapado (entre 12 y 40 páginas)
<!-- Fila 2: 2 elementos centrados -->
<div class="row justify-content-center">
<div id="espiral"
class="col-12 col-md-4 d-flex flex-column align-items-center mb-4 tipo-libro imagen-selector image-container">
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/espiral.png") ?>"
alt="Espiral">
<div class="form-text text-center">Espiral</div>
</div>
</div>
<div id="espiral" class="tipo-libro calcular-solapas calcular-presupuesto imagen-selector image-container">
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/espiral.png") ?>"
alt="Espiral">
<div class="form-text text-center">
Espiral
</div>
</div>
<div id="cosido" class="tipo-libro calcular-solapas calcular-presupuesto imagen-selector image-container">
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/cosido.png") ?>"
alt="Cosido">
<div class="form-text text-center">
Cosido (a partir de 32 páginas)
<div id="wireo"
class="col-12 col-md-4 d-flex flex-column align-items-center mb-4 tipo-libro imagen-selector image-container">
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/wire-o.png") ?>"
alt="Wire-O">
<div class="form-text text-center">Wire-O</div>
</div>
</div>
</div>
<div class="col-sm-8 mb-3 d-flex flex-column align-items-center">
<h3 class="mb-1 fw-bold"> Servicios extra </h3>
</div>
<div class="row col-sm-8 mb-3 d-flex flex-column align-items-left">
<div class="row align-items-center" >
<div class="row align-items-center">
<div class="col-sm-3 form-check form-switch mb-2 d-flex align-items-center gap-2">
<input class="calcular-presupuesto form-check-input" type="checkbox" id="retractilado"
name="retractilado" value="1">

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 1.5 MiB

View File

@ -34,6 +34,7 @@ class DatosGenerales {
this.cosido = $(this.domItem.find("#cosido")[0]);
this.grapado = $(this.domItem.find("#grapado")[0]);
this.espiral = $(this.domItem.find("#espiral")[0]);
this.wireo = $(this.domItem.find("#wireo")[0]);
this.tiposLibro = this.domItem.find(".tipo-libro");
@ -587,7 +588,7 @@ class DatosGenerales {
// Accede al ID del elemento que disparó el evento
const element = $(event.target);
let containers = element.closest('.tipo-libro').parent().find('.tipo-libro');
let containers = $('#divTipoLibro').find('.tipo-libro');
for (let container of containers) {
if (container != element.closest('.tipo-libro')[0]) {
$(container).removeClass('selected');
@ -614,7 +615,7 @@ class DatosGenerales {
this.divPaginasCuaderillo.addClass('d-none');
}
if (this.grapado.hasClass('selected') || this.espiral.hasClass('selected')) {
if (this.grapado.hasClass('selected') || this.espiral.hasClass('selected') || this.wireo.hasClass('selected')) {
$('#addSobrecubierta').prop('checked', false).trigger('change');
$(".sobrecubierta-items").addClass('d-none');