loub/bookforge
1
0
Fork 0
Code Issues 8 Pull Requests Packages Projects Releases Wiki Activity

Add empty state on table

Browse Source
This commit is contained in:
gabatxo1312 2026-01-30 18:40:49 +01:00
parent 9a7c06b81d
commit 9317484deb
No known key found for this signature in database
5 changed files with 102 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
locales/en.yml
View File

@ -11,6 +11,7 @@ common:
search: Search search: Search
reset: Reset reset: Reset
show: Show show: Show
no_result: No results
close: Close close: Close
confirmation: Confirmation confirmation: Confirmation
are_you_sure: Are you sure? are_you_sure: Are you sure?

1
locales/fr.yml
View File

@ -11,6 +11,7 @@ common:
search: Filtrer search: Filtrer
reset: Réini. reset: Réini.
show: Voir show: Voir
no_result: Aucun résultat
close: Fermer close: Fermer
confirmation: Confirmation confirmation: Confirmation
are_you_sure: Êtes-vous sûr ? are_you_sure: Êtes-vous sûr ?

4
src/routes/user.rs
View File

@ -25,7 +25,7 @@ use crate::{
#[derive(Template, WebTemplate)] #[derive(Template, WebTemplate)]
#[template(path = "users/index.html")] #[template(path = "users/index.html")]
struct UsersIndexTemplate { struct UsersIndexTemplate {
user_with_books_number: Vec<UserWithBookNumber>, users_with_books_number: Vec<UserWithBookNumber>,
query: IndexQuery, query: IndexQuery,
} }
@ -84,7 +84,7 @@ pub async fn index(
} }
Ok(UsersIndexTemplate { Ok(UsersIndexTemplate {
user_with_books_number: result, users_with_books_number: result,
query, query,
}) })
} }

119
templates/index.html
View File

@ -90,62 +90,73 @@
{% endcall %} {% endcall %}
{% call cards::card() %} {% call cards::card() %}
<table class="table table-hover"> {% if books_with_user.is_empty() %}
<thead> <div class="d-flex flex-column align-items-center justify-content-center">
<tr> <h2>{{ t!("common.no_result") }}</h2>
<th scope="col">#</th>
<th scope="col">{{ t!("book.attributes.title") }}</th>
<th scope="col">{{ t!("book.attributes.authors") }}</th>
<th scope="col">{{ t!("book.attributes.owner") }}</th>
<th scope="col">{{ t!("book.attributes.current_holder") }}</th>
<th scope="col">{{ t!("common.actions") }}</th>
</tr>
</thead>
<tbody>
{% for book_user in books_with_user %}
<tr class="align-middle">
<th scope="row">{{ book_user.book.id }}</th>
<td>{{ book_user.book.title }}</td>
<td>{{ book_user.book.authors }}</td>
<td>{{ book_user.owner.name }}</td>
<td>
{% match book_user.current_holder %}
{% when Some with (current_holder) %}
{{ current_holder.name }}
{% when None %}
-
{% endmatch %}
</td>
<td>
{{ dropdown::crud_dropdown_button(book_user.book, t!("common.actions"), "books") }}
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% if total_page > 1 %} <a class="btn btn-success text-white text-nowrap mt-3" href="/books/new">
<div class="d-flex justify-content-center mt-1"> {{ t!("book.new.button_short") }}
<nav aria-label="Page navigation"> </a>
<ul class="pagination">
<li class="page-item {% if current_page <= 1 %}disabled{% endif %}">
<a class="page-link" href="/?{{ base_query }}page={% if current_page > 1 %}{{ current_page - 1 }}{% else %}1{% endif %}">{{ t!("common.prev") }}</a>
</li>
{% for page in 1..(total_page + 1) %}
{% if page >= current_page - 1 && page <= current_page + 1 %}
<li class="page-item {% if page == current_page %}active{% endif %}">
<a class="page-link" href="/?{{ base_query }}page={{ page }}">{{ page }}</a>
</li>
{% endif %}
{% endfor %}
<li class="page-item {% if current_page == total_page %}disabled{% endif %}">
<a class="page-link" href="/?{{ base_query }}page={{ current_page + 1 }}">{{ t!("common.next") }}</a>
</li>
</ul>
</nav>
</div> </div>
{% else %}
<table class="table table-hover">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">{{ t!("book.attributes.title") }}</th>
<th scope="col">{{ t!("book.attributes.authors") }}</th>
<th scope="col">{{ t!("book.attributes.owner") }}</th>
<th scope="col">{{ t!("book.attributes.current_holder") }}</th>
<th scope="col">{{ t!("common.actions") }}</th>
</tr>
</thead>
<tbody>
{% for book_user in books_with_user %}
<tr class="align-middle">
<th scope="row">{{ book_user.book.id }}</th>
<td>{{ book_user.book.title }}</td>
<td>{{ book_user.book.authors }}</td>
<td>{{ book_user.owner.name }}</td>
<td>
{% match book_user.current_holder %}
{% when Some with (current_holder) %}
{{ current_holder.name }}
{% when None %}
-
{% endmatch %}
</td>
<td>
{{ dropdown::crud_dropdown_button(book_user.book, t!("common.actions"), "books") }}
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% if total_page > 1 %}
<div class="d-flex justify-content-center mt-1">
<nav aria-label="Page navigation">
<ul class="pagination">
<li class="page-item {% if current_page <= 1 %}disabled{% endif %}">
<a class="page-link" href="/?{{ base_query }}page={% if current_page > 1 %}{{ current_page - 1 }}{% else %}1{% endif %}">{{ t!("common.prev") }}</a>
</li>
{% for page in 1..(total_page + 1) %}
{% if page >= current_page - 1 && page <= current_page + 1 %}
<li class="page-item {% if page == current_page %}active{% endif %}">
<a class="page-link" href="/?{{ base_query }}page={{ page }}">{{ page }}</a>
</li>
{% endif %}
{% endfor %}
<li class="page-item {% if current_page == total_page %}disabled{% endif %}">
<a class="page-link" href="/?{{ base_query }}page={{ current_page + 1 }}">{{ t!("common.next") }}</a>
</li>
</ul>
</nav>
</div>
{% endif %}
{% endif %} {% endif %}
{% endcall %} {% endcall %}
{% endblock %} {% endblock %}

