diff options
| author | navanchauhan <navanchauhan@gmail.com> | 2023-01-18 01:40:39 -0700 |
|---|---|---|
| committer | navanchauhan <navanchauhan@gmail.com> | 2023-01-18 01:40:39 -0700 |
| commit | 46f32a7dc26dad46ffa974de56bf1541b8578e12 (patch) | |
| tree | de206a4631c4720ba94423f52f754cc7239b410d | |
| parent | 385a245cf6bab475eb48102d2fd9873909da1f2c (diff) | |
improve UI
| -rw-r--r-- | templates/components/section.html | 9 | ||||
| -rw-r--r-- | templates/search_results.html | 30 |
2 files changed, 29 insertions, 10 deletions
diff --git a/templates/components/section.html b/templates/components/section.html index 563a6a9..ca664fb 100644 --- a/templates/components/section.html +++ b/templates/components/section.html @@ -11,6 +11,15 @@ </section> {{end}} +{{define "navbar"}} +<nav class="navbar is-fixed-top is-primary" role="navigation" aria-label="main navigation"> + <div class="navbar-brand"> + <a href="/" class="navbar-item subtitle is-3">{{.GlobalVars.Name}}</a> + </div> +</nav> +{{end}} + + {{define "hero-medium"}} <section class="hero is-medium is-primary"> <div class="hero-body"> diff --git a/templates/search_results.html b/templates/search_results.html index bb544be..4c053ab 100644 --- a/templates/search_results.html +++ b/templates/search_results.html @@ -5,7 +5,9 @@ <title>{{.OriginalQuery.Query}} - {{.GlobalVars.Name}}</title> </head> <body> - {{ template "hero-medium" . }} + <section class="section"> + {{ template "navbar" . }} + </section> <section class="section"> <nav class="breadcrumb" aria-label="breadcrumbs"> <ul> @@ -33,18 +35,26 @@ <p>Showing {{.NumResults}} of {{.TotalResults}} (Estimated) </p> </div> </section> +<div class="container is-fluid"> + <a href="#" class="button is-link" disabled>Export Results</a> + <a href="#" class="button is-link" disabled>Sort by Decision Date (ASC) </a> + <a href="#" class="button is-link" disabled>Sort by Decision Date (DESC) </a> + <a href="#" class="button is-link" disabled>Sort by Submission Date (ASC) </a> + <a href="#" class="button is-link" disabled>Sort by Submission Date (DESC) </a> + <a href="#" class="button is-link" disabled>Sort by Relevancy (Default) </a> +</div> <section class="section"> - <div class="container"> + {{ range .SearchResults }} <div class="card mb-4"> <header class="card-header"> <p class="card-header-title"> - {{.applicant}} <a href="/dbentry?id={{.id}}">{{ .id }}</a></p> + {{.applicant}} <a href="/dbentry?id={{.id}}" class="is-info ">{{ .id }}</a></p> </header> <div class="card-content"> <div class="media"> <div class="media-content"> - <p class="title is-4">{{ .title }}</p> + <a href="/dbentry?id={{.id}}" class="is-size-3 link">{{ .title }}</a> </div> </div> <div class="content"> @@ -52,16 +62,16 @@ </div> </div> <footer class="card-footer"> - <div class="card-footer-item"> - <p class="content"> + <p class="card-header-title"> + Predicates: {{ range .predicates}} - <a href="/dbentry?id={{.}}">{{ . }}</a>  + <a href="/dbentry?id={{.}}" class="button is-info is-light">{{ . }}</a>  {{ end }} - </p></div> + </p> </footer> </div> {{ end }} - </div> + </section> {{ if .MoreResults }} <section class="section"> @@ -81,7 +91,7 @@ </div> <div class="column"> <div class="field has-addons"> - <a class="button is-primary is-light is-medium is-fullwidth" href="/search?query={{.OriginalQuery.Query}}&offset={{.Offset}}" title="Next Page"> + <a class="button is-primary is-medium is-fullwidth" href="/search?query={{.OriginalQuery.Query}}&offset={{.Offset}}" title="Next Page"> <span> Next Page </span> |