almet/ihatemoney
1
0
Fork 0
mirror of https://github.com/spiral-project/ihatemoney.git synced 2025-04-29 01:42:37 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Rework flash messages (#943)

Browse source
This commit is contained in:
Glandos 2021-12-01 22:42:20 +01:00 committed by GitHub
parent bd116320e4
commit b9fee9e886
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 27 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
ihatemoney/static/css/main.css
View file

@ -456,17 +456,8 @@ tr.payer_line .balance-name {
margin-top: 10px; margin-top: 10px;
} }
.messages { .flash {
display: flex; z-index: 1031;
justify-content: center;
position: absolute;
top: 4.5rem;
width: 100%;
pointer-events: none;
}
.messages .alert {
pointer-events: auto;
} }
.light { .light {

31
ihatemoney/templates/layout.html
View file

@ -1,4 +1,22 @@
{% import "forms.html" as forms %} {% import "forms.html" as forms %}
{% macro flash_messages(classes='') %}
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
<div class="position-absolute d-flex flex-wrap mt-2 mr-1 {{ classes }}">
{% for category, message in messages %}
<div class="flash mr-2 text-center alert alert-{{ "success" if category == "message" else category }} alert-dismissible fade show">
{{ message }}
<button type="button" class="close h-100" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
{% endfor %}
</div>
{% endif %}
{% endwith %}
{% endmacro %}
<!DOCTYPE html> <!DOCTYPE html>
<html class="h-100"> <html class="h-100">
<head> <head>
@ -120,16 +138,9 @@
{% endblock %} {% endblock %}
</div> </div>
<div class="messages"> {% if not messages_shown %}
{% for category, message in get_flashed_messages(with_categories=true) %} {{ flash_messages(classes="w-100 justify-content-center") }}
<div class="flash alert alert-{{ "success" if category == "message" else category }} alert-dismissible fade show"> {% endif %}
{{ message }}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
{% endfor %}
</div>
{% block footer %} {% block footer %}
<footer class="footer mt-auto py-3"> <footer class="footer mt-auto py-3">

4
ihatemoney/templates/sidebar_table_layout.html
View file

@ -53,8 +53,12 @@
</aside> </aside>
<main class="offset-md-3 col-xs-12 col-md-9 d-flex flex-column"> <main class="offset-md-3 col-xs-12 col-md-9 d-flex flex-column">
{{ flash_messages() }}
{% block content %}{% endblock %} {% block content %}{% endblock %}
</main> </main>
</div> </div>
{% endblock %} {% endblock %}
{# It must be set outside of the block definition #}
{% set messages_shown = True %}