56
templates/users/index.html
View File

@ -34,29 +34,39 @@
{% endcall %} {% endcall %}
{% call cards::card() %} {% call cards::card() %}
<table class="table table-hover"> {% if users_with_books_number.is_empty() %}
<thead> <div class="d-flex flex-column align-items-center justify-content-center">
<tr> <h2>{{ t!("common.no_result") }}</h2>
<th scope="col">#</th>
<th scope="col">{{ t!("user.attributes.name") }}</th> <a class="btn btn-success text-white text-nowrap mt-3" href="//new">
<th scope="col">{{ t!("user.attributes.owner_books") }}</th> {{ t!("user.index.button") }}
<th scope="col">{{ t!("user.attributes.borrowed_books") }}</th> </a>
<th scope="col">{{ t!("common.actions") }}</th> </div>
</tr> {% else %}
</thead> <table class="table table-hover">
<tbody> <thead>
{% for user_information in user_with_books_number %} <tr>
<tr class="align-middle"> <th scope="col">#</th>
<th scope="row">{{ user_information.user.id }}</th> <th scope="col">{{ t!("user.attributes.name") }}</th>
<td>{{ user_information.user.name }}</td> <th scope="col">{{ t!("user.attributes.owner_books") }}</th>
<td>{{ user_information.owner_book_number }}</td> <th scope="col">{{ t!("user.attributes.borrowed_books") }}</th>
<td>{{ user_information.borrowed_book_number }}</td> <th scope="col">{{ t!("common.actions") }}</th>
<td>
{{ dropdown::crud_dropdown_button(user_information.user, t!("common.actions"), "users", show = false) }}
</td>
</tr> </tr>
{% endfor %} </thead>
</tbody> <tbody>
</table> {% for user_information in users_with_books_number %}
<tr class="align-middle">
<th scope="row">{{ user_information.user.id }}</th>
<td>{{ user_information.user.name }}</td>
<td>{{ user_information.owner_book_number }}</td>
<td>{{ user_information.borrowed_book_number }}</td>
<td>
{{ dropdown::crud_dropdown_button(user_information.user, t!("common.actions"), "users", show = false) }}
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% endif %}
{% endcall %} {% endcall %}
{% endblock %} {% endblock %}