falta procesar el resultado

This commit is contained in:
Jaime Jiménez
2025-09-10 22:44:00 +02:00
parent 030e8af3d3
commit 6a9c197a02
12 changed files with 259 additions and 93 deletions

View File

@ -160,6 +160,25 @@ presupuesto.paginas=Páginas
presupuesto.solapas=Solapas
presupuesto.papel-gramaje=Papel y gramaje
presupuesto.maquetacion=Presupuesto de maquetación
presupuesto.maquetacion.num-caracteres=Número de caracteres
presupuesto.maquetacion.num-caracteres-descripcion=Caracteres con espacios (obtenidos desde Word)
presupuesto.maquetacion.formato=Formato
presupuesto.maquetacion.formato-descripcion=Seleccione el tamaño que más se aproxime
presupuesto.maquetacion.cuerpo-texto=Cuerpo de texto
presupuesto.maquetacion.cuerpo-texto-pequeño=Pequeño
presupuesto.maquetacion.cuerpo-texto-medio=Medio (12pt)
presupuesto.maquetacion.cuerpo-texto-grande=Grande
presupuesto.maquetacion.cuerpo-texto-descripcion=Tamaño de letra usado (medio=12pt)
presupuesto.maquetacion.num-columnas=Número de columnas
presupuesto.maquetacion.num-columnas-descripcion=Número de columnas en las que se quiere maquetar el libro
presupuesto.maquetacion.num-fotos=Número total imágenes/figuras
presupuesto.maquetacion.num-tablas=Número de tablas
presupuesto.maquetacion.correccion-ortotipografica=Corrección ortotipográfica
presupuesto.maquetacion.texto-mecanografiado=Texto mecanografiado
presupuesto.maquetacion.diseno-portada=Diseño de portada
presupuesto.maquetacion.epub=Generación Epub
# Errores
presupuesto.errores-title=Corrija los siguientes errores:
presupuesto.errores.titulo=El título es obligatorio
@ -181,4 +200,6 @@ presupuesto.errores.tipo-cubierta=Seleccione el tipo de cubierta
presupuesto.errores.solapas-cubierta=Seleccione si desea o no solapas en la cubierta
presupuesto.errores.papel-cubierta=Seleccione el tipo de papel para la cubierta
presupuesto.errores.gramaje-cubierta=Seleccione el gramaje del papel para la cubierta
presupuesto.errores.acabado-cubierta=Seleccione el acabado de la cubierta
presupuesto.errores.acabado-cubierta=Seleccione el acabado de la cubierta
presupuesto.errores.presupuesto-maquetacion=No se pudo calcular el presupuesto de maquetación.

View File

@ -0,0 +1,29 @@
$(document).on('click', '#maquetacion', function (e) {
e.preventDefault();
$.get("/presupuesto/public/maquetacion/form", function (data) {
$("#maquetacionModalBody").html(data);
$("#maquetacionModal").modal("show");
});
});
$(document).on("submit", "#maquetacionForm", function (e) {
e.preventDefault();
const $form = $(this);
$.ajax({
url: $form.attr("action"),
type: $form.attr("method"),
data: $form.serialize(),
success: function (data) {
// obtener el json devuelto
const json = JSON.parse(data);
},
error: function (xhr, status, error) {
$("#maquetacionModalBody").html(
"<div class='alert alert-danger'>" + xhr.responseText + "</div>"
);
}
});
});

View File

