From: Michael Tremer <michael.tremer@ipfire.org>
Date: Wed, 1 Jun 2022 17:02:25 +0000 (+0000)
Subject: Refactor search page
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=4bbc0ade2a7a918b4efaa7db5a60de64b6c1b7ac;p=pbs.git

Refactor search page

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

diff --git a/src/templates/search-form.html b/src/templates/search-form.html
index ae754760..320bbaa1 100644
--- a/src/templates/search-form.html
+++ b/src/templates/search-form.html
@@ -1,36 +1,34 @@
 {% extends "base.html" %}
 
-{% block title %}{{ _("Advanced search") }}{% end block %}
+{% block title %}{{ _("Search") }}{% end block %}
 
-{% block body %}
-	<nav aria-label="breadcrumb" role="navigation">
-		<ol class="breadcrumb">
-			<li class="breadcrumb-item"><a href="/">{{ _("Home") }}</a></li>
-			<li class="breadcrumb-item active">
-				<a href="/search">{{ _("Search") }}</a>
+{% block container %}
+	<nav aria-label="{{ _("You are here:") }}" role="navigation">
+		<ul class="breadcrumbs">
+			<li>
+				<a href="/">{{ _("Home") }}</a>
 			</li>
-		</ol>
+			<li>
+				<span class="show-for-sr">{{ _("Current") }}: </span> {{ _("Search") }}
+			</li>
+		</ul>
 	</nav>
 
-	{% if pattern %}
-		<h2 style="word-wrap: break-word;">
-			{{ _("No results for '%s'.") % pattern }}
-		</h2>
-	{% else %}
-		<h2 style="word-wrap: break-word;">
-			{{ _("Search") }}
-		</h2>
-
-		<p class="">
-			{{ _("Type a search pattern into the box below and hit the button.") }}
-		</p>
-	{% end %}
+	<div class="grid-x grid-padding-x">
+		<div class="cell large-6 float-center">
+			<form method="GET" action="/search">
+				<div class="input-group">
+					<input type="text" class="input-group-field"
+						name="q" value="{{ pattern }}"
+						placeholder="{{ _("Search") }}">
 
-	<form class="form-inline" method="GET" action="/search">
-		<div class="form-group">
-			<input type="text" class="form-control mr-2" id="q" name="q" placeholder="{{ _("Search") }}"
-				value="{{ pattern }}">
+					<div class="input-group-button">
+						<button type="submit" class="primary button">
+							{{ _("Go!") }}
+						</button>
+					</div>
+				</div>
+			</form>
 		</div>
-		<button type="submit" class="btn btn-primary">{{ _("Go!") }}</button>
-	</form>
+	</div>
 {% end block %}