{% load wagtailadmin_tags i18n %}
    {% for session in sessions|slice:":4" %}
  1. {% fragment as avatar %} {% avatar user=session.user classname="w-editing-sessions__avatar" %} {% endfragment %} {% if session.revision_id %} {% fragment as avatar_decorated %}
    {{ avatar }} {% icon name="warning" %}
    {% endfragment %} {% if current_session.user == session.user %} {% blocktranslate trimmed asvar saved_new_version_message %} You saved a new version in another window {% endblocktranslate %} {% else %} {% blocktranslate trimmed with user_name=session.user|user_display_name|default:_("System") asvar saved_new_version_message %} {{ user_name }} saved a new version {% endblocktranslate %} {% endif %} {% dropdown theme="popup" classname="w-editing-sessions__session w-editing-sessions__session--saved" toggle_label=avatar_decorated toggle_aria_label=saved_new_version_message %}
    {% icon name="warning" %} {{ saved_new_version_message }}
    {% comment %} Use a custom button element instead of the dialog_toggle.html so we can add arbitrary data attributes to the button element. This is useful for allowing the SessionController to conditionally show the dialog, i.e. only when the user has unsaved changes. {% endcomment %}
    {% enddropdown %} {% elif session.is_editing %} {% if current_session.user == session.user %} {% blocktranslate trimmed asvar has_unsaved_changes_message %} You have unsaved changes in another window {% endblocktranslate %} {% else %} {% blocktranslate trimmed with user_name=session.user|user_display_name|default:_("System") asvar has_unsaved_changes_message %} {{ user_name }} has unsaved changes {% endblocktranslate %} {% endif %} {% dropdown theme="popup" classname="w-editing-sessions__session w-editing-sessions__session--editing" toggle_label=avatar toggle_aria_label=has_unsaved_changes_message %}
    {% icon name="warning" %} {{ has_unsaved_changes_message }}
    {% enddropdown %} {% else %} {% endif %}
  2. {% endfor %} {% if sessions|length > 4 %} {% blocktranslate trimmed count num_user=sessions|length|add:"-4" asvar num_other_users_message %} One other user is currently viewing {% plural %} {{ num_user }} other users are currently viewing {% endblocktranslate %} {% fragment as more_sessions_toggle %} +{{ sessions|length|add:"-4" }} {% endfragment %}
  3. {{ num_other_users_message }} {% dropdown theme="drilldown" classname="w-editing-sessions__session w-editing-sessions__session--more" toggle_classname="w-editing-sessions__avatar" toggle_label=more_sessions_toggle toggle_describedby="w-editing-sessions-more-summary" %}
      {% for session in sessions|slice:"4:" %}
    1. {% avatar user=session.user size="small" %} {{ session.user|user_display_name|default:_("System") }}
    2. {% endfor %}
    {% enddropdown %}
  4. {% endif %}
{% if sessions.0.revision_id %} {% endif %}