|
|
@ -7,56 +7,63 @@ |
|
|
{% endblock menuapp %} |
|
|
{% endblock menuapp %} |
|
|
|
|
|
|
|
|
{% block content %} |
|
|
{% block content %} |
|
|
<div class="container-xl"> |
|
|
|
|
|
<div class="row g-3 mb-4 align-items-center justify-content-between"> |
|
|
|
|
|
<div class="col-auto"> |
|
|
|
|
|
<h1 class="app-page-title mb-0">Álbumes</h1> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div><!--//row--> |
|
|
|
|
|
<div class="col-auto"> |
|
|
|
|
|
<div class="page-utilities"> |
|
|
|
|
|
<div class="row g-4 justify-content-start justify-content-md-end align-items-center"> |
|
|
|
|
|
<div class="col-auto"> |
|
|
|
|
|
<a class="btn app-btn-primary" href="{% url 'lyrics:nuevo_album' %}">Añadir álbum</a> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div><!--//row--> |
|
|
|
|
|
</div><!--//table-utilities--> |
|
|
|
|
|
</div><!--//col-auto--> |
|
|
|
|
|
|
|
|
<div class="container-xl"> |
|
|
|
|
|
<div class="row g-3 mb-4 align-items-center justify-content-between"> |
|
|
|
|
|
<div class="col-auto"> |
|
|
|
|
|
<h1 class="app-page-title mb-0">Álbumes</h1> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div><!--//row--> |
|
|
|
|
|
|
|
|
|
|
|
<div class="col-auto"> |
|
|
|
|
|
<div class="page-utilities"> |
|
|
|
|
|
<div class="row g-4 justify-content-start justify-content-md-end align-items-center"> |
|
|
|
|
|
<div class="col-auto"> |
|
|
|
|
|
<a class="btn app-btn-primary" href="{% url 'lyrics:nuevo_album' %}">Añadir álbum</a> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div><!--//row--> |
|
|
|
|
|
</div><!--//table-utilities--> |
|
|
|
|
|
</div><!--//col-auto--> |
|
|
|
|
|
|
|
|
<div class="app-card app-card-notification shadow-sm mb-4"> |
|
|
|
|
|
<div class="app-card-body p-4"> |
|
|
|
|
|
<table class="table app-table-hover mb-0 text-left"> |
|
|
|
|
|
<thead> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<th class="cell">Fecha</th> |
|
|
|
|
|
<th class="cell">Vehículo</th> |
|
|
|
|
|
<th class="cell">Kilómetros</th> |
|
|
|
|
|
<th class="cell">Litros</th> |
|
|
|
|
|
<th class="cell">Importe</th> |
|
|
|
|
|
<th class="cell">Descuento</th> |
|
|
|
|
|
<th class="cell">Precio por litro</th> |
|
|
|
|
|
<th class="cell">Kms recorridos</th> |
|
|
|
|
|
<th class="cell">Consumo/100 kms</th> |
|
|
|
|
|
</tr> |
|
|
|
|
|
</thead> |
|
|
|
|
|
{% for repostaje in repostajes %} |
|
|
|
|
|
|
|
|
<nav id="orders-table-tab" class="orders-table-tab app-nav-tabs nav shadow-sm flex-column flex-sm-row mb-4"> |
|
|
|
|
|
<a class="flex-sm-fill text-sm-center nav-link" id="albumes-tab" data-bs-toggle="tab" href="#albumes" role="tab" aria-controls="albumes" aria-selected="false">Álbumes</a> |
|
|
|
|
|
</nav> |
|
|
|
|
|
<div class="tab-content" id="orders-table-tab-content"> |
|
|
|
|
|
<div class="tab-pane fade show active" id="albumes" role="tabpanel" aria-labelledby="albumes-tab"> |
|
|
|
|
|
<div class="app-card app-card-orders-table shadow-sm mb-5"> |
|
|
|
|
|
<div class="app-card-body"> |
|
|
|
|
|
<div class="table-responsive"> |
|
|
|
|
|
<table class="table app-table-hover mb-0 text-left"> |
|
|
|
|
|
<thead> |
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
|
<tbody> |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="cell"><a href="{% url 'repostajes:detalle_repostaje' repostaje.id %}">{{ repostaje.fecha }}</a></td> |
|
|
|
|
|
<td class="cell"><a href="{% url 'repostajes:detalle_vehiculo' repostaje.vehiculo.id %}">{{ repostaje.vehiculo.matricula }}</a></td> |
|
|
|
|
|
<td class="cell">{{ repostaje.kms }}</td> |
|
|
|
|
|
<td class="cell">{{ repostaje.litros }}</td> |
|
|
|
|
|
<td class="cell">{{ repostaje.importe }} €</td> |
|
|
|
|
|
<td class="cell">{{ repostaje.descuento }} €</td> |
|
|
|
|
|
<td class="cell">{{ repostaje.precioxlitro }} €</td> |
|
|
|
|
|
<td class="cell">{{ repostaje.kmsrecorridos }}</td> |
|
|
|
|
|
<td class="cell">{{ repostaje.consumo }}</td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
</tbody> |
|
|
|
|
|
{% endfor %} |
|
|
|
|
|
</table> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div><!--//container-fluid--> |
|
|
|
|
|
|
|
|
<th class="cell">Cover</th> |
|
|
|
|
|
<th class="cell">Nombre</th> |
|
|
|
|
|
<th class="cell">Artista</th> |
|
|
|
|
|
<th class="cell">Año</th> |
|
|
|
|
|
</tr> |
|
|
|
|
|
</thead> |
|
|
|
|
|
|
|
|
|
|
|
<tbody> |
|
|
|
|
|
{% for album in albumes %} |
|
|
|
|
|
<tr> |
|
|
|
|
|
<td class="cell"> |
|
|
|
|
|
{% if album.cover_image %} |
|
|
|
|
|
<img src="{{ album.cover_image.url }}" alt="{{ album.name }}" style="width:50px;height:50px;"> |
|
|
|
|
|
{% else %} |
|
|
|
|
|
Sin imágen |
|
|
|
|
|
{% endif %} |
|
|
|
|
|
</td> |
|
|
|
|
|
<td class="cell"><a href="{% url 'lyrics:detalle_album' album_id=album.id %}">{{ album.name }}</a></td> |
|
|
|
|
|
<td class="cell">{{ album.artist }}</td> |
|
|
|
|
|
<td class="cell">{{ album.year }}</td> |
|
|
|
|
|
</tr> |
|
|
|
|
|
{% endfor %} |
|
|
|
|
|
</tbody> |
|
|
|
|
|
</table> |
|
|
|
|
|
</div><!--//table-responsive--> |
|
|
|
|
|
</div><!--//app-card-body--> |
|
|
|
|
|
</div><!--//app-card--> |
|
|
|
|
|
</div><!--//tab-pane--> |
|
|
|
|
|
</div><!--//tab-content--> |
|
|
|
|
|
</div><!--//container-fluid--> |
|
|
{% endblock %} |
|
|
{% endblock %} |