wagtail 6.1.3__py3-none-any.whl → 6.2__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 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 %}
+                    <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 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 %}
+                    <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 asvar someone_has_saved_message %}
+                You saved a new version in another window
+            {% endblocktranslate %}
+        {% else %}
+            {% blocktranslate trimmed with user_name=sessions.0.user|user_display_name|default:_("System") asvar someone_has_saved_message %}
+                {{ user_name }} saved a new version
+            {% 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 window. Refreshing the page will show you the new changes, but you will lose any of your unsaved changes in the current window.
+            {% 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 show you the new changes, but you 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,44 @@
 {% 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"
+        >
+            <span class="w-a11y-result__selector-text" data-a11y-result-selector-text></span>
+            {% icon name="link-external" 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"]