"Fossies" - the Fresh Open Source Software Archive

Member "drupal-8.9.10/core/themes/stable/templates/misc/status-messages.html.twig" (26 Nov 2020, 1351 Bytes) of package /linux/www/drupal-8.9.10.tar.gz:


As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) HTML source code syntax highlighting (style: standard) with prefixed line numbers. Alternatively you can here view or download the uninterpreted source code file.

    1 {#
    2 /**
    3  * @file
    4  * Theme override for status messages.
    5  *
    6  * Displays status, error, and warning messages, grouped by type.
    7  *
    8  * An invisible heading identifies the messages for assistive technology.
    9  * Sighted users see a colored box. See http://www.w3.org/TR/WCAG-TECHS/H69.html
   10  * for info.
   11  *
   12  * Add an ARIA label to the contentinfo area so that assistive technology
   13  * user agents will better describe this landmark.
   14  *
   15  * Available variables:
   16  * - message_list: List of messages to be displayed, grouped by type.
   17  * - status_headings: List of all status types.
   18  * - attributes: HTML attributes for the element, including:
   19  *   - class: HTML classes.
   20  */
   21 #}
   22 <div data-drupal-messages>
   23 {% for type, messages in message_list %}
   24   <div role="contentinfo" aria-label="{{ status_headings[type] }}"{{ attributes|without('role', 'aria-label') }}>
   25     {% if type == 'error' %}
   26       <div role="alert">
   27     {% endif %}
   28       {% if status_headings[type] %}
   29         <h2 class="visually-hidden">{{ status_headings[type] }}</h2>
   30       {% endif %}
   31       {% if messages|length > 1 %}
   32         <ul>
   33           {% for message in messages %}
   34             <li>{{ message }}</li>
   35           {% endfor %}
   36         </ul>
   37       {% else %}
   38         {{ messages|first }}
   39       {% endif %}
   40     {% if type == 'error' %}
   41       </div>
   42     {% endif %}
   43   </div>
   44 {% endfor %}
   45 </div>