@ -18,7 +18,7 @@ class ServiceOptionCard {
: '';
const $card = $(`
<div class="col-lg-2 col-md-3 col-sm-6 mb-3">
<input type="checkbox" class="service-checkbox data-price=${this.price} btn-check-service" id="${this.id}" name="services[]" value="${this.id}" autocomplete="off" ${this.checked ? 'checked' : ''} />
<input type="checkbox" class="service-checkbox btn-check-service" data-price=${this.price} id="${this.id}" name="services[]" value="${this.id}" autocomplete="off" ${this.checked ? 'checked' : ''} />
<label class="btn btn-service-option w-100 text-center py-3 px-2 d-flex flex-column align-items-center justify-content-center h-100" for="${this.id}">
${ribbonHtml}
<h5 class="service-title mb-1">${this.title}</h5>

View File

@ -36,6 +36,7 @@
<div th:unless="${#authorization.expression('isAuthenticated()')}">
<script th:src="@{/assets/js/pages/imprimelibros/presupuestador/imagen-selector.js}"></script>
<script type="module" th:src="@{/assets/js/pages/imprimelibros/presupuestador/presupuestador.js}"></script>
<script type="module" th:src="@{/assets/js/pages/imprimelibros/presupuestador/presupuesto-maquetacion.js}"></script>
</div>
<script th:inline="javascript">
window.languageBundle = /*[[${languageBundle}]]*/ {};

View File

@ -0,0 +1,15 @@
<div th:fragment="modal (id, title, size, bodyId)">
<div class="modal fade" th:id="${id}" tabindex="-1" aria-hidden="true">
<div th:class="'modal-dialog ' + ${size}">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" th:text="#{${title}}">Título</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
</div>
<div class="modal-body" th:id="${bodyId}">
</div>
</div>
</div>
</div>
</div>

View File

@ -1,4 +1,12 @@
<div th:fragment="presupuestador">
<!-- Modales-->
<div
th:replace="imprimelibros/partials/modal-form :: modal('maquetacionModal', 'presupuesto.maquetacion', 'modal-lg', 'maquetacionModalBody')">
</div>
<div
th:replace="imprimelibros/partials/modal-form :: modal('marcapaginasModal', 'presupuesto.marcapaginas', 'modal-lg', 'marcapaginasModalBody')">
</div>
<div class="row">
<div class="col-xl-9">
<div class="card">

View File

@ -0,0 +1,73 @@
<div th:fragment="maquetacionForm">
<form id="maquetacionForm" th:action="@{/presupuesto/public/maquetacion}" th:object="${presupuestoMaquetacion}" method="get">
<div class="form-group">
<label th:text="#{presupuesto.maquetacion.num-caracteres}" for="num-caracteres">Número de caracteres</label>
<input type="number" class="form-control" id="num-caracteres" th:field="*{numCaracteres}" min="1" required>
<label th:text="#{presupuesto.maquetacion.num-caracteres-descripcion}" class="form-text text-muted"></label>
</div>
<div class="form-group">
<label th:text="#{presupuesto.maquetacion.formato}" for="formato-maquetacion">Formato</label>
<select class="form-control" id="formato-maquetacion" th:field="*{formato}" required>
<option value="A5" selected>A5</option>
<option value="_17x24_">170x240 mm</option>
<option value="A4">A4</option>
</select>
<label th:text="#{presupuesto.maquetacion.formato-descripcion}" class="form-text text-muted"></label>
</div>
<div class="form-group">
<label th:text="#{presupuesto.maquetacion.cuerpo-texto}" for="cuerpo-texto">Cuerpo de texto</label>
<select class="form-control" id="cuerpo-texto" th:field="*{cuerpoTexto}" required>
<option th:text="#{presupuesto.maquetacion.cuerpo-texto-pequeño}" value="small"></option>
<option th:text="#{presupuesto.maquetacion.cuerpo-texto-medio}" value="medium" selected>Medio (12pt)
</option>
<option th:text="#{presupuesto.maquetacion.cuerpo-texto-grande}" value="large">Grande</option>
</select>
<label th:text="#{presupuesto.maquetacion.cuerpo-texto-descripcion}" class="form-text text-muted"></label>
</div>
<div class="form-group">
<label th:text="#{presupuesto.maquetacion.num-columnas}" for="num-columnas">Número de columnas</label>
<input type="number" class="form-control" id="num-columnas" th:field="*{numColumnas}" min="1" required>
<label th:text="#{presupuesto.maquetacion.num-columnas-descripcion}" class="form-text text-muted"></label>
</div>
<div class="form-group">
<label th:text="#{presupuesto.maquetacion.num-tablas}" for="num-tablas">Número de tablas</label>
<input type="number" class="form-control" id="num-tablas" th:field="*{numTablas}" min="0" required>
</div>
<div class="form-group">
<label th:text="#{presupuesto.maquetacion.num-fotos}" for="num-fotos">Número de fotos</label>
<input type="number" class="form-control" id="num-fotos" th:field="*{numFotos}" min="0" required>
</div>
<div class="form-check form-switch form-switch-custom mb-3 mt-3">
<input type="checkbox" class="form-check-input form-switch-custom-primary"
id="correccion-ortotipografica" name="correccion-ortotipografica"
th:field="*{correccionOrtotipografica}">
<label class="form-check-label" for="correccion-ortotipografica">Corrección ortotipográfica</label>
</div>
<div class="form-check form-switch form-switch-custom mb-3">
<input type="checkbox" class="form-check-input form-switch-custom-primary"
id="texto-mecanografiado" name="texto-mecanografiado" th:field="*{textoMecanografiado}">
<label for="texto-mecanografiado" class="form-check-label" th:text="#{presupuesto.formato-personalizado}">
Texto mecanografiado
</label>
</div>
<div class="form-check form-switch form-switch-custom mb-3">
<input type="checkbox" class="form-check-input form-switch-custom-primary" id="disenio-portada"
name="disenio-portada" th:field="*{disenioPortada}">
<label for="disenio-portada" class="form-check-label" th:text="#{presupuesto.maquetacion.diseno-portada}">
Diseño de portada
</label>
</div>
<div class="form-check form-switch form-switch-custom">
<input type="checkbox" class="form-check-input form-switch-custom-primary" id="epub" name="epub"
th:field="*{epub}">
<label for="epub" class="form-check-label" th:text="#{presupuesto.maquetacion.epub}">ePub</label>
</div>
<button type="submit" class="btn btn-secondary mt-3">Calcular Presupuesto</button>
</form>
<div th:if="${resultado != null}" class="mt-4">
<h3>Resultado del Presupuesto</h3>
<pre th:text="${resultado}"></pre>
</div>
</div>