rivet-1.0.x-dev/templates/misc/site-alert.html.twig
templates/misc/site-alert.html.twig
{#
/**
* @file
* Adapt Rivet Alerts for Site-wide global messages, previously known as
* "Campus Alert / IU Notice" in the IU Framework.
*
* @see https://www.drupal.org/project/site_alert
*/
#}
{%
set level = {
'high': 'danger',
'medium': 'warning',
'low': 'info',
}
%}
{% set severity_level = level[alert.severity] %}
{%
set classes = [
'rvt-alert',
'rvt-alert--' ~ severity_level,
'[',
'rvt-text-regular',
'rvt-border-left-none',
'rvt-p-lr-none',
']',
]
%}
{% set title_id = severity_level ~ '-alert-title'|clean_unique_id %}
<div role="alert" aria-labelledby="{{ title_id }}" class="{{ classes|join(' ')|trim }}" data-rvt-alert="{{ severity_level }}">
<div class="{{ page_width }}">
<div class="rvt-alert__title" id="{{ title_id }}">{{ alert.label }}</div>
<div class="rvt-alert__message">{{ alert.message }}</div>
<button class="rvt-alert__dismiss" data-rvt-alert-close>
<span class="rvt-sr-only">Dismiss this alert</span>
<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16">
<path d="m3.5 2.086 4.5 4.5 4.5-4.5L13.914 3.5 9.414 8l4.5 4.5-1.414 1.414-4.5-4.5-4.5 4.5L2.086 12.5l4.5-4.5-4.5-4.5L3.5 2.086Z"></path>
</svg>
</button>
</div>
</div>
