Cambios en los botones de confirmación. Bootstrap

JugarAlPadel/K8S/Makefile.local

@@ -2,7 +2,7 @@ export ARQUITECTURA := $(shell lscpu |grep itectur | tr -d ' '| cut -f2 -d':')
 export REGISTRY=localhost:30500
 #export REGISTRY=registry.reymota.es
 
-export IMG_VERSION = 0.73
+export IMG_VERSION = 0.81
 export IMG_NGINX_VERSION = 2.4
 
 # limpia todo

JugarAlPadel/gestion_reservas/templates/eventos/lista_eventos.html

@@ -1,5 +1,7 @@
 {% extends 'base.html' %}
 
+{% load static %}
+
 {% block menuapp %}
 
 {% endblock menuapp %}
@@ -29,50 +31,49 @@
 
 				<div class="row g-4"> 
 					{% if eventos_con_reserva %}
-					<table class="table app-table-hover mb-0 text-left">
-						<thead>
-							<tr>
-								<th class="cell">Evento</th>
-								<th class="cell">Fecha</th>
-								<th class="cell">Hora</th>
-								<th class="cell">Plazas totales</th>
-								<th class="cell">Plazas disponibles</th>
-								<th class="cell">Acciones</th>
-								<th class="cell"></th>
-							</tr>
-						</thead>
-						<tbody>
-							{% for evento in eventos_con_reserva %}
-							<tr>
-								{% if evento.evento.publicado %}
-								<td class="cell"><a href="{% url 'eventos:detalle_evento' evento.id %}">{{ evento.nombre }}</a></td>
-								{% else %}
-								<td class="cell"><a href="{% url 'eventos:detalle_evento' evento.id %}">{{ evento.nombre }} (NO PUBLICADO)</a></td>
-								{% endif %}
-								<td class="cell">{{ evento.fecha }}</td>
-								<td class="cell">{{ evento.hora }}</td>
-								<td class="cell">{{ evento.plazas_disponibles }}</td>
-								<td class="cell">{{ evento.plazas_restantes }}</td>
 
-								{% if evento.evento.publicado or user.is_staff %}  <!-- Solo mostrar eventos publicados a usuarios -->
+						{% for evento in eventos_con_reserva %}
+						<div class="col-6 col-md-4 col-xl-3 col-xxl-2">
+							<div class="app-card app-card-doc shadow-sm h-100"> 
+								<div class="app-card-thumb-holder p-3">
+									<div class="app-card-thumb">
+										<img class="thumb-image" src="{% static 'images/padel-court.jpg' %}" alt="">
+									</div>
+									<a class="app-card-link-mask" href="{% url 'eventos:detalle_evento' evento.id %}"></a>
+								 </div>			  
+								<div class="app-card-body p-3 has-card-actions">
+									{% if evento.evento.publicado %}
+										<h4 class="app-doc-title truncate mb-0"><a href="{% url 'eventos:detalle_evento' evento.id %}">{{ evento.nombre }}</a></h4>
+									{% else %}
+										<h4 class="app-doc-title truncate mb-0"><a href="{% url 'eventos:detalle_evento' evento.id %}">{{ evento.nombre }} (NO PUBLICADO)</a></h4>
+									{% endif %}
+
+									<div class="app-doc-meta">
+										<ul class="list-unstyled mb-0">
+											<li><span class="text-muted">Fecha:</span> {{ evento.fecha }}</li>             
+											<li><span class="text-muted">Hora:</span> {{ evento.hora }}</li>
+											<li><span class="text-muted">Plazas:</span> {{ evento.plazas_disponibles }}</li>
+											<li><span class="text-muted">Quedan:</span> {{ evento.plazas_restantes }}</li>
+										</ul>
+									</div>
+
 									{% if not evento.inscrito %}
 										{% if evento.plazas_restantes > 0 %}
-											<td class="cell"><a href="{% url 'eventos:reservar_evento' evento.id %}">Reservar</a></td>	
+											<a class="btn btn-primary" href="{% url 'eventos:reservar_evento' evento.id %}">Reservar</a>	
 										{% else %}
 											{% if not evento.en_espera %}
-												<td class="cell"><a href="{% url 'eventos:apuntar_lista_espera' evento.evento.id %}">Apuntarse a la lista de espera</a></td>
+												<a class="btn btn-warning" href="{% url 'eventos:apuntar_lista_espera' evento.evento.id %}">Lista de espera</a>
 											{% else %}
-												<td class="cell"><p>Ya estás en la lista de espera.</p></td>
+												<h5 class="app-doc-title truncate mb-0"><p>Ya estás en la lista de espera.</p></h5>
 											{% endif %}
 										{% endif %}
 									{% else %}
-										<td class="cell"><p>Estás dentro.</p></td>
+										<h5 class="cell"><p>Estás dentro.</p></h5>
 									{% endif %}
-								{% endif %}
-							</tr>
-							{% endfor %}	
-						</tbody>
-					</table>
+								</div>
+							</div>
+						</div>
+						{% endfor %}	
 				{% else %}
 					<p>No se han encontrado eventos.</p>
 				{% endif %}