Bulk action loading indicator

src/argus_htmx/static/styles.css

@@ -4195,6 +4195,11 @@ input.tab:checked + .tab-content,
   color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));
 }
 
+.text-primary-content {
+  --tw-text-opacity: 1;
+  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
+}
+
 .text-warning {
   --tw-text-opacity: 1;
   color: var(--fallback-wa,oklch(var(--wa)/var(--tw-text-opacity)));

src/argus_htmx/templates/htmx/_base_form_modal.html

@@ -23,7 +23,10 @@ <h3 class="card-title">{{ header }}</h3>
         <div class="divider divider-end">
           <button type="submit"
                   form="{{ dialog_id }}-form"
-                  class="btn {{ button_class|default:"btn-primary" }}">{{ submit_text }}</button>
+                  class="btn {{ button_class|default:'btn-primary' }} loading-box">
+            <span>{{ submit_text }}</span>
+            <div class="htmx-indicator loading loading-spinner"></div>
+          </button>
           <button class="btn">{{ cancel_text }}</button>
         </div>
       </form>

src/argus_htmx/templates/htmx/incidents/_base_incident_update_modal.html

@@ -1,6 +1,7 @@
 {% extends "htmx/_base_form_modal.html" %}
 {% block form_control %}
   hx-post="{% url endpoint|default:'htmx:incidents-update' action=action %}"
+  hx-indicator="button .htmx-indicator"
   {% if action_type == "bulk-update" %}
     hx-include="[name='incident_ids']"
   {% else %}