wagtail 6.1.3__py3-none-any.whl → 6.2rc1__py3-none-any.whl

wagtail/admin/templates/wagtailadmin/reports/workflow_results.html

@@ -0,0 +1,74 @@
+{% extends 'wagtailadmin/reports/base_report_results.html' %}
+{% load i18n wagtailadmin_tags %}
+
+{% block results %}
+    <table class="listing">
+        <thead>
+            <tr>
+                <th>
+                    {% trans 'Workflow' %}
+                </th>
+                <th>
+                    {% trans 'Page/Snippet' %}
+                </th>
+                <th>
+                    {% trans 'Status' %}
+                </th>
+                <th>
+                    {% trans 'Tasks' %}
+                </th>
+                <th>
+                    {% trans 'Requested by' %}
+                </th>
+                <th>
+                    {% trans 'Started at' %}
+                </th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for workflow_state in object_list %}
+                <tr>
+                    <td>
+                        <b>{{ workflow_state.workflow }}</b>
+                    </td>
+                    <td>
+                        <a href="{% admin_edit_url workflow_state.content_object %}">
+                            {% latest_str workflow_state.content_object %}
+                        </a>
+                        {% i18n_enabled as show_locale_labels %}
+                        {% if show_locale_labels and workflow_state.content_object.locale_id %}
+                            {% locale_label_from_id workflow_state.content_object.locale_id as locale_label %}
+                            {% status locale_label classname="w-status--label" %}
+                        {% endif %}
+                    </td>
+                    <td>
+                        {% admin_url_name workflow_state.content_object 'workflow_history_detail' as workflow_history_detail_url_name %}
+                        {% url workflow_history_detail_url_name workflow_state.content_object.pk|admin_urlquote workflow_state.pk as status_url %}
+                        {% status workflow_state.get_status_display url=status_url classname="w-status--primary" %}
+                    </td>
+                    <td>
+                        <h2>{{ workflow_name }}</h2>
+                        {% trans 'Incomplete task' as incomplete_title %}
+                        {% for task in workflow_state.all_tasks_with_status %}
+                            <span data-controller="w-tooltip" data-w-tooltip-content-value="{{ task.name }}: {{ task.status_display }}">
+                                {% if task.status == 'approved' %}
+                                    {% icon "success" title=task.status_display classname="initial" %}
+                                {% elif task.status == 'rejected' %}
+                                    {% icon "error" title=task.status_display classname="initial" %}
+                                {% else %}
+                                    {% icon "radio-empty" title=incomplete_title classname="initial" %}
+                                {% endif %}
+                            </span>
+                        {% endfor %}
+                    </td>
+                    <td>{{ workflow_state.requested_by|user_display_name }}</td>
+                    <td>{{ workflow_state.created_at }}</td>
+                </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+{% endblock %}
+
+{% block no_results_message %}
+    <p>{% trans "No pages/snippets have been submitted for moderation yet" %}</p>
+{% endblock %}

wagtail/admin/templates/wagtailadmin/reports/workflow_tasks_results.html

@@ -0,0 +1,56 @@
+{% extends 'wagtailadmin/reports/base_report_results.html' %}
+{% load i18n wagtailadmin_tags %}
+
+{% block results %}
+    <table class="listing">
+        <thead>
+            <tr>
+                <th>
+                    {% trans 'Task' %}
+                </th>
+                <th>
+                    {% trans 'Page/Snippet' %}
+                </th>
+                <th>
+                    {% trans 'Status' %}
+                </th>
+                <th>
+                    {% trans 'Started at' %}
+                </th>
+                <th>
+                    {% trans 'Completed at' %}
+                </th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for task_state in object_list %}
+                <tr>
+                    <td>
+                        <b>{{ task_state.task }}</b>
+                    </td>
+                    <td>
+                        {% with task_state.workflow_state.content_object as object %}
+                            <a href="{% admin_edit_url object %}">
+                                {% latest_str object %}
+                            </a>
+                            {% i18n_enabled as show_locale_labels %}
+                            {% if show_locale_labels and object.locale_id %}
+                                {% locale_label_from_id object.locale_id as locale_label %}
+                                {% status locale_label classname="w-status--label" %}
+                            {% endif %}
+                        {% endwith %}
+                    </td>
+                    <td>
+                        {% status task_state.get_status_display classname="w-status--primary" %}
+                    </td>
+                    <td>{{ task_state.started_at }}</td>
+                    <td>{{ task_state.finished_at }}</td>
+                </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+{% endblock %}
+
+{% block no_results_message %}
+    <p>{% trans "No pages/snippets have been submitted for moderation yet" %}</p>
+{% endblock %}

