From 94706221251d65718717fd8271bb3195c61da461 Mon Sep 17 00:00:00 2001
From: Thomas Miceli <tho.miceli@gmail.com>
Date: Fri, 23 Jun 2023 13:59:07 +0200
Subject: [PATCH] Search page more explicit

---
 internal/web/gist.go            |  3 ++-
 templates/base/base_header.html |  6 +++---
 templates/pages/all.html        | 14 +++++++++-----
 3 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/internal/web/gist.go b/internal/web/gist.go
index 9c60430..c108dcc 100644
--- a/internal/web/gist.go
+++ b/internal/web/gist.go
@@ -121,7 +121,8 @@ func allGists(ctx echo.Context) error {
 		if strings.HasSuffix(urlctx, "search") {
 			setData(ctx, "htmlTitle", "Search results")
 			setData(ctx, "mode", "search")
-			setData(ctx, "searchQuery", template.URL("&q="+ctx.QueryParam("q")))
+			setData(ctx, "searchQuery", ctx.QueryParam("q"))
+			setData(ctx, "searchQueryUrl", template.URL("&q="+ctx.QueryParam("q")))
 			urlPage = "search"
 			gists, err = models.GetAllGistsFromSearch(currentUserId, ctx.QueryParam("q"), pageInt-1, sort, order)
 		} else if strings.HasSuffix(urlctx, "all") {
diff --git a/templates/base/base_header.html b/templates/base/base_header.html
index a04cf42..1a46465 100644
--- a/templates/base/base_header.html
+++ b/templates/base/base_header.html
@@ -73,7 +73,7 @@
                                                 </svg>
                                             </div>
                                             <form action="/search" method="GET">
-                                                <input id="search" name="q" class="bg-white dark:bg-gray-900 shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-200 dark:border-gray-700 rounded-md pl-10" placeholder="Search" type="search">
+                                                <input id="search" name="q" class="bg-white dark:bg-gray-900 shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-200 dark:border-gray-700 rounded-md pl-10" placeholder="Search" type="search" value="{{ .searchQuery }}">
                                                 <input type="submit" hidden="hidden">
                                             </form>
                                         </div>
@@ -191,7 +191,7 @@
             <!-- Mobile menu -->
             <div class="sm:hidden hidden" id="mobile-menu">
                 <div class="mx-2">
-                    <label for="search" class="sr-only">Search</label>
+                    <label for="searchmobile" class="sr-only">Search</label>
                     <div class="relative">
                         <div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
                             <svg class="h-5 w-5 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
@@ -199,7 +199,7 @@
                             </svg>
                         </div>
                         <form action="/search" method="GET">
-                            <input id="search" name="q" class="bg-white dark:bg-gray-900 shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-200 dark:border-gray-700 rounded-md pl-10" placeholder="Search" type="search">
+                            <input id="searchmobile" name="q" class="bg-white dark:bg-gray-900 shadow-sm focus:ring-primary-500 focus:border-primary-500 block w-full sm:text-sm border-gray-200 dark:border-gray-700 rounded-md pl-10" placeholder="Search" type="search" value="{{.searchQuery}}">
                             <input type="submit" hidden="hidden">
                         </form>
                     </div>
diff --git a/templates/pages/all.html b/templates/pages/all.html
index 9ba54ac..99c0462 100644
--- a/templates/pages/all.html
+++ b/templates/pages/all.html
@@ -14,7 +14,11 @@
                     </div>
                 </div>
                 {{ else }}
-                <h1 class="text-2xl font-bold leading-tight">All gists</h1>
+                    {{ if eq .mode "all" }}
+                        <h1 class="text-2xl font-bold leading-tight">All gists</h1>
+                    {{ else if eq .mode "search" }}
+                        <h1 class="text-2xl font-bold leading-tight">Search results</h1>
+                    {{ end }}
                 {{ end }}
             </div>
             <div class="align-middle inline-flex items-center">
@@ -29,22 +33,22 @@
                     </div>
                     <div id="sort-gists-dropdown" class="hidden absolute right-0 z-10 mt-2 w-56 origin-top-right divide-y divide-gray-200 dark:divide-gray-700 rounded-md rounded border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-800 shadow-lg ring-1 ring-white dark:ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1">
                         <div class="" role="none">
-                            <a href="/{{ .urlPage }}?sort=created&order=desc{{.searchQuery}}" class="text-slate-700 dark:text-slate-300 group flex items-center px-3 py-2 text-xs hover:bg-gray-200 dark:hover:bg-gray-700 hover:text-black dark:hover:text-white hover:text-white hover:bg-primary-500 hover:rounded-t-md" role="menuitem">
+                            <a href="/{{ .urlPage }}?sort=created&order=desc{{.searchQueryUrl}}" class="text-slate-700 dark:text-slate-300 group flex items-center px-3 py-2 text-xs hover:bg-gray-200 dark:hover:bg-gray-700 hover:text-black dark:hover:text-white hover:text-white hover:bg-primary-500 hover:rounded-t-md" role="menuitem">
                                 Recently created
                             </a>
                         </div>
                         <div class="" role="none">
-                            <a href="/{{ .urlPage }}?sort=created&order=asc{{.searchQuery}}" class="text-slate-700 dark:text-slate-300 group flex items-center px-3 py-2 text-xs hover:bg-gray-200 dark:hover:bg-gray-700 hover:text-black dark:hover:text-white hover:text-white hover:bg-primary-500" role="menuitem">
+                            <a href="/{{ .urlPage }}?sort=created&order=asc{{.searchQueryUrl}}" class="text-slate-700 dark:text-slate-300 group flex items-center px-3 py-2 text-xs hover:bg-gray-200 dark:hover:bg-gray-700 hover:text-black dark:hover:text-white hover:text-white hover:bg-primary-500" role="menuitem">
                                 Least recently created
                             </a>
                         </div>
                         <div class="" role="none">
-                            <a href="/{{ .urlPage }}?sort=updated&order=desc{{.searchQuery}}" class="text-slate-700 dark:text-slate-300 group flex items-center px-3 py-2 text-xs hover:bg-gray-200 dark:hover:bg-gray-700 hover:text-black dark:hover:text-white hover:text-white hover:bg-primary-500" role="menuitem">
+                            <a href="/{{ .urlPage }}?sort=updated&order=desc{{.searchQueryUrl}}" class="text-slate-700 dark:text-slate-300 group flex items-center px-3 py-2 text-xs hover:bg-gray-200 dark:hover:bg-gray-700 hover:text-black dark:hover:text-white hover:text-white hover:bg-primary-500" role="menuitem">
                                 Recently updated
                             </a>
                         </div>
                         <div class="" role="none">
-                            <a href="/{{ .urlPage }}?sort=updated&order=asc{{.searchQuery}}" class="text-slate-700 dark:text-slate-300 group flex items-center px-3 py-2 text-xs hover:bg-gray-200 dark:hover:bg-gray-700 hover:text-black dark:hover:text-white hover:text-white hover:bg-primary-500 hover:rounded-b-md" role="menuitem">
+                            <a href="/{{ .urlPage }}?sort=updated&order=asc{{.searchQueryUrl}}" class="text-slate-700 dark:text-slate-300 group flex items-center px-3 py-2 text-xs hover:bg-gray-200 dark:hover:bg-gray-700 hover:text-black dark:hover:text-white hover:text-white hover:bg-primary-500 hover:rounded-b-md" role="menuitem">
                                 Least recently updated
                             </a>
                         </div>