habsi/authentik
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

static: replace server-side alerts with webcomponent

Browse Source
This commit is contained in:
Jens Langhammer
2020-10-16 15:26:51 +02:00
parent 3b9524cdfc
commit 5e2fb6d56e
8 changed files with 74 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
passbook/core/templates/base/page.html
View File

@ -7,7 +7,7 @@
{% load passbook_utils %}
{% block body %}
{% include 'partials/messages.html' %}
<pb-messages url="{% url 'passbook_api:messages-list' %}"></pb-messages>
<div class="pf-c-page" id="page-default-nav-example">
<a class="pf-c-skip-to-content pf-c-button pf-m-primary" href="#main-content">{% trans 'Skip to content' %}</a>
<header role="banner" class="pf-c-page__header ws-page-header">

2
passbook/core/templates/login/base.html
View File

@ -1,7 +1,7 @@
{% load static %}
{% load i18n %}
{% include 'partials/messages.html' %}
<pb-messages url="{% url 'passbook_api:messages-list' %}"></pb-messages>
<header class="pf-c-login__main-header">
<h1 class="pf-c-title pf-m-3xl">

2
passbook/core/templates/login/base_full.html
View File

@ -18,7 +18,7 @@
</filter>
</svg>
</div>
{% include 'partials/messages.html' %}
<pb-messages url="{% url 'passbook_api:messages-list' %}"></pb-messages>
<div class="pf-c-login">
<div class="pf-c-login__container">
<header class="pf-c-login__header">

22
passbook/core/templates/partials/messages.html
View File

@ -1,22 +0,0 @@
<ul class="pf-c-alert-group pf-m-toast">
{% for msg in messages %}
<li class="pf-c-alert-group__item">
<div class="pf-c-alert pf-m-{{ msg.level_tag }} {% if msg.level_tag == 'error' %}pf-m-danger{% endif %}">
<div class="pf-c-alert__icon">
{% if msg.level_tag == 'error' %}
<i class="fas fa-exclamation-circle"></i>
{% elif msg.level_tag == 'warning' %}
<i class="fas fa-exclamation-triangle"></i>
{% elif msg.level_tag == 'success' %}
<i class="fas fa-check-circle"></i>
{% elif msg.level_tag == 'info' %}
<i class="fas fa-info"></i>
{% endif %}
</div>
<h4 class="pf-c-alert__title">
{{ msg.message|safe }}
</h4>
</div>
</li>
{% endfor %}
</ul>