mirror of
https://github.com/tabler/tabler.git
synced 2026-08-10 13:22:22 +04:00
Paweł Kuna
58 lines
2.0 KiB
HTML
58 lines
2.0 KiB
HTML
{% assign icon = include.icon %}
|
|
{% unless icon %}
|
|
{% if include.type == 'success' %}
|
|
{% assign icon = 'check' %}
|
|
{% assign title = 'Wow! Everything worked!' %}
|
|
{% assign description = 'Your account has been saved!' %}
|
|
{% elsif include.type == 'warning' %}
|
|
{% assign icon = 'alert-triangle' %}
|
|
{% assign title = 'Uh oh, something went wrong' %}
|
|
{% assign description = 'Sorry! There was a problem with your request.' %}
|
|
{% elsif include.type == 'danger' %}
|
|
{% assign icon = 'alert-circle' %}
|
|
{% assign title = "I'm so sorry…" %}
|
|
{% assign description = 'Something went wrong. Please try again.' %}
|
|
{% elsif include.type == 'info' %}
|
|
{% assign icon = 'info-circle' %}
|
|
{% assign title = 'Did you know?' %}
|
|
{% assign description = 'Here is something that you might like to know.' %}
|
|
{% endif %}
|
|
{% endunless %}
|
|
|
|
<div class="alert{% if include.important %} alert-important{% endif %} alert-{{ include.type | default: 'primary'}}{%if include.show-close %} alert-dismissible{% endif %}{% if include.avatar %} alert-avatar{% endif %}" role="alert">
|
|
|
|
{% if include.show-icon or include.person-id %}
|
|
<div class="d-flex">
|
|
<div>
|
|
{% if include.person-id %}{% include "ui/avatar.html" person-id=include.person-id class="float-start me-3" %}{% endif %}
|
|
|
|
{% if include.show-icon %}
|
|
{% include "ui/icon.html" icon=icon class="alert-icon" %}
|
|
{% endif %}
|
|
</div>
|
|
<div>
|
|
{% endif %}
|
|
|
|
|
|
{% if include.show-description or include.description %}
|
|
<h4 class="alert-title">{{ include.text | default: "This is a custom alert box!" }}</h4>
|
|
<div class="text-secondary">{{ include.description | default: description }}</div>
|
|
{% else %}
|
|
{{ include.title | default: title }}
|
|
{% endif %}
|
|
|
|
{% if include.buttons %}
|
|
<div class="btn-list">
|
|
<a href="#" class="btn btn-{{ include.type | default: 'primary'}}">Okay</a>
|
|
<a href="#" class="btn">Cancel</a>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if include.show-icon or include.person-id %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if include.show-close %}<a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>{% endif %}
|
|
</div>
|