faltan que no se reseteen los acabados de la cubierta

This commit is contained in:
Jaime Jiménez
2025-09-01 14:50:42 +02:00
parent ea1c485c80
commit 3d9444c3d6
7 changed files with 284 additions and 49 deletions

View File

@ -21,7 +21,7 @@
<div class="ribbon-content mt-4">
<div class="row justify-content-center imagen-container-group mt-3">
<div id="tapaBlanda" class="tapa-cubierta image-container imagen-selector selected">
<div id="tapaBlanda" class="tapa-cubierta image-container imagen-selector selected" th:attr="data-summary-text=#{presupuesto.tapa-blanda}">
<img class="image-presupuesto" src="/assets/images/imprimelibros/presupuestador/tapa-blanda.png"
alt="">
<label for="titulo" class="form-label" th:text="#{presupuesto.tapa-blanda}">
@ -29,7 +29,7 @@
</label>
</div>
<div id="tapaDura" class="tapa-cubierta image-container imagen-selector">
<div id="tapaDura" class="tapa-cubierta image-container imagen-selector" th:attr="data-summary-text=#{presupuesto.tapa-dura}">
<img class="image-presupuesto"
src="/assets/images/imprimelibros/presupuestador/tapa-dura-lomo-recto.png" alt="">
<label class="form-label" th:text="#{presupuesto.tapa-dura}">
@ -37,7 +37,7 @@
</label>
</div>
<div id="tapaDuraLomoRedondo" class="tapa-cubierta image-container imagen-selector">
<div id="tapaDuraLomoRedondo" class="tapa-cubierta image-container imagen-selector" th:attr="data-summary-text=#{presupuesto.tapa-dura-lomo-redondo}">
<img class="image-presupuesto"
src="/assets/images/imprimelibros/presupuestador/tapa-dura-lomo-redondo.png" alt="">
<label class="form-label" th:text="#{presupuesto.tapa-dura-lomo-redondo}">
@ -53,7 +53,7 @@
<!-- Bloque de solapas -->
<div class="d-flex gap-3">
<div id="sin-solapas" class="image-container imagen-selector solapas-cubierta selected">
<div id="sin-solapas" class="image-container imagen-selector solapas-cubierta selected" th:attr="data-summary-text=#{app.no}">
<img class="image-presupuesto"
src="/assets/images/imprimelibros/presupuestador/sinSolapasCubierta.png" alt="">
<label class="form-label text-center d-block" th:text="#{presupuesto.sin-solapas}">
@ -61,7 +61,7 @@
</label>
</div>
<div id="con-solapas" class="image-container imagen-selector solapas-cubierta">
<div id="con-solapas" class="image-container imagen-selector solapas-cubierta" th:attr="data-summary-text=#{app.yes}">
<img class="image-presupuesto"
src="/assets/images/imprimelibros/presupuestador/conSolapasCubierta.png" alt="">
<label class="form-label text-center d-block" th:text="#{presupuesto.con-solapas}">
@ -77,7 +77,7 @@
<label for="impresion-cubierta" class="form-label"
th:text="#{presupuesto.impresion-cubierta}">Impresión de cubierta</label>
<div class="input-group input-group-sm">
<select class="form-select select2 datos-cubierta" id="impresion-cubierta">
<select class="form-select select2 datos-cubierta tapa-cubierta-summary" id="impresion-cubierta">
<option value="2" th:text="#{presupuesto.una-cara}">Una cara</option>
<option value="4" th:text="#{presupuesto.dos-caras}">Dos caras</option>
</select>
@ -94,7 +94,7 @@
<label for="tamanio-solapas-cubierta" class="form-label"
th:text="#{presupuesto.tamanio-solapa}">Tamaño solapa</label>
<input type="number"
class="form-control form-control-sm solapas-presupuesto datos-cubierta"
class="form-control form-control-sm solapas-presupuesto datos-cubierta tapa-cubierta-summary"
id="tamanio-solapas-cubierta" min="60" max="120" value="80" step="1">
<div class="form-text">
<p class="mb-0">min: 60 mm</p>
@ -114,7 +114,7 @@
<div class="col-auto mb-3">
<label for="papel-guardas" class="form-label" th:text="#{presupuesto.papel-guardas}">Papel de
guardas</label>
<select class="form-select select2 datos-cubierta" id="papel-guardas">
<select class="form-select select2 datos-cubierta tapa-cubierta-summary" id="papel-guardas">
<optgroup th:label="#{presupuesto.offset}">
<option value="1" data-papel-id="3" data-gramaje="170"
th:text="#{presupuesto.offset-blanco} + ' 170 gr'" selected>Offset blanco 170 gr
@ -131,7 +131,7 @@
<div class="col-auto mb-3">
<label for="guardas-impresas" class="form-label" th:text="#{presupuesto.guardas-impresas}">Guardas
impresas</label>
<select class="form-select select2 datos-cubierta" id="guardas-impresas">
<select class="form-select select2 datos-cubierta tapa-cubierta-summary" id="guardas-impresas">
<option value="0" th:text="#{presupuesto.no}" selected>No</option>
<option value="4" th:text="#{presupuesto.una-cara}">Una cara</option>
<option value="8" th:text="#{presupuesto.dos-caras}">Dos caras</option>
@ -139,7 +139,7 @@
</div>
<div class="col-auto mb-3">
<label for="cabezada" class="form-label" th:text="#{presupuesto.cabezada}">Cabezada</label>
<select class="form-select select2 datos-cubierta" id="cabezada">
<select class="form-select select2 datos-cubierta tapa-cubierta-summary" id="cabezada">
<option value="WHI" th:text="#{presupuesto.cabezada-blanca}" selected>Blanca</option>
<option value="GRE" th:text="#{presupuesto.cabezada-verde}">Verde</option>
<option value="BLUE" th:text="#{presupuesto.cabezada-azul}">Azul</option>
@ -271,7 +271,7 @@
<div class="d-flex flex-column me-2">
<label for="papel-sobrecubierta" class="form-label"
th:text="#{presupuesto.sobrecubierta-papel}">Papel</label>
<select class="form-select select2 datos-cubierta w-auto" id="papel-sobrecubierta">
<select class="form-select select2 datos-cubierta sobrecubierta-item w-auto" id="papel-sobrecubierta">
<optgroup th:label="#{presupuesto.estucado}">
<option selected value="2" data-papel-id="2" data-gramaje="170"
th:text="#{presupuesto.estucado-mate} + ' 170 gr'">Estucado mate 170 gr
@ -293,7 +293,7 @@
<div class="d-flex flex-column me-2">
<label for="tamanio-solapas-sobrecubierta" class="form-label"
th:text="#{presupuesto.sobrecubierta-solapas}">Tamaño solapas sobrecubierta</label>
<input type="number" class="form-control datos-cubierta w-auto"
<input type="number" class="form-control datos-cubierta sobrecubierta-item w-auto"
id="tamanio-solapas-sobrecubierta" min="60" max="120" value="80" step="1">
<div class="form-text">
<p class="mb-0">min: 60 mm</p>
@ -304,7 +304,7 @@
<div class="d-flex flex-column me-2">
<label for="sobrecubierta-acabado" class="form-label"
th:text="#{presupuesto.acabado}">Acabado</label>
<select class="form-select select2 datos-cubierta w-auto" id="sobrecubierta-acabado">
<select class="form-select select2 datos-cubierta sobrecubierta-item w-auto" id="sobrecubierta-acabado">
</select>
</div>
</div>
@ -333,7 +333,7 @@
<div class="d-flex flex-column me-2">
<label for="papel-faja" class="form-label"
th:text="#{presupuesto.faja-papel}">Papel</label>
<select class="form-select select2 datos-cubierta w-auto" id="papel-faja">
<select class="form-select select2 datos-cubierta faja-item w-auto" id="papel-faja">
<optgroup th:label="#{presupuesto.estucado}">
<option selected value="2" data-papel-id="2" data-gramaje="170"
th:text="#{presupuesto.estucado-mate} + ' 170 gr'">Estucado mate 170 gr
@ -355,7 +355,7 @@
<div class="d-flex flex-column me-2">
<label for="alto-faja" class="form-label"
th:text="#{presupuesto.faja-alto}">Alto faja</label>
<input type="number" class="form-control datos-cubierta w-auto"
<input type="number" class="form-control datos-cubierta faja-item w-auto"
id="alto-faja" min="50" max="120" value="80" step="1">
<div class="form-text">
<p class="mb-0">min: 50 mm</p>
@ -366,7 +366,7 @@
<div class="d-flex flex-column me-2">
<label for="tamanio-solapas-faja" class="form-label"
th:text="#{presupuesto.faja-solapas}">Tamaño solapas faja</label>
<input type="number" class="form-control datos-cubierta w-auto"
<input type="number" class="form-control datos-cubierta faja-item w-auto"
id="tamanio-solapas-faja" min="60" max="120" value="80" step="1">
<div class="form-text">
<p class="mb-0">min: 60 mm</p>
@ -377,7 +377,7 @@
<div class="d-flex flex-column me-2">
<label for="faja-acabado" class="form-label"
th:text="#{presupuesto.acabado}">Acabado</label>
<select class="form-select select2 datos-cubierta w-auto" id="faja-acabado">
<select class="form-select select2 datos-cubierta faja-item w-auto" id="faja-acabado">
</select>
</div>
</div>

