mirror of
https://git.imnavajas.es/jjimenez/erp-imprimelibros.git
synced 2026-03-01 22:29:14 +00:00
terminado banner fidelidad
This commit is contained in:
@ -1,71 +1,105 @@
|
||||
<div id="fidelity-banner" th:fragment="home-container-user">
|
||||
|
||||
<div class="ib-loyalty-banner">
|
||||
<!-- Decoraciones -->
|
||||
<div class="decor"></div>
|
||||
<div class="book small"></div>
|
||||
<div class="ib-loyalty-banner">
|
||||
|
||||
<div class="ib-loyalty-inner">
|
||||
<!-- Panel principal -->
|
||||
<div class="ib-loyalty-hero">
|
||||
<div class="ib-loyalty-head">
|
||||
<div class="ib-loyalty-logo">
|
||||
<img src="/assets/images/logo-sm.png" alt="Logo" />
|
||||
</div>
|
||||
<!-- Decoraciones -->
|
||||
<div class="decor"></div>
|
||||
<div class="book small"></div>
|
||||
|
||||
<div>
|
||||
<h3 class="ib-loyalty-title">Programa de Fidelidad</h3>
|
||||
<p class="ib-loyalty-sub">
|
||||
Aumenta tus compras en los últimos 12 meses y obtén descuentos automáticos.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ib-loyalty-inner">
|
||||
|
||||
<!-- ===================== -->
|
||||
<!-- COLUMNA IZQUIERDA -->
|
||||
<!-- ===================== -->
|
||||
<div class="ib-loyalty-left">
|
||||
|
||||
<!-- PANEL SUPERIOR: TÍTULO -->
|
||||
<div class="ib-loyalty-hero">
|
||||
<div class="ib-loyalty-head">
|
||||
<div class="ib-loyalty-logo">
|
||||
<img src="/assets/images/logo-sm.png" alt="Logo" />
|
||||
</div>
|
||||
|
||||
<!-- Rewards -->
|
||||
<div class="ib-rewards">
|
||||
<h6>Recompensas</h6>
|
||||
|
||||
<div class="ib-rewards-grid">
|
||||
<div class="ib-card ">
|
||||
<div class="range">Menos de 1.200€</div>
|
||||
<div class="percent">0%</div>
|
||||
<span class="chip">Descuento</span>
|
||||
</div>
|
||||
|
||||
<div class="ib-card">
|
||||
<div class="range">1.200€ – 1.999€</div>
|
||||
<div class="percent">1%</div>
|
||||
<span class="chip">Descuento</span>
|
||||
</div>
|
||||
|
||||
<div class="ib-card">
|
||||
<div class="range">2.000€ – 2.999€</div>
|
||||
<div class="percent">2%</div>
|
||||
<span class="chip">Descuento</span>
|
||||
</div>
|
||||
|
||||
<div class="ib-card">
|
||||
<div class="range">3.000€ – 3.999€</div>
|
||||
<div class="percent">3%</div>
|
||||
<span class="chip">Descuento</span>
|
||||
</div>
|
||||
|
||||
<div class="ib-card">
|
||||
<div class="range">4.000€ – 4.999€</div>
|
||||
<div class="percent">4%</div>
|
||||
<span class="chip">Descuento</span>
|
||||
</div>
|
||||
|
||||
<div class="ib-card">
|
||||
<div class="range">más de 5.000€</div>
|
||||
<div class="percent">5%</div>
|
||||
<span class="chip">Descuento</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="ib-loyalty-title">Programa de Fidelidad</h3>
|
||||
<p class="ib-loyalty-sub">
|
||||
Aumenta tus compras en los últimos 12 meses y obtén descuentos automáticos.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- PANEL INFERIOR: ESTADÍSTICA (RECUADRO INDEPENDIENTE) -->
|
||||
<div class="ib-loyalty-stat-card">
|
||||
|
||||
<h6 class="text-uppercase fs-13 mb-3">
|
||||
<span th:text="#{pedido.gasto-anual}">Gasto últimos 12 meses</span>
|
||||
<i class="ri-arrow-up-circle-line text-success fs-18 float-end align-middle"></i>
|
||||
</h6>
|
||||
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="ri-money-euro-circle-line display-6 "></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h2 class="mb-0">
|
||||
<h2 class="mb-0"><span class="counter-value" th:attr="data-target=${totalGastado}">0</span></h2>
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- ===================== -->
|
||||
<!-- COLUMNA DERECHA -->
|
||||
<!-- ===================== -->
|
||||
<div class="ib-rewards">
|
||||
|
||||
<h6>Recompensas</h6>
|
||||
|
||||
<div class="ib-rewards-grid">
|
||||
|
||||
<div class="ib-card">
|
||||
<div class="range">Menos de 1.200€</div>
|
||||
<div class="percent">0%</div>
|
||||
<span class="chip">Descuento</span>
|
||||
</div>
|
||||
|
||||
<div class="ib-card">
|
||||
<div class="range">1.200€ – 1.999€</div>
|
||||
<div class="percent">1%</div>
|
||||
<span class="chip">Descuento</span>
|
||||
</div>
|
||||
|
||||
<div class="ib-card">
|
||||
<div class="range">2.000€ – 2.999€</div>
|
||||
<div class="percent">2%</div>
|
||||
<span class="chip">Descuento</span>
|
||||
</div>
|
||||
|
||||
<div class="ib-card">
|
||||
<div class="range">3.000€ – 3.999€</div>
|
||||
<div class="percent">3%</div>
|
||||
<span class="chip">Descuento</span>
|
||||
</div>
|
||||
|
||||
<div class="ib-card">
|
||||
<div class="range">4.000€ – 4.999€</div>
|
||||
<div class="percent">4%</div>
|
||||
<span class="chip">Descuento</span>
|
||||
</div>
|
||||
|
||||
<div class="ib-card">
|
||||
<div class="range">Más de 5.000€</div>
|
||||
<div class="percent">5%</div>
|
||||
<span class="chip">Descuento</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -43,6 +43,9 @@
|
||||
<script type="module"
|
||||
th:src="@{/assets/js/pages/imprimelibros/presupuestador/presupuesto-marcapaginas.js}"></script>
|
||||
</div>
|
||||
<div th:if="${#authorization.expression('isAuthenticated()')}">
|
||||
<script type="module" th:src="@{/assets/js/pages/imprimelibros/counter-widget.js}"></script>
|
||||
</div>
|
||||
<script th:inline="javascript">
|
||||
window.languageBundle = /*[[${languageBundle}]]*/ {};
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user