[FIX] icons in alert messages

This way they don't interfere with possible HTML in the message itself.
This commit is contained in:
Peter Pfeufer 2021-06-28 21:20:59 +02:00
parent 5fcb56a087
commit 47793e6198
No known key found for this signature in database
GPG Key ID: 6051D2C6AD4EBC27

View File

@ -1,20 +1,26 @@
{% if messages %} {% if messages %}
<br> <br>
{% for message in messages %} {% for message in messages %}
<div class="alert alert-{{ message.level_tag }} alert-dismissible" role="alert"> <div class="alert alert-{{ message.level_tag }} alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"> <button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
{% if message.level_tag == "info" %}
<i class="fas fa-info-circle"></i> <div class="message-icon pull-left" style="margin-right: 0.5rem;">
{% elif message.level_tag == "success" %} {% if message.level_tag == "info" %}
<i class="fas fa-check-circle"></i> <i class="fas fa-info-circle"></i>
{% elif message.level_tag == "warning" %} {% elif message.level_tag == "success" %}
<i class="fas fa-exclamation-circle"></i> <i class="fas fa-check-circle"></i>
{% elif message.level_tag == "danger" %} {% elif message.level_tag == "warning" %}
<i class="fas fa-exclamation-triangle"></i> <i class="fas fa-exclamation-circle"></i>
{% endif %} {% elif message.level_tag == "danger" %}
&nbsp;{{ message }} <i class="fas fa-exclamation-triangle"></i>
</div> {% endif %}
</div>
<div class="message-text" style="margin-left: 2.5rem;">
{{ message }}
</div>
</div>
{% endfor %} {% endfor %}
{% endif %} {% endif %}