Improve table in list

This commit is contained in:
William Bouzourène 2025-01-23 12:44:25 +01:00
parent 1946083679
commit 0188db4716

View file

@ -1,7 +1,7 @@
{% extends "layouts/main.html" %} {% extends "layouts/main.html" %}
{% block main %} {% block main %}
<div class="container mt-4"> <div class="container my-4">
<div class="mb-4"> <div class="mb-4">
<nav> <nav>
<ol class="breadcrumb"> <ol class="breadcrumb">
@ -79,64 +79,67 @@
</form> </form>
</div> </div>
<div class="mt-4 mb-3"> <div class="my-3 row">
<span class="h4"> <div class="col-sm-9 h4">
Contenu de la liste Contenu de la liste
</span> </div>
<div class="col-sm-3 text-end">
<a class="btn btn-md btn-primary" href="/admin/lists/{{ List.ID }}/items/add">
<i class="bi-plus-lg"></i>
Ajouter
</a>
</div>
</div> </div>
{% if ListItems %} {% if ListItems %}
<table class="table"> <div class="table-responsive">
<thead> <table class="table">
<tr> <thead>
<th>Valeur</th> <tr>
<th>Par défaut</th> <th class="w-50">Valeur</th>
<th></th> <th class="w-25">Par défaut</th>
</tr> <th class="w-25"></th>
</thead> </tr>
<tbody> </thead>
{% for Item in ListItems %} <tbody>
<tr> {% for Item in ListItems %}
<td> <tr>
<a href="/admin/lists/{{ List.ID }}/items/{{ Item.ID }}"> <td>
{{ Item.Value }} <a href="/admin/lists/{{ List.ID }}/items/{{ Item.ID }}">
</a> {{ Item.Value }}
</td> </a>
<td> </td>
{% if Item.Default %} <td>
<i class="bi-check-lg text-success me-1"></i> {% if Item.Default %}
Oui <i class="bi-check-lg text-success me-1"></i>
{% else %} Oui
<i class="bi-x-lg text-danger me-1"></i> {% else %}
Non <i class="bi-x-lg text-danger me-1"></i>
{% endif %} Non
</td> {% endif %}
<td class="text-end"> </td>
<form <td class="text-end">
action="/admin/lists/{{ List.ID }}/items/{{ Item.ID }}/delete" <form
method="post" action="/admin/lists/{{ List.ID }}/items/{{ Item.ID }}/delete"
class="d-inline p-0" method="post"
> class="d-inline p-0"
<button class="btn btn-sm btn-danger areyousure" type="submit"> >
<i class="bi-trash3"></i> <button class="btn btn-sm btn-danger areyousure" type="submit">
Supprimer <i class="bi-trash3"></i>
</button> Supprimer
</form> </button>
</td> </form>
</tr> </td>
{% endfor %} </tr>
</tbody> {% endfor %}
</table> </tbody>
</table>
</div>
{% else %} {% else %}
<div> <div>
Pas encore d'éléments dans cette liste. Pas encore d'éléments dans cette liste.
</div> </div>
{% endif %} {% endif %}
<div class="my-4">
<a class="btn btn-md btn-primary" href="/admin/lists/{{ List.ID }}/items/add">
<i class="bi-plus-lg"></i>
Ajouter
</a>
</div>
</div> </div>
{% endblock %} {% endblock %}