FIX: Spinner for running query is complete.

This commit is contained in:
Azpect3120 2024-08-22 17:17:29 -07:00
parent c821ceb366
commit fdae399dce

View File

@ -74,7 +74,7 @@
<!-- Query Input -->
<div id="query-main" class="mb-4">
<div class="flex items-center justify-between">
<label for="sql" class="block text-sm font-medium text-gray-700">SQL Query</label>
<label for="sql" class="block text-sm font-medium text-gray-700">SQL Query </label>
<div class="flex items-center space-x-6">
<form class="flex items-center space-x-2" hx-get="/v1/web/query/auto" hx-swap="outerHTML" hx-target="#query-main" hx-trigger="input">
<label for="auto-toggle" class="text-sm font-medium text-gray-700">Auto-Run</label>
@ -95,7 +95,7 @@
<!-- Auto Query Input -->
<!-- <textarea id="sql" name="sql" rows="4" class="mt-1 block w-full p-2 border border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm" hx-post="/v1/api/query" hx-trigger="input delay:500ms" hx-swap="outerHTML" hx-target="#query-results" hx-indicator="#spinner"></textarea> -->
<p id="spinner" class="text-gray-700 text-sm px-1 py-2 htmx-indicator hidden"> Query running... </p>
<p id="spinner" class="text-gray-700 text-sm px-1 py-2 htmx-indicator opacity-0"> Query running... </p>
<p id="query-error" hx-swap-oob="outerHTML" class="text-red-500 py-2 text-sm hidden"></p>
</div>