feat: generic HTMX spinner and hx_show_message helper

Author: ajrbyers

src/core/partial_views.py

@@ -1,5 +1,3 @@
-import json
-
 from django.core.cache import cache
 from django.shortcuts import render
 from django.http import HttpResponseBadRequest
@@ -8,14 +6,7 @@
 
 from core import forms, models, logic
 from security.decorators import editor_or_journal_manager_required
-
-
-def hx_show_message(response, message, level="success"):
-    """Set the HX-Trigger header to fire a showMessage toastr notification."""
-    response["HX-Trigger"] = json.dumps(
-        {"showMessage": {"type": level, "message": message}}
-    )
-    return response
+from utils.htmx import hx_show_message
 
 
 JOURNAL_IMAGE_FIELDS = {

src/templates/admin/core/base.html

@@ -119,6 +119,7 @@ <h1>{% block title-section %}{% endblock %}</h1>
   </script>
 {% endblock toastr %}
 {% include "admin/core/partials/htmx_messages.html" %}
+{% include "admin/core/partials/htmx_spinner.html" %}
 
 {% block js %}{% endblock %}
 </body>

…/core/partials/journal_image/events.html …es/admin/core/partials/htmx_spinner.htmlsrc/templates/admin/core/partials/journal_image/events.html renamed to src/templates/admin/core/partials/htmx_spinner.html src/templates/admin/core/partials/journal_image/events.html renamed to src/templates/admin/core/partials/htmx_spinner.html

@@ -1,6 +1,4 @@
 <script>
-  {# Toastr notifications for image saves/removes are handled by htmx_messages.html in base.html. #}
-
   document.body.addEventListener("htmx:beforeRequest", function (event) {
     var indicator = event.detail.elt.getAttribute("hx-indicator");
     if (indicator) {

src/templates/admin/elements/forms/group_journal_images.html

@@ -27,4 +27,3 @@ <h2>{% trans "Journal Images" %}</h2>
 </div>
 
 {% include "admin/core/partials/htmx.html" %}
-{% include "admin/core/partials/journal_image/events.html" %}

src/utils/htmx.py

@@ -0,0 +1,9 @@
+import json
+
+
+def hx_show_message(response, message, level="success"):
+    """Set the HX-Trigger header to fire a showMessage toastr notification."""
+    response["HX-Trigger"] = json.dumps(
+        {"showMessage": {"type": level, "message": message}}
+    )
+    return response