diff --git a/src/howitz/templates/components/popups/bulk-update-menu/bulk-update-buttons.html b/src/howitz/templates/components/popups/bulk-update-menu/bulk-update-buttons.html index d99164c2..a503a302 100644 --- a/src/howitz/templates/components/popups/bulk-update-menu/bulk-update-buttons.html +++ b/src/howitz/templates/components/popups/bulk-update-menu/bulk-update-buttons.html @@ -25,7 +25,7 @@ hx-swap="innerHTML" hx-trigger="click" id="bulk-clear-flapping" - class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-3 py-2 mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800"> + hx-indicator="#bulk-clear-flapping-indicator" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-3 py-2 mr-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800"> Clear Flapping diff --git a/src/howitz/templates/components/popups/bulk-update-menu/bulk-update-menu.html b/src/howitz/templates/components/popups/bulk-update-menu/bulk-update-menu.html index 9b208102..fee9d9f7 100644 --- a/src/howitz/templates/components/popups/bulk-update-menu/bulk-update-menu.html +++ b/src/howitz/templates/components/popups/bulk-update-menu/bulk-update-menu.html @@ -1,5 +1,8 @@
+ class="sticky bottom-0 z-20 flex flex-row items-center justify-between w-full max-h-fit p-2 border-t bg-slate-700 border-slate-600"> + + {% include "/components/popups/bulk-update-menu/bulk-update-progress.html" %} +
{% include "/components/popups/bulk-update-menu/bulk-update-buttons.html" %}
diff --git a/src/howitz/templates/components/popups/bulk-update-menu/bulk-update-progress.html b/src/howitz/templates/components/popups/bulk-update-menu/bulk-update-progress.html new file mode 100644 index 00000000..f3ab1d6c --- /dev/null +++ b/src/howitz/templates/components/popups/bulk-update-menu/bulk-update-progress.html @@ -0,0 +1,15 @@ +
+ {% with color='white' %} + {% include "/components/feedback/spinner/spinner.svg" %} + {% endwith %} + Clearing flapping... +
+ +
+ {% with color='white' %} + {% include "/components/feedback/spinner/spinner.svg" %} + {% endwith %} + Polling... +