rivet-1.0.x-dev/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>