View File

@ -1,4 +1,4 @@
<div class="col-xl-4">
<div class="col-xl-3">
<div class="card">
<div class="card-header">
<div class="d-flex">
@ -87,35 +87,124 @@
<td>
<span th:text="#{presupuesto.tipo-cubierta}"></span>
</td>
<td id="summary-tipo-cubierta" class="text-end"></td>
<td id="summary-tapa-cubierta" class="text-end"></td>
</tr>
<tr id="summary-cubierta-solapas-row" class="d-none">
<td>
<span th:text="#{presupuesto.papel-cubierta}"></span>
</td>
<td id="summary-cubierta-solapas" class="text-end"></td>
</tr>
<tr id="summary-cubierta-solapas-row" class="d-none">
<tr class="tapa-blanda-row d-none">
<td>
<span th:text="#{presupuesto.solapas}"></span>
</td>
<td id="summary-cubierta-solapas" class="text-end"></td>
</tr>
<tr id="summary-tamanio-solapa-row" class="d-none">
<td>
<span th:text="#{presupuesto.tamanio-solapa}"></span>
<tr class="tapa-blanda-row d-none">
<td class="ps-3">
<span class="ps-3" th:text="#{presupuesto.tamanio-solapa}"></span>
</td>
<td id="summary-tamanio-solapa" class="text-end"></td>
</tr>
<tr class="tapa-blanda-row d-none">
<td>
<span th:text="#{presupuesto.impresion-cubierta}"></span>
</td>
<td id="summary-impresion-cubierta" class="text-end"></td>
</tr>
<tr class="tapa-dura-row d-none">
<td>
<span th:text="#{presupuesto.papel-guardas}"></span>
</td>
<td id="summary-papel-guardas" class="text-end"></td>
</tr>
<tr class="tapa-dura-row d-none">
<td>
<span th:text="#{presupuesto.guardas-impresas}"></span>
</td>
<td id="summary-guardas-impresas" class="text-end"></td>
</tr>
<tr class="tapa-dura-row d-none">
<td>
<span th:text="#{presupuesto.cabezada}"></span>
</td>
<td id="summary-cabezada" class="text-end"></td>
</tr>
<tr>
<td>
<span th:text="#{presupuesto.papel-cubierta}"></span>
</td>
<td id="summary-papel-cubierta" class="text-end"></td>
</tr>
<tr>
<td>
<span th:text="#{presupuesto.gramaje-cubierta}"></span>
</td>
<td id="summary-gramaje-cubierta" class="text-end"></td>
</tr>
<tr>
<td>
<span th:text="#{presupuesto.acabado}"></span>
</td>
<td id="summary-acabado-cubierta" class="text-end"></td>
</tr>
</tbody>
</table>
<table id="summary-sobrecubierta" class="table table-responsive align-middle mb-0 d-none">
<thead class="table-light">
<tr>
<th th:text="#{presupuesto.sobrecubierta}" scope="col" colspan="2">Sobrecubierta</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span th:text="#{presupuesto.papel-gramaje}"></span>
</td>
<td id="summary-sobrecubierta-papel-gramaje" class="text-end"></td>
</tr>
<tr>
<td>
<span th:text="#{presupuesto.tamanio-solapa}"></span>
</td>
<td id="summary-sobrecubierta-tamanio-solapa" class="text-end"></td>
</tr>
<tr>
<td>
<span th:text="#{presupuesto.acabado}"></span>
</td>
<td id="summary-sobrecubierta-acabado" class="text-end"></td>
</tr>
</tbody>
</table>
<table id="summary-faja" class="table table-responsive align-middle mb-0 d-none">
<thead class="table-light">
<tr>
<th th:text="#{presupuesto.faja}" scope="col" colspan="2">Faja</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span th:text="#{presupuesto.papel-gramaje}"></span>
</td>
<td id="summary-faja-papel-gramaje" class="text-end"></td>
</tr>
<tr>
<td>
<span th:text="#{presupuesto.faja-alto}"></span>
</td>
<td id="summary-faja-alto-faja" class="text-end"></td>
</tr>
<tr>
<td>
<span th:text="#{presupuesto.tamanio-solapa}"></span>
</td>
<td id="summary-faja-tamanio-solapa" class="text-end"></td>
</tr>
<tr>
<td>
<span th:text="#{presupuesto.acabado}"></span>
</td>
<td id="summary-faja-acabado" class="text-end"></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- end card body -->

View File

@ -1,6 +1,6 @@
<div th:fragment="presupuestador">
<div class="row">
<div class="col-xl-8">
<div class="col-xl-9">
<div class="card">
<div class="card-body checkout-tab">