wagtail/admin/templates/wagtailadmin/shared/_workflow_init.html

@@ -1,45 +1,9 @@
-<script>
-    $(function() {
-        document.querySelectorAll('footer [data-controller="w-dropdown"]').forEach((e) => {
-            e.addEventListener(
-                'w-dropdown:shown',
-                () => {
-                    ActivateWorkflowActionsForEditView('[data-edit-form]');
-
-                    {% if publishing_will_cancel_workflow %}
-                        /* Make user confirm before publishing the object if it will cancel an ongoing workflow */
-                        let cancellationConfirmed = false;
-                        $('[name=action-publish]').click((e) => {
-                            if (!cancellationConfirmed) {
-                                e.stopImmediatePropagation();
-                                e.preventDefault();
-                                ModalWorkflow({
-                                    'url': "{{ confirm_workflow_cancellation_url }}",
-                                    'onload': {
-                                        'confirm': function(modal, jsonData) {
-                                            $('[data-confirm-cancellation]', modal.body).click((event) => {
-                                                cancellationConfirmed = true;
-                                                modal.close();
-                                                e.currentTarget.click();
-                                            })
-                                            $('[data-cancel-dialog]', modal.body).click((event) => {
-                                                modal.close();
-                                            })
-                                        },
-                                        'no_confirmation_needed': function(modal, jsonData) {
-                                            modal.close();
-                                            cancellationConfirmed = true;
-                                            e.currentTarget.click();
-                                        }
-                                    },
-                                    'triggerElement': e.currentTarget,
-                                });
-                            }
-                        });
-                    {% endif %}
-                },
-                { once: true }
-            )
-        });
-    });
+{% load wagtailadmin_tags %}
+<script
+    src="{% versioned_static 'wagtailadmin/js/workflow-action.js' %}"
+    data-activate="editor"
+    {% if publishing_will_cancel_workflow %}
+        data-confirm-cancellation-url="{{ confirm_workflow_cancellation_url }}"
+    {% endif %}
+>
 </script>

wagtail/admin/templates/wagtailadmin/shared/avatar.html

@@ -7,8 +7,18 @@
     - `user` - A user object to use for the avatar image
     - `size` (string?) - small, large, square
     - `tooltip` (string?) - Modifier classes
+    - `tooltip_html` (string?) - An HTML element to use for the tooltip content
 {% endcomment %}
-<span class='{% classnames "avatar" size classname %}' {% if tooltip %} data-controller="w-tooltip" data-w-tooltip-content-value="{{ tooltip }}" {% endif %}>
+<span
+    class="{% classnames 'avatar' size classname %}"
+    {% if tooltip or tooltip_html %} data-controller="w-tooltip" {% endif %}
+    {% if tooltip %} data-w-tooltip-content-value="{{ tooltip }}" {% endif %}
+>
+    {% if tooltip_html %}
+        <template data-w-tooltip-target="content">
+            {{ tooltip_html }}
+        </template>
+    {% endif %}
     {% if size == 'small' %}
         <img src="{% avatar_url user size=25 %}" alt="" decoding="async" loading="lazy"/>
     {% elif size == 'large' %}

wagtail/admin/templates/wagtailadmin/shared/dialog/dialog.html

@@ -31,16 +31,17 @@
             <div class="w-dialog__content">
                 <div class="w-dialog__header">
                     <h2 class="w-dialog__title w-h1" id="title-{{ id }}">
-                        {% if icon_name %}{% icon name=icon_name classname="w-dialog__icon" %}{% endif %}
-                        {{ title }}
+                        {% fragment as icon_classname %}{% classnames "w-dialog__icon" icon_classname %}{% endfragment %}
+                        {% if icon_name %}{% icon name=icon_name classname=icon_classname %}{% endif %}
+                        <span id="title-text-{{ id }}">{{ title }}</span>
                     </h2>
 
                     {% if subtitle %}
-                        <p class="w-dialog__subtitle w-help-text">{{ subtitle }}</p>
+                        <p class="w-dialog__subtitle w-help-text" id="subtitle-{{ id }}">{{ subtitle }}</p>
                     {% endif %}
                 </div>
 
-                <div data-w-dialog-target="body">
+                <div class="w-dialog__body" data-w-dialog-target="body">
                     {{ children }}
                 </div>
             </div>

wagtail/admin/templates/wagtailadmin/shared/dropdown/dropdown_button.html

@@ -8,6 +8,7 @@
     - `toggle_classname` (string?) - additional toggle classes
     - `classname` (string?) - additional component classes
     - `children` - Dropdown contents (`a` and `button` elements only)
+    - `keep_mounted` (boolean?) - Whether or not the dropdown should keep its DOM node mounted when hidden
 {% endcomment %}
 
 <div class="{% classnames 'w-dropdown-button' classname %}">
@@ -16,7 +17,7 @@
         {% fragment as toggle_classes %}{% classnames toggle_classname "button" %}{% endfragment %}
         {# Built with w-sr-only so there is no visible tooltip. #}
         {% fragment as toggle_label %}<span class="w-sr-only">{% trans "More actions" %}</span>{% endfragment %}
-        {% dropdown theme="dropdown-button" toggle_label=toggle_label toggle_classname=toggle_classes toggle_icon=toggle_icon|default:"arrow-down" toggle_tooltip_offset="[0, 0]" %}
+        {% dropdown theme="dropdown-button" toggle_label=toggle_label toggle_classname=toggle_classes toggle_icon=toggle_icon|default:"arrow-down" toggle_tooltip_offset="[0, 0]" keep_mounted=keep_mounted %}
             {{ children }}
         {% enddropdown %}
     {% endif %}

wagtail/admin/templates/wagtailadmin/shared/editing_sessions/list.html

@@ -0,0 +1,132 @@
+{% load wagtailadmin_tags i18n %}
+
+<ol class="w-editing-sessions__list">
+    {% for session in sessions|slice:":4" %}
+        <li>
+            {% fragment as avatar %}
+                {% avatar user=session.user classname="w-editing-sessions__avatar" %}
+            {% endfragment %}
+
+            {% if session.revision_id %}
+                {% fragment as avatar_decorated %}
+                    <div class="w-editing-sessions__decorated-avatar w-ping w-ping--critical">
+                        {{ avatar }}
+                        {% icon name="warning" %}
+                        <span class="w-editing-sessions__decorator-filler"></span>
+                    </div>
+                {% endfragment %}
+
+                {% if current_session.user == session.user %}
+                    {% blocktranslate trimmed asvar saved_new_version_message %}
+                        You saved a new version in another session
+                    {% 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 %}
+                    <div class="w-editing-sessions__popup">
+                        <div class="w-editing-sessions__message">
+                            {% icon name="warning" %}
+                            {{ saved_new_version_message }}
+                        </div>
+
+                        {% 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 %}
+                        <button type="button" data-w-session-target="reload" class="button button-small button-secondary chooser__choose-button" data-dialog-id="w-unsaved-changes-dialog">
+                            {% icon name="rotate" %}
+                            {% trans "Refresh" %}
+                        </button>
+                    </div>
+                {% enddropdown %}
+            {% elif session.is_editing %}
+                {% if current_session.user == session.user %}
+                    {% blocktranslate trimmed asvar has_unsaved_changes_message %}
+                        You have unsaved changes in another session
+                    {% 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 %}
+                    <div class="w-editing-sessions__popup">
+                        <div class="w-editing-sessions__message">
+                            {% icon name="warning" %}
+                            {{ has_unsaved_changes_message }}
+                        </div>
+                    </div>
+                {% enddropdown %}
+            {% else %}
+                <button class="w-editing-sessions__session" type="button" data-controller="w-tooltip">
+                    {{ avatar }}
+                    <div class="w-editing-sessions__popup" data-w-tooltip-target="content" hidden>
+                        <span class="w-editing-sessions__name">{{ session.user|user_display_name|default:_("System") }}</span>
+                        <span class="w-sr-only">-</span>
+                        <span>{% trans "Currently viewing" %}</span>
+                    </div>
+                </button>
+            {% endif %}
+        </li>
+    {% 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 %}
+
+        <li>
+            <span id="w-editing-sessions-more-summary" class="w-sr-only">{{ num_other_users_message }}</span>
+
+            {% 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" %}
+                <ol class="w-editing-sessions__more-list">
+                    {% for session in sessions|slice:"4:" %}
+                        <li class="w-editing-sessions__list-item">
+                            {% avatar user=session.user size="small" %}
+                            <span>{{ session.user|user_display_name|default:_("System") }}</span>
+                        </li>
+                    {% endfor %}
+                </ol>
+            {% enddropdown %}
+        </li>
+    {% endif %}
+</ol>
+
+{% if sessions.0.revision_id %}
+    <template data-controller="w-teleport" data-w-teleport-target-value="#title-text-w-overwrite-changes-dialog" data-w-teleport-reset-value="true">
+        {% if current_session.user == sessions.0.user %}
+            {% blocktranslate trimmed with model_name=content_type.name asvar someone_has_saved_message %}
+                You have saved a newer version of this {{ model_name }} in another session
+            {% endblocktranslate %}
+        {% else %}
+            {% blocktranslate trimmed with user_name=sessions.0.user|user_display_name|default:_("System") model_name=content_type.name asvar someone_has_saved_message %}
+                {{ user_name }} has saved a newer version of this {{ model_name }}
+            {% endblocktranslate %}
+        {% endif %}
+        {{ someone_has_saved_message }}
+    </template>
+
+    <template data-controller="w-teleport" data-w-teleport-target-value="#subtitle-w-overwrite-changes-dialog" data-w-teleport-reset-value="true">
+        {% if current_session.user == sessions.0.user %}
+            {% blocktranslate trimmed asvar overwrite_message %}
+                Proceeding will overwrite the changes you made in that session. Refreshing the page will lose any of your unsaved changes in the current session.
+            {% endblocktranslate %}
+        {% else %}
+            {% blocktranslate trimmed with user_name=sessions.0.user|user_display_name|default:_("System") asvar overwrite_message %}
+                Proceeding will overwrite the changes made by {{ user_name }}. Refreshing the page will lose any of your unsaved changes.
+            {% endblocktranslate %}
+        {% endif %}
+        {{ overwrite_message }}
+    </template>
+{% endif %}

wagtail/admin/templates/wagtailadmin/shared/editing_sessions/module.html

@@ -0,0 +1,44 @@
+{% load i18n l10n wagtailadmin_tags %}
+
+{% dialog id="w-unsaved-changes-dialog" icon_name="warning" icon_classname="w-text-text-error" title=_("Refreshing the page means you will lose any unsaved changes") %}
+    <div class="w-editing-sessions-dialog-buttons">
+        <button class="button" type="button" data-controller="w-action" data-action="w-action#forceReload">{% trans "Refresh page" %}</button>
+        <button class="button button-secondary" type="button" data-action="w-dialog#hide">{% trans "Cancel" %}</button>
+    </div>
+{% enddialog %}
+
+{% comment %}
+    The "-" strings are only placeholders so that the appropriate elements are rendered.
+    The messages will be provided via the sessions list component and teleported into the corresponding elements.
+    The dialog won't ever be shown without the actual messages under normal circumstances.
+{% endcomment %}
+{% dialog id="w-overwrite-changes-dialog" dialog_root_selector='[data-edit-form]' icon_name="warning" icon_classname="w-text-text-error" title="-" subtitle="-" %}
+    <div class="w-editing-sessions-dialog-buttons">
+        <button class="button" type="button" data-w-dialog-target="confirm" data-action="w-dialog#confirm">{% trans "Continue" %}</button>
+        <button class="button button-secondary" type="button" data-controller="w-action" data-action="w-action#forceReload">{% trans "Refresh the page" %}</button>
+    </div>
+{% enddialog %}
+
+<form
+    method="post"
+    class="w-editing-sessions"
+    data-controller="w-swap w-action w-session"
+    data-w-swap-target-value="#w-editing-sessions"
+    data-w-swap-src-value="{{ ping_url }}"
+    data-w-swap-json-path-value="html"
+    data-w-swap-defer-value="true"
+    data-w-action-continue-value="true"
+    data-w-action-url-value="{{ release_url }}"
+    data-w-session-interval-value="{{ ping_interval|unlocalize }}"
+    data-w-session-w-dialog-outlet="[data-edit-form] [data-controller='w-dialog']#w-overwrite-changes-dialog"
+    data-action="w-session:ping->w-swap#submit visibilitychange@document->w-session#dispatchVisibilityState w-session:visible->w-session#ping w-session:visible->w-session#addInterval w-session:hidden->w-session#clearInterval w-session:hidden->w-action#sendBeacon w-unsaved:add@document->w-session#setUnsavedChanges w-unsaved:clear@document->w-session#setUnsavedChanges w-swap:json->w-session#updateSessionData"
+>
+    <input type="checkbox" name="is_editing" value="1" data-w-session-target="unsavedChanges" hidden />
+    {% if revision_id %}
+        {# The ID of the latest revision that was known when this module was initially loaded #}
+        <input type="hidden" name="revision_id" value="{{ revision_id }}" />
+    {% endif %}
+    <div id="w-editing-sessions">
+        {% component sessions_list %}
+    </div>
+</form>

wagtail/admin/templates/wagtailadmin/shared/headers/slim_header.html

@@ -114,7 +114,13 @@
                 {% endif %}
             {% endblock %}
 
-            <div class="w-w-full sm:w-w-min w-flex sm:w-flex-nowrap sm:w-flex-row w-items-center w-p-0 sm:w-py-0 sm:w-pr-4 sm:w-justify-end">
+            <div class="w-w-full w-overflow-auto sm:w-w-min w-flex sm:w-flex-nowrap sm:w-flex-row w-items-center w-p-0 sm:w-py-0 w-px-2 sm:w-pr-4 sm:w-justify-end">
+                {% block editing_sessions %}
+                    {% if editing_sessions %}
+                        {% component editing_sessions %}
+                    {% endif %}
+                {% endblock %}
+
                 {% block toggles %}
                     {% if side_panels %}
                         {% include "wagtailadmin/shared/side_panel_toggles.html" %}

wagtail/admin/templates/wagtailadmin/shared/page_status_tag_new.html

@@ -21,7 +21,7 @@
               w-whitespace-nowrap
               w-px-1
               w-ml-3
-              w-text-[0.6875rem]
+              w-text-11
               w-rounded-sm
               w-bg-transparent
               w-text-text-meta

wagtail/admin/templates/wagtailadmin/shared/side_panels/checks.html

@@ -1,23 +1,39 @@
 {% load i18n wagtailadmin_tags %}
-
 <template id="w-a11y-result-row-template">
     <div class="w-a11y-result__row" data-a11y-result-row>
-        <h3 class="w-a11y-result__header">
-            <span class="w-a11y-result__name" data-a11y-result-name></span>
-            <span class="w-sr-only">{% trans 'Issues found' %}</span><span class="w-a11y-result__subtotal_count" data-a11y-result-count></span>
-        </h3>
-        <div class="w-a11y-result__container" data-a11y-result-container></div>
+        <div>
+            <h3 class="w-a11y-result__header">
+                <span class="w-a11y-result__name" data-a11y-result-name></span>
+            </h3>
+            <div class="w-a11y-result__help" data-a11y-result-help></div>
+        </div>
+        <button class="w-a11y-result__selector"
+                data-a11y-result-selector
+                aria-label="{% trans 'Show issue' %}"
+                type="button">{% icon name="crosshairs" classname="w-a11y-result__icon" %}</button>
     </div>
 </template>
-<template id="w-a11y-result-selector-template">
-    <button class="w-a11y-result__selector" data-a11y-result-selector type="button">
-        {% icon name="link-external" classname="w-a11y-result__icon" %}
-        <span data-a11y-result-selector-text></span>
-    </button>
-</template>
-
-<div class="w-mt-12">
-    <h2 class="w-flex w-items-center w-gap-2"><span>{% trans 'Issues found' %}</span><span class="w-a11y-result__count" data-a11y-result-count>0</span></h2>
-    <div data-checks-panel></div>
+<div class="w-divide-y w-divide-border-furniture w-py-6 w-pl-2 lg:w-pl-8">
+    <div>
+        <h2 class="w-my-5 w-text-16 w-font-bold w-text-text-label">
+            {% trans 'Content metrics' %}
+        </h2>
+        <div class="w-flex w-gap-10">
+            <div>
+                <h3 class="w-my-2 w-text-14 w-text-text-placeholder">{% trans 'Words' %}</h3>
+                <p class="w-font-semibold w-text-text-label" data-content-word-count>-</p>
+            </div>
+            <div>
+                <h3 class="w-my-2 w-text-14 w-text-text-placeholder">{% trans 'Reading time' %}</h3>
+                <p class="w-font-semibold w-text-text-label" data-content-reading-time>-</p>
+            </div>
+        </div>
+    </div>
+    <div class="w-mt-3">
+        <h2 class="w-flex w-items-center w-gap-2 w-my-5 w-text-16 w-font-bold">
+            <span>{% trans 'Issues found' %}</span><span class="w-a11y-result__count" data-a11y-result-count>0</span>
+        </h2>
+        <div class="w-flex w-flex-col w-gap-2.5" data-checks-panel></div>
+    </div>
 </div>
 {{ axe_configuration|json_script:"accessibility-axe-configuration" }}

wagtail/admin/templates/wagtailadmin/skeleton.html

@@ -19,7 +19,7 @@
     <body id="wagtail" class="{% classnames bodyclass sidebar_collapsed|yesno:"sidebar-collapsed," messages|yesno:"has-messages," %}" data-controller="w-init" data-w-init-ready-class="ready">
         <div data-sprite></div>
 
-        <script src="{% versioned_static 'wagtailadmin/js/icons.js' %}" data-icon-url="{% url 'wagtailadmin_sprite' %}"></script>
+        <script src="{% versioned_static 'wagtailadmin/js/icons.js' %}" data-icon-url="{% icon_sprite_url %}"></script>
 
         <noscript class="capabilitymessage">
             {% blocktrans trimmed %}

wagtail/admin/templates/wagtailadmin/userbar/item_accessibility.html

@@ -17,19 +17,17 @@
         {# Contents of the dialog created in JS based on these templates. #}
         <template id="w-a11y-result-row-template">
             <div class="w-a11y-result__row" data-a11y-result-row>
-                <h3 class="w-a11y-result__header">
-                    <span class="w-a11y-result__name" data-a11y-result-name></span>
-                    <span class="w-sr-only">{% trans 'Issues found' %}</span><span class="w-a11y-result__subtotal_count" data-a11y-result-count></span>
-                </h3>
-                <div class="w-a11y-result__container" data-a11y-result-container></div>
+                <div>
+                    <h3 class="w-a11y-result__header">
+                        <span class="w-a11y-result__name" data-a11y-result-name></span>
+                    </h3>
+                    <div class="w-a11y-result__help" data-a11y-result-help></div>
+                </div>
+                <button class="w-a11y-result__selector" data-a11y-result-selector aria-label="{% trans 'Show issue' %}" type="button">
+                    {% icon name="crosshairs" classname="w-a11y-result__icon" %}
+                </button>
             </div>
         </template>
-        <template id="w-a11y-result-selector-template">
-            <button class="w-a11y-result__selector" data-a11y-result-selector type="button">
-                {% icon name="crosshairs" classname="w-a11y-result__icon" %}
-                <span data-a11y-result-selector-text></span>
-            </button>
-        </template>
         <template id="w-a11y-result-outline-template">
             <div class="w-a11y-result__outline" data-a11y-result-outline></div>
         </template>

wagtail/admin/templatetags/wagtailadmin_tags.py

@@ -29,6 +29,7 @@ from laces.templatetags.laces import component
 
 from wagtail import hooks
 from wagtail.admin.admin_url_finder import AdminURLFinder
+from wagtail.admin.icons import get_icon_sprite_url
 from wagtail.admin.localization import get_js_translation_strings
 from wagtail.admin.menu import admin_menu
 from wagtail.admin.search import admin_search_areas
@@ -584,7 +585,7 @@ def bulk_action_choices(context, app_label, model_name):
 
 
 @register.inclusion_tag("wagtailadmin/shared/avatar.html")
-def avatar(user=None, classname=None, size=None, tooltip=None):
+def avatar(user=None, classname=None, size=None, tooltip=None, tooltip_html=None):
     """
     Displays a user avatar using the avatar template
     Usage:
@@ -594,9 +595,16 @@ def avatar(user=None, classname=None, size=None, tooltip=None):
     :param user: the user to get avatar information from (User)
     :param size: default None (None|'small'|'large'|'square')
     :param tooltip: Optional tooltip to display under the avatar (string)
+    :param tooltip_html: Optional tooltip as an HTML element for rich content (string)
     :return: Rendered template snippet
     """
-    return {"user": user, "classname": classname, "size": size, "tooltip": tooltip}
+    return {
+        "user": user,
+        "classname": classname,
+        "size": size,
+        "tooltip": tooltip,
+        "tooltip_html": tooltip_html,
+    }
 
 
 @register.simple_tag
@@ -1377,3 +1385,6 @@ def human_readable_date(date, description=None, placement="top"):
 # Shadow the laces `component` tag which was extracted from Wagtail. The shadowing
 # is useful to avoid having to update all the templates that use the `component` tag.
 register.tag("component", component)
+
+
+register.simple_tag(get_icon_sprite_url, name="icon_sprite_url")

wagtail/admin/tests/formats/en/formats.py

@@ -0,0 +1 @@
+DATETIME_INPUT_FORMATS = ["%d.%m.%Y. %H:%M"]