Part-DB.Part-DB-server/templates/_toast.html.twig

21 lines
No EOL
1.4 KiB
Twig

{% set flash_title = label|replace({'success': 'flash.success', 'error': 'flash.error'
, 'warning': 'flash.warning', 'notice': 'flash.notice', 'info': 'flash.info'}) %}
{% set flash_symbol = label|replace({'success': 'fa-check-circle', 'error': 'fa-exclamation-triangle'
, 'warning': 'fa-exclamation-circle', 'notice': 'fa-flag', 'info': 'fa-flag'}) %}
{% set flash_bg = label|replace({'success': 'bg-success text-white',
'error': 'bg-danger text-white', 'warning': 'bg-warning text-white',
'notice': 'bg-info text-white', 'info': 'bg-body-tertiary'})%}
<div class="toast shadow" role="alert" aria-live="assertive" aria-atomic="true" data-delay="5000" {{ stimulus_controller('common/toast') }}>
<div class="toast-header {{ flash_bg }}">
{# <img src="..." class="rounded me-2" alt="...">#}
<i class="fas fa-fw {{ flash_symbol }} me-2"></i>
<strong class="me-auto">{{ flash_title|trans }}</strong>
<small class="{% if "text-white" in flash_bg %}text-white{% else %}text-muted{% endif %}">{{ "now" | format_datetime("short", "short") }}</small>
<button type="button" class="ms-2 mb-1 btn-close {% if "text-white" in flash_bg %}btn-close-white{% endif %}" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
<div class="toast-body {{ flash_bg }}">
{{ message | trans }}
</div>
</div>