mirror of
https://git.imnavajas.es/jjimenez/erp-imprimelibros.git
synced 2026-01-12 16:38:48 +00:00
trabajando en el envio de los datos al backend para generar el resumen. no recibe bien el objeto presupuesto
This commit is contained in:
Jaime Jiménez
@ -535,4 +535,16 @@ public class Presupuesto implements Cloneable{
|
||||
public void setPresupuestoMaquetacionData(String presupuestoMaquetacionData) {
|
||||
this.presupuestoMaquetacionData = presupuestoMaquetacionData;
|
||||
}
|
||||
|
||||
public String resumenPresupuesto() {
|
||||
return String.format("%s - %s - %dx%d mm - %d Páginas (N:%d C:%d) - Tira:%d",
|
||||
this.titulo,
|
||||
this.tipoEncuadernacion,
|
||||
this.ancho,
|
||||
this.alto,
|
||||
this.paginasNegro + this.paginasColorTotal,
|
||||
this.paginasNegro,
|
||||
this.paginasColorTotal,
|
||||
this.selectedTirada != null ? this.selectedTirada : 0);
|
||||
}
|
||||
}
|
||||
|
||||
@ -375,4 +375,10 @@ public class PresupuestoController {
|
||||
return ResponseEntity.ok(resultado);
|
||||
}
|
||||
|
||||
@GetMapping("/public/getresumen")
|
||||
public ResponseEntity<?> getResumen(Presupuesto presupuesto, @RequestParam HashMap<String, Object> summary, Locale locale) {
|
||||
return ResponseEntity.ok(presupuestoService.getResumen(presupuesto, summary, locale));
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@ -760,12 +760,15 @@ public class PresupuestoService {
|
||||
resultado.put("precio_unitario", precio_unidad);
|
||||
resultado.put("precio_total", pvp);
|
||||
HashMap<String, String> language = new HashMap<>();
|
||||
language.put("precio_unidad", messageSource.getMessage("presupuesto.marcapaginas.precio-unidad", null, locale));
|
||||
language.put("precio_total", messageSource.getMessage("presupuesto.marcapaginas.precio-total", null, locale));
|
||||
language.put("precio_unidad",
|
||||
messageSource.getMessage("presupuesto.marcapaginas.precio-unidad", null, locale));
|
||||
language.put("precio_total",
|
||||
messageSource.getMessage("presupuesto.marcapaginas.precio-total", null, locale));
|
||||
language.put("add_to_presupuesto",
|
||||
messageSource.getMessage("presupuesto.add-to-presupuesto", null, locale));
|
||||
language.put("cancel", messageSource.getMessage("app.cancelar", null, locale));
|
||||
language.put("presupuesto_marcapaginas", messageSource.getMessage("presupuesto.marcapaginas", null, locale));
|
||||
language.put("presupuesto_marcapaginas",
|
||||
messageSource.getMessage("presupuesto.marcapaginas", null, locale));
|
||||
resultado.put("language", language);
|
||||
return resultado;
|
||||
|
||||
@ -777,4 +780,22 @@ public class PresupuestoService {
|
||||
out.put("precio_total", 0.0);
|
||||
return out;
|
||||
}
|
||||
|
||||
public Map<String, Object> getResumen(Presupuesto presupuesto, HashMap<String, Object> servicios, Locale locale) {
|
||||
Map<String, Object> resumen = new HashMap<>();
|
||||
|
||||
resumen.put("titulo", presupuesto.getTitulo());
|
||||
|
||||
/*
|
||||
* Integer tirada = presupuesto.getSelectedTirada() != null ?
|
||||
* presupuesto.getSelectedTirada() : 0;
|
||||
* if (Arrays.asList(servicios).contains("deposito-legal")) {
|
||||
* tirada += 4;
|
||||
* }
|
||||
*/
|
||||
|
||||
String textoResumen = messageSource.getMessage("presupuesto.resumen-texto", null, locale);
|
||||
resumen.put("resumen", textoResumen);
|
||||
return resumen;
|
||||
}
|
||||
}
|
||||
|
||||
@ -157,6 +157,9 @@ presupuesto.calcular-presupuesto=Calcular presupuesto
|
||||
presupuesto.consultar-soporte=Consultar con soporte
|
||||
|
||||
# Pestaña resumen del presupuesto
|
||||
presupuesto.resumen-texto={tirada} unidades encuadernadas en {tipoEncuadernacion} con {totalPaginas} páginas en formato {formato}. \
|
||||
\n Papel interior {papelInterior} {gramajeInterior}. \
|
||||
\n Cubierta en {tapaCubierta} {solapasCubierta} en {papelCubierta} {gramajeCubierta}.
|
||||
presupuesto.volver-extras=Volver a extras
|
||||
|
||||
# Resumen del presupuesto
|
||||
|
||||
@ -213,7 +213,8 @@
|
||||
|
||||
/* ===== Tiradas (pricing cards) ===== */
|
||||
.tirada-card {
|
||||
--il-accent: #92b2a7; /* verde grisáceo */
|
||||
--il-accent: #92b2a7;
|
||||
/* verde grisáceo */
|
||||
--radius: 18px;
|
||||
--sel-scale-y: 1.12;
|
||||
/* cuánto más alta la seleccionada (crece arriba y abajo) */
|
||||
@ -352,19 +353,23 @@
|
||||
|
||||
|
||||
.nav-link.active .bg-soft-primary {
|
||||
background-color: #ffffff33 !important; /* #4c5c63 al 20% */
|
||||
background-color: #ffffff33 !important;
|
||||
/* #4c5c63 al 20% */
|
||||
}
|
||||
|
||||
.nav-link.active .text-primary {
|
||||
color: #ffffff !important; /* #4c5c63 al 20% */
|
||||
color: #ffffff !important;
|
||||
/* #4c5c63 al 20% */
|
||||
}
|
||||
|
||||
.nav-link:not(.active) .bg-soft-primary {
|
||||
background-color: #4c5c6366 !important; /* #4c5c63 al 20% */
|
||||
background-color: #4c5c6366 !important;
|
||||
/* #4c5c63 al 20% */
|
||||
}
|
||||
|
||||
.nav-link:not(.active) .text-primary {
|
||||
color: #000000 !important; /* #4c5c63 al 20% */
|
||||
color: #000000 !important;
|
||||
/* #4c5c63 al 20% */
|
||||
}
|
||||
|
||||
/* base */
|
||||
@ -376,20 +381,20 @@
|
||||
}
|
||||
|
||||
/* hover no seleccionado */
|
||||
.btn-check-service + .btn-service-option:hover {
|
||||
.btn-check-service+.btn-service-option:hover {
|
||||
background-color: rgba(146, 178, 167, 0.3);
|
||||
color: #92b2a7;
|
||||
}
|
||||
|
||||
/* seleccionado */
|
||||
.btn-check-service:checked + .btn-service-option {
|
||||
.btn-check-service:checked+.btn-service-option {
|
||||
background-color: #92b2a7;
|
||||
color: #fff;
|
||||
border-color: #92b2a7;
|
||||
}
|
||||
|
||||
/* hover estando seleccionado (que no se aclare) */
|
||||
.btn-check-service:checked + .btn-service-option:hover {
|
||||
.btn-check-service:checked+.btn-service-option:hover {
|
||||
background-color: #92b2a7;
|
||||
color: #fff;
|
||||
}
|
||||
@ -407,4 +412,70 @@
|
||||
|
||||
.form-switch-custom.form-switch-presupuesto .form-check-input:checked::before {
|
||||
color: #92b2a7;
|
||||
}
|
||||
|
||||
/* ==== Paso al resumen ==== */
|
||||
/* ---- Ajustes rápidos ---- */
|
||||
/* Valores por defecto (col-9 / col-3 ≈ 75% / 25%) */
|
||||
#presupuesto-row{
|
||||
--main-col: 75%;
|
||||
--summary-col: 25%;
|
||||
--il-dur-main: 1.4s;
|
||||
--il-dur-summary: .6s;
|
||||
--il-delay-main: .15s; /* empieza un poco después */
|
||||
--il-delay-summary: 0s;
|
||||
--il-ease-main: cubic-bezier(.2,.8,.2,1);
|
||||
--il-ease-summary: cubic-bezier(.4,0,.2,1);
|
||||
--il-shift: 32px;
|
||||
}
|
||||
|
||||
/* Forzamos que el ancho venga de las variables (y sea animable) */
|
||||
@media (prefers-reduced-motion: no-preference){
|
||||
#presupuesto-row .col-main{
|
||||
flex: 0 0 var(--main-col) !important;
|
||||
max-width: var(--main-col) !important;
|
||||
transition:
|
||||
flex-basis var(--il-dur-main) var(--il-ease-main) var(--il-delay-main),
|
||||
max-width var(--il-dur-main) var(--il-ease-main) var(--il-delay-main);
|
||||
}
|
||||
#presupuesto-row .summary-col{
|
||||
flex: 0 0 var(--summary-col) !important;
|
||||
max-width: var(--summary-col) !important;
|
||||
transition:
|
||||
flex-basis var(--il-dur-summary) var(--il-ease-summary) var(--il-delay-summary),
|
||||
max-width var(--il-dur-summary) var(--il-ease-summary) var(--il-delay-summary),
|
||||
opacity var(--il-dur-summary) var(--il-ease-summary) var(--il-delay-summary),
|
||||
transform var(--il-dur-summary) var(--il-ease-summary) var(--il-delay-summary);
|
||||
}
|
||||
}
|
||||
|
||||
/* Estado expandido: cambiamos SOLO las variables (esto sí se anima) */
|
||||
#presupuesto-row.expanded{
|
||||
--main-col: 100%;
|
||||
--summary-col: 0%;
|
||||
}
|
||||
|
||||
#presupuesto-row.expanded .summary-col{
|
||||
opacity: 0;
|
||||
transform: translateX(var(--il-shift));
|
||||
pointer-events: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media (min-width: 1200px){
|
||||
/* Evita que las columnas se vayan a la siguiente línea durante la animación */
|
||||
#presupuesto-row{
|
||||
display: flex; /* por si acaso algún wrapper cambia el display */
|
||||
flex-wrap: nowrap; /* <-- clave */
|
||||
align-items: stretch;
|
||||
}
|
||||
/* Permite que las columnas puedan encoger sin forzar salto de línea */
|
||||
#presupuesto-row .col-main,
|
||||
#presupuesto-row .summary-col{
|
||||
min-width: 0; /* <-- clave para que el contenido no fuerce ancho */
|
||||
}
|
||||
/* Opcional: evita “asomar” algo durante el slide */
|
||||
#presupuesto-row .summary-col{
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
@ -1388,6 +1388,20 @@ class PresupuestoCliente {
|
||||
this.#changeTab('pills-seleccion-tirada');
|
||||
this.summaryTableExtras.addClass('d-none');
|
||||
} else {
|
||||
const data = Summary.getSummaryData();
|
||||
$.ajax({
|
||||
url: '/presupuesto/public/getresumen',
|
||||
type: 'GET',
|
||||
data: {
|
||||
presupuesto: this.#getPresupuestoData(),
|
||||
summary: data,
|
||||
}
|
||||
}).then((data) => {
|
||||
console.log("Extras validados correctamente", data);
|
||||
}).catch((error) => {
|
||||
console.error("Error obtener resumen: ", error);
|
||||
});
|
||||
|
||||
this.#changeTab('pills-resumen');
|
||||
}
|
||||
});
|
||||
@ -1443,21 +1457,40 @@ class PresupuestoCliente {
|
||||
* END EXTRAS
|
||||
******************************/
|
||||
|
||||
|
||||
|
||||
/******************************
|
||||
* EXTRAS
|
||||
* RESUMEN
|
||||
******************************/
|
||||
#initResumen() {
|
||||
const $row = $('#presupuesto-row');
|
||||
|
||||
// 1) Transición al cambiar de pestaña (click o programático)
|
||||
$(document).on('shown.bs.tab', '.custom-nav .nav-link', (e) => {
|
||||
const targetSelector = $(e.target).data('bs-target'); // ej: "#pills-resumen"
|
||||
if (targetSelector === '#pills-resumen') {
|
||||
$row.addClass('expanded');
|
||||
window.scrollTo({ top: 0, behavior: 'smooth' });
|
||||
} else {
|
||||
$row.removeClass('expanded');
|
||||
}
|
||||
});
|
||||
|
||||
// 2) Botón "atrás" en Resumen
|
||||
$(document).on('click', '.btn-change-tab-resumen', (e) => {
|
||||
const id = e.currentTarget.id;
|
||||
if (id === 'btn-prev-resumen') {
|
||||
if (e.currentTarget.id === 'btn-prev-resumen') {
|
||||
this.#changeTab('pills-extras');
|
||||
}
|
||||
});
|
||||
|
||||
// 3) Estado inicial si ya cargas en Resumen
|
||||
$(function () {
|
||||
const activeTarget = $('.custom-nav .nav-link.active').data('bs-target');
|
||||
$('#presupuesto-row').toggleClass('expanded', activeTarget === '#pills-resumen');
|
||||
});
|
||||
}
|
||||
|
||||
/******************************
|
||||
* END EXTRAS
|
||||
* END RESUMEN
|
||||
******************************/
|
||||
}
|
||||
|
||||
|
||||
@ -152,7 +152,7 @@ export function updateExtras() {
|
||||
const price = $(`label[for="${$servicio.attr('id')}"] .service-price`).text().trim() || $servicio.attr('price');
|
||||
const $row = $('<tr>').append(
|
||||
$('<td>').append($('<span>').text(resumen)),
|
||||
$('<td class="text-end">').text(price)
|
||||
$('<td class="text-end data-summary" data-id-summary="servicio-' + $servicio.attr('id') + '">').text(price)
|
||||
);
|
||||
$tbody.append($row);
|
||||
});
|
||||
@ -161,4 +161,22 @@ export function updateExtras() {
|
||||
} else {
|
||||
$table.addClass('d-none');
|
||||
}
|
||||
}
|
||||
|
||||
export function getSummaryData() {
|
||||
const data = {};
|
||||
|
||||
$(".data-summary").each(function () {
|
||||
const $el = $(this);
|
||||
|
||||
// comprobar si la tabla y el tr están visibles
|
||||
if ($el.closest("table").is(":visible") && $el.closest("tr").is(":visible")) {
|
||||
const key = $el.data("id-summary"); // atributo data-id-summary
|
||||
const value = $el.text().trim(); // texto visible
|
||||
|
||||
data[key] = value;
|
||||
}
|
||||
});
|
||||
|
||||
return data;
|
||||
}
|
||||
@ -1,4 +1,4 @@
|
||||
<div class="col-xl-3">
|
||||
<div class="col-xl-3 summary-col">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<div class="d-flex">
|
||||
@ -20,19 +20,19 @@
|
||||
<td class="align-items-center">
|
||||
<span th:text="#{presupuesto.resumen-encuadernacion}"></span>
|
||||
</td>
|
||||
<td id="summary-encuadernacion" class="text-end">Fresado</td>
|
||||
<td id="summary-encuadernacion" class="text-end data-summary" data-id-summary="encuadernacion">Fresado</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span th:text="#{presupuesto.formato}"></span>
|
||||
</td>
|
||||
<td id="summary-formato" class="text-end"></td>
|
||||
<td id="summary-formato" class="text-end data-summary" data-id-summary="formato"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span th:text="#{presupuesto.paginas}"></span>
|
||||
</td>
|
||||
<td id="summary-paginas" class="text-end"></td>
|
||||
<td id="summary-paginas" class="text-end data-summary" data-id-summary="paginas"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="ps-3">
|
||||
@ -60,19 +60,19 @@
|
||||
<td>
|
||||
<span th:text="#{presupuesto.tipo-interior}"></span>
|
||||
</td>
|
||||
<td id="summary-tipo-interior" class="text-end"></td>
|
||||
<td id="summary-tipo-interior" class="text-end data-summary" data-id-summary="tipo-interior"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span th:text="#{presupuesto.papel-interior}"></span>
|
||||
</td>
|
||||
<td id="summary-papel-interior" class="text-end"></td>
|
||||
<td id="summary-papel-interior" class="text-end data-summary" data-id-summary="papel-interior"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span th:text="#{presupuesto.gramaje-interior}"></span>
|
||||
</td>
|
||||
<td id="summary-gramaje-interior" class="text-end"></td>
|
||||
<td id="summary-gramaje-interior" class="text-end data-summary" data-id-summary="gramaje-interior"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -87,61 +87,61 @@
|
||||
<td>
|
||||
<span th:text="#{presupuesto.tipo-cubierta}"></span>
|
||||
</td>
|
||||
<td id="summary-tapa-cubierta" class="text-end"></td>
|
||||
<td id="summary-tapa-cubierta" class="text-end data-summary" data-id-summary="tapa-cubierta"></td>
|
||||
</tr>
|
||||
<tr class="tapa-blanda-row d-none">
|
||||
<td>
|
||||
<span th:text="#{presupuesto.solapas}"></span>
|
||||
</td>
|
||||
<td id="summary-cubierta-solapas" class="text-end"></td>
|
||||
<td id="summary-cubierta-solapas" class="text-end data-summary" data-id-summary="cubierta-solapas"></td>
|
||||
</tr>
|
||||
<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>
|
||||
<td id="summary-tamanio-solapa" class="text-end data-summary" data-id-summary="tamanio-solapa"></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>
|
||||
<td id="summary-impresion-cubierta" class="text-end data-summary" data-id-summary="impresion-cubierta"></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>
|
||||
<td id="summary-papel-guardas" class="text-end data-summary" data-id-summary="papel-guardas"></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>
|
||||
<td id="summary-guardas-impresas" class="text-end data-summary" data-id-summary="guardas-impresas"></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>
|
||||
<td id="summary-cabezada" class="text-end data-summary" data-id-summary="cabezada"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span th:text="#{presupuesto.papel-cubierta}"></span>
|
||||
</td>
|
||||
<td id="summary-papel-cubierta" class="text-end"></td>
|
||||
<td id="summary-papel-cubierta" class="text-end data-summary" data-id-summary="papel-cubierta"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span th:text="#{presupuesto.gramaje-cubierta}"></span>
|
||||
</td>
|
||||
<td id="summary-gramaje-cubierta" class="text-end"></td>
|
||||
<td id="summary-gramaje-cubierta" class="text-end data-summary" data-id-summary="gramaje-cubierta"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span th:text="#{presupuesto.acabado}"></span>
|
||||
</td>
|
||||
<td id="summary-acabado-cubierta" class="text-end"></td>
|
||||
<td id="summary-acabado-cubierta" class="text-end data-summary" data-id-summary="acabado-cubierta"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -156,19 +156,19 @@
|
||||
<td>
|
||||
<span th:text="#{presupuesto.papel-gramaje}"></span>
|
||||
</td>
|
||||
<td id="summary-sobrecubierta-papel-gramaje" class="text-end"></td>
|
||||
<td id="summary-sobrecubierta-papel-gramaje" class="text-end data-summary" data-id-summary="sobrecubierta-papel-gramaje"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span th:text="#{presupuesto.tamanio-solapa}"></span>
|
||||
</td>
|
||||
<td id="summary-sobrecubierta-tamanio-solapa" class="text-end"></td>
|
||||
<td id="summary-sobrecubierta-tamanio-solapa" class="text-end data-summary" data-id-summary="sobrecubierta-tamanio-solapa"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span th:text="#{presupuesto.acabado}"></span>
|
||||
</td>
|
||||
<td id="summary-sobrecubierta-acabado" class="text-end"></td>
|
||||
<td id="summary-sobrecubierta-acabado" class="text-end data-summary" data-id-summary="sobrecubierta-acabado"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@ -183,25 +183,25 @@
|
||||
<td>
|
||||
<span th:text="#{presupuesto.papel-gramaje}"></span>
|
||||
</td>
|
||||
<td id="summary-faja-papel-gramaje" class="text-end"></td>
|
||||
<td id="summary-faja-papel-gramaje" class="text-end data-summary" data-id-summary="faja-papel-gramaje"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span th:text="#{presupuesto.faja-alto}"></span>
|
||||
</td>
|
||||
<td id="summary-faja-alto-faja" class="text-end"></td>
|
||||
<td id="summary-faja-alto-faja" class="text-end data-summary" data-id-summary="faja-alto-faja"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span th:text="#{presupuesto.tamanio-solapa}"></span>
|
||||
</td>
|
||||
<td id="summary-faja-tamanio-solapa" class="text-end"></td>
|
||||
<td id="summary-faja-tamanio-solapa" class="text-end data-summary" data-id-summary="faja-tamanio-solapa"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span th:text="#{presupuesto.acabado}"></span>
|
||||
</td>
|
||||
<td id="summary-faja-acabado" class="text-end"></td>
|
||||
<td id="summary-faja-acabado" class="text-end data-summary" data-id-summary="faja-acabado"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
@ -7,8 +7,8 @@
|
||||
<div
|
||||
th:replace="imprimelibros/partials/modal-form :: modal('marcapaginasModal', 'presupuesto.marcapaginas', 'modal-md', 'marcapaginasModalBody')">
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-xl-9">
|
||||
<div class="row" id="presupuesto-row">
|
||||
<div class="col-xl-9 col-main">
|
||||
<div class="card">
|
||||
<div class="card-body checkout-tab">
|
||||
|
||||
@ -118,7 +118,7 @@
|
||||
<div class="tab-pane fade" id="pills-resumen" role="tabpanel"
|
||||
aria-labelledby="pills-resumen-tab">
|
||||
|
||||
<div th:include="~{imprimelibros/presupuestos/presupuestador-items/_resumen.html}"></div>
|
||||
<div th:include="~{imprimelibros/presupuestos/presupuestador-items/_resumen_final.html}"></div>
|
||||
</div>
|
||||
<!-- end tab pane -->
|
||||
|
||||
|
||||
Reference in New Issue
Block a user