azpect/Web-Database-Viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FIX: Close DB connection and htmx spinner

Browse Source
This commit is contained in:
Azpect3120 2024-08-07 15:20:00 -07:00
parent 6dc9c19749
commit 0da4821724
2 changed files with 217 additions and 208 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
internal/database/query.go
View File

@ -30,6 +30,7 @@ func queryConnection(query, url string) ([]string, []map[string]interface{}, err
if err != nil { if err != nil {
return []string{}, []map[string]interface{}{}, err return []string{}, []map[string]interface{}{}, err
} }
defer db.Close()
rows, err := db.Query(query) rows, err := db.Query(query)
if err != nil { if err != nil {

10
web/templates/index.html
View File

@ -112,9 +112,17 @@
<div class="w-full md:w-3/4 p-4"> <div class="w-full md:w-3/4 p-4">
<main> <main>
<!-- Query Input --> <!-- Query Input -->
<form class="mb-4" hx-post="/v1/api/query" hx-trigger="input delay:1000ms" hx-swap="outerHTML" hx-target="#query-result"> <form
class="mb-4"
hx-post="/v1/api/query"
hx-trigger="input delay:500ms"
hx-swap="outerHTML"
hx-target="#query-result"
hx-indicator="#spinner"
>
<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>
<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"></textarea> <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"></textarea>
<p id="spinner" class="text-gray-700 text-sm px-1 py-2 htmx-indicator"> Query running... </p>
<p id="query-error" hx-swap-oob="outerHTML" class="text-red-500 py-2 text-sm hidden"></p> <p id="query-error" hx-swap-oob="outerHTML" class="text-red-500 py-2 text-sm hidden"></p>
</form> </form>