jjimenez/safekat
1
0
Fork 0
mirror of https://git.imnavajas.es/jjimenez/safekat.git synced 2025-07-25 22:52:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

añadido wire-o

Browse Source
This commit is contained in:
Jaime Jiménez
2025-06-18 13:44:03 +02:00
parent 219bdfeaa3
commit 55b10a7266
3 changed files with 68 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
ci4/app/Views/themes/vuexy/form/presupuestos/cliente/items/_datosGenerales.php
View File

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

BIN
httpdocs/assets/img/presupuestoCliente/wire-o.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 MiB

After

Width:  |  Height:  |  Size: 1.5 MiB

5
httpdocs/assets/js/safekat/pages/presupuestoCliente/datosGenerales.js
View File

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