141 lines
2.9 KiB
HTML
141 lines
2.9 KiB
HTML
{% extends "layouts/main.html" %}
|
|
|
|
{% block main %}
|
|
<div class="container mt-4">
|
|
<div class="mb-4">
|
|
<nav>
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="/">Accueil</a></li>
|
|
|
|
{% if MembersPage %}
|
|
<li class="breadcrumb-item active">Membres</li>
|
|
{% else %}
|
|
<li class="breadcrumb-item active">Contacts</li>
|
|
{% endif %}
|
|
|
|
</ol>
|
|
</nav>
|
|
<hr>
|
|
</div>
|
|
|
|
<div class="table-responsive">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Nom</th>
|
|
<th>Lieu</th>
|
|
<th>Section</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for Person in People %}
|
|
<tr>
|
|
<td>
|
|
{% if Person.IsMember %}
|
|
<a href="/members/{{ Person.ID }}">
|
|
{{ Person.LastName }} {{ Person.FirstName }}
|
|
</a>
|
|
{% else %}
|
|
<a href="/contacts/{{ Person.ID }}">
|
|
{{ Person.LastName }} {{ Person.FirstName }}
|
|
</a>
|
|
{% endif %}
|
|
</td>
|
|
<td>
|
|
{{ Person.PostalCode }} {{ Person.City }}
|
|
</td>
|
|
<td>
|
|
{% if Person.SectionID %}
|
|
{{ Person.Section.Name }}
|
|
{% endif %}
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<nav aria-label="Page navigation example">
|
|
<ul class="pagination justify-content-center">
|
|
|
|
{% if Page <= 1 %}
|
|
<li class="page-item disabled">
|
|
<a class="page-link" href="javascript:;">
|
|
<i class="bi-rewind"></i>
|
|
</a>
|
|
</li>
|
|
<li class="page-item disabled">
|
|
<a class="page-link" href="javascript:;">
|
|
<i class="bi-caret-left"></i>
|
|
</a>
|
|
</li>
|
|
{% else %}
|
|
<li class="page-item">
|
|
<a class="page-link" href="?p=1">
|
|
<i class="bi-rewind"></i>
|
|
</a>
|
|
</li>
|
|
<li class="page-item">
|
|
<a class="page-link" href="?p={{ Page - 1 }}">
|
|
<i class="bi-caret-left"></i>
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
|
|
{% for i in Pages %}
|
|
<li class="page-item">
|
|
<a
|
|
{% if i == Page %}
|
|
class="page-link active"
|
|
{% else %}
|
|
class="page-link"
|
|
{% endif %}
|
|
|
|
href="?p={{ i }}"
|
|
>
|
|
{{ i }}
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
|
|
{% if Page >= MaxPages %}
|
|
<li class="page-item disabled">
|
|
<a class="page-link" href="javascript:;">
|
|
<i class="bi-caret-right"></i>
|
|
</a>
|
|
</li>
|
|
<li class="page-item disabled">
|
|
<a class="page-link" href="javascript:;">
|
|
<i class="bi-fast-forward"></i>
|
|
</a>
|
|
</li>
|
|
{% else %}
|
|
<li class="page-item">
|
|
<a class="page-link" href="?p={{ Page + 1 }}">
|
|
<i class="bi-caret-right"></i>
|
|
</a>
|
|
</li>
|
|
<li class="page-item">
|
|
<a class="page-link" href="?p={{ MaxPages }}">
|
|
<i class="bi-fast-forward"></i>
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</nav>
|
|
|
|
<div class="mt-3">
|
|
{% if MembersPage %}
|
|
<a class="btn btn-md btn-primary" href="/members/add">
|
|
<i class="bi-plus-lg"></i>
|
|
Ajouter
|
|
</a>
|
|
{% else %}
|
|
<a class="btn btn-md btn-primary" href="/contacts/add">
|
|
<i class="bi-plus-lg"></i>
|
|
Ajouter
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|