|
|
|
@ -3,7 +3,6 @@ |
|
|
|
|
|
|
|
{% 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">Repostajes</h1> |
|
|
|
@ -19,50 +18,40 @@ |
|
|
|
</div><!--//table-utilities--> |
|
|
|
</div><!--//col-auto--> |
|
|
|
|
|
|
|
<div class="row g-4"> |
|
|
|
{% for repostaje in repostajes %} |
|
|
|
<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-body p-3 has-card-actions"> |
|
|
|
<h4 class="app-doc-title truncate mb-0"><a href="{% url 'detalle_repostaje' repostaje.id %}">{{ repostaje.fecha }}</a></h4> |
|
|
|
<div class="app-doc-meta"> |
|
|
|
<ul class="list-unstyled mb-0"> |
|
|
|
<li><span class="text-muted">Vehiculo: </span><a href="{% url 'detalle_vehiculo' repostaje.vehiculo.id %}">{{ repostaje.vehiculo.matricula }}</a></li> |
|
|
|
<li><span class="text-muted">Kms: </span><a>{{ repostaje.kms }}</a></li> |
|
|
|
</ul> |
|
|
|
</div><!--//app-doc-meta--> |
|
|
|
|
|
|
|
<div class="app-card-actions"> |
|
|
|
<div class="dropdown"> |
|
|
|
<div class="dropdown-toggle no-toggle-arrow" data-bs-toggle="dropdown" aria-expanded="false"> |
|
|
|
<svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-three-dots-vertical" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> |
|
|
|
<path fill-rule="evenodd" d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"/> |
|
|
|
</svg> |
|
|
|
</div><!--//dropdown-toggle--> |
|
|
|
<ul class="dropdown-menu"> |
|
|
|
<li><a class="dropdown-item" href="{% url 'editar_repostaje' repostaje.id %}"><svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-pencil me-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> |
|
|
|
<path fill-rule="evenodd" d="M12.146.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-10 10a.5.5 0 0 1-.168.11l-5 2a.5.5 0 0 1-.65-.65l2-5a.5.5 0 0 1 .11-.168l10-10zM11.207 2.5L13.5 4.793 14.793 3.5 12.5 1.207 11.207 2.5zm1.586 3L10.5 3.207 4 9.707V10h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.293l6.5-6.5zm-9.761 5.175l-.106.106-1.528 3.821 3.821-1.528.106-.106A.5.5 0 0 1 5 12.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.468-.325z"/> |
|
|
|
</svg>Editar</a></li> |
|
|
|
|
|
|
|
<!-- |
|
|
|
<li><a class="dropdown-item" href="{{ repostaje.archivo.url }}"><svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-download me-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> |
|
|
|
<path fill-rule="evenodd" d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/> |
|
|
|
<path fill-rule="evenodd" d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/> |
|
|
|
</svg>Descargar</a></li> |
|
|
|
--> |
|
|
|
<li><hr class="dropdown-divider"></li> |
|
|
|
<li><a class="dropdown-item" href="{% url 'eliminar_repostaje' repostaje.id %}"><svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-trash me-2" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> |
|
|
|
<path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/> |
|
|
|
<path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4L4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/> |
|
|
|
</svg>Eliminar</a></li> |
|
|
|
</ul> |
|
|
|
</div><!--//dropdown--> |
|
|
|
</div><!--//app-card-actions--> |
|
|
|
|
|
|
|
</div><!--//app-card-body--> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{% endfor %} |
|
|
|
|
|
|
|
<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 %} |
|
|
|
|
|
|
|
<tbody> |
|
|
|
<tr> |
|
|
|
<td class="cell"><a href="{% url 'detalle_repostaje' repostaje.id %}">{{ repostaje.fecha }}</a></td> |
|
|
|
<td class="cell"><a href="{% url '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--> |
|
|
|
{% endblock %} |
