Skip to content

Commit 999bf17

Browse files
committed
Add global search to navbar
Signed-off-by: Preet Kaur <preetkaur130610@gmail.com>
1 parent f9e5102 commit 999bf17

1 file changed

Lines changed: 64 additions & 61 deletions

File tree

layouts/partials/navbar.html

Lines changed: 64 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -1,81 +1,84 @@
11
{{ $cover := and
2-
(.HasShortcode "blocks/cover")
3-
(not .Site.Params.ui.navbar_translucent_over_cover_disable)
2+
(.HasShortcode "blocks/cover")
3+
(not .Site.Params.ui.navbar_translucent_over_cover_disable)
44
-}}
55

66
<nav class="js-navbar-scroll navbar navbar-expand-md navbar-dark
77
{{- if $cover }} td-navbar-cover {{- end }} td-navbar">
8-
<div class="container px-0">
9-
<a class="navbar-brand" href="{{ .Site.Home.RelPermalink }}">
10-
{{- /**/ -}}
11-
<span class="navbar-brand__logo navbar-logo">
12-
{{- if ne .Site.Params.ui.navbar_logo false -}}
8+
<div class="container px-0">
9+
<a class="navbar-brand" href="{{ .Site.Home.RelPermalink }}">
10+
{{- /**/ -}}
11+
<span class="navbar-brand__logo navbar-logo">
12+
{{- if ne .Site.Params.ui.navbar_logo false -}}
1313
<span class="show_light-only">
1414
{{ with resources.Get "icons/logo.svg" -}}
15-
{{ ( . | minify).Content | safeHTML -}}
15+
{{ ( . | minify).Content | safeHTML -}}
1616
{{ end -}}
1717
</span>
1818
<span class="show_dark-only">
1919
{{ with resources.Get "icons/logo-white.svg" -}}
20-
{{ ( . | minify).Content | safeHTML -}}
20+
{{ ( . | minify).Content | safeHTML -}}
2121
{{ end -}}
2222
</span>
23-
{{ end -}}
24-
</span>
25-
{{- /**/ -}}
26-
<span class="text-uppercase font-weight-bold">
27-
{{- .Site.Title -}}
28-
</span>
29-
{{- /**/ -}}
30-
</a>
31-
<div class="filler"></div>
32-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main_navbar" aria-controls="main_navbar" aria-expanded="false" aria-label="Toggle navigation">
33-
<span class="navbar-toggler-icon"></span>
34-
</button>
35-
<div class="collapse navbar-collapse ml-md-auto" id="main_navbar">
36-
<ul class="navbar-nav ml-auto pt-4 pt-md-0 my-2 my-md-1">
37-
{{ $p := . -}}
38-
{{ $last := len .Site.Menus.main -}}
39-
{{ range $i, $e := .Site.Menus.main -}}
40-
{{ $longContent := gt (len $e.Name) 8 -}}
41-
{{ $isLast := eq $i (sub $last 1) -}}
42-
<li class="nav-item mt-1 mt-lg-0 {{ if $isLast }}mr-1 mr-lg-3 mr-xl-4{{ else }}mr-2 mr-xl-4{{- end }} {{- if $longContent }} long-content {{- end }}">
43-
{{ $active := or ($p.IsMenuCurrent "main" $e) ($p.HasMenuCurrent "main" $e) -}}
44-
{{ with $e.Page }}{{ $active = or $active ( $.IsDescendant $e) }}{{ end -}}
45-
{{ $pre := $e.Pre -}}
46-
{{ $post := $e.Post -}}
47-
{{ $url := urls.Parse $e.URL -}}
48-
{{ $baseurl := urls.Parse $.Site.Params.Baseurl -}}
49-
<a {{/**/ -}}
50-
class="nav-link {{- if $active }} active {{- end }}" {{/**/ -}}
51-
href="{{ with $e.Page }}{{ $e.RelPermalink }}{{ else }}{{ $e.URL | relLangURL }}{{ end }}"
52-
{{- if ne $url.Host $baseurl.Host }} target="_blank" {{- end -}}
53-
>
23+
{{ end -}}
24+
</span>
25+
{{- /**/ -}}
26+
<span class="text-uppercase font-weight-bold">
27+
{{- .Site.Title -}}
28+
</span>
29+
{{- /**/ -}}
30+
</a>
31+
<div class="filler"></div>
32+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main_navbar"
33+
aria-controls="main_navbar" aria-expanded="false" aria-label="Toggle navigation">
34+
<span class="navbar-toggler-icon"></span>
35+
</button>
36+
<div class="collapse navbar-collapse ml-md-auto" id="main_navbar">
37+
<ul class="navbar-nav ml-auto pt-4 pt-md-0 my-2 my-md-1">
38+
{{ $p := . -}}
39+
{{ $last := len .Site.Menus.main -}}
40+
{{ range $i, $e := .Site.Menus.main -}}
41+
{{ $longContent := gt (len $e.Name) 8 -}}
42+
{{ $isLast := eq $i (sub $last 1) -}}
43+
<li
44+
class="nav-item mt-1 mt-lg-0 {{ if $isLast }}mr-1 mr-lg-3 mr-xl-4{{ else }}mr-2 mr-xl-4{{- end }} {{- if $longContent }} long-content {{- end }}">
45+
{{ $active := or ($p.IsMenuCurrent "main" $e) ($p.HasMenuCurrent "main" $e) -}}
46+
{{ with $e.Page }}{{ $active = or $active ( $.IsDescendant $e) }}{{ end -}}
47+
{{ $pre := $e.Pre -}}
48+
{{ $post := $e.Post -}}
49+
{{ $url := urls.Parse $e.URL -}}
50+
{{ $baseurl := urls.Parse $.Site.Params.Baseurl -}}
51+
<a {{/**/ -}} class="nav-link {{- if $active }} active {{- end }}" {{/**/ -}}
52+
href="{{ with $e.Page }}{{ $e.RelPermalink }}{{ else }}{{ $e.URL | relLangURL }}{{ end }}" {{- if ne
53+
$url.Host $baseurl.Host }} target="_blank" {{- end -}}>
5454
{{- with $e.Pre }}{{ $pre }}{{ end -}}
5555
<span {{- if $active }} class="active" {{- end }}>
5656
{{- $e.Name -}}
5757
</span>
5858
{{- with $e.Post }}{{ $post }}{{ end -}}
59-
</a>
60-
</li>
61-
{{ end -}}
62-
<li class="nav-item mr-2 mt-1 mt-lg-0 py-md-2">
63-
<div class="vr"></div>
64-
</li>
65-
<li class="nav-item dropdown mt-1 mt-lg-0 mr-1 mr-xl-2">
66-
{{ partial "theme-toggler" . }}
67-
</li>
68-
{{ if .Site.Params.versions -}}
69-
<li class="nav-item dropdown mt-1 mt-lg-0">
70-
{{ partial "navbar-version-selector.html" . -}}
71-
</li>
72-
{{ end -}}
73-
{{ if (gt (len .Site.Home.Translations) 0) -}}
74-
<li class="nav-item dropdown mt-1 mt-lg-0 mr-2">
75-
{{ partial "navbar-lang-selector.html" . -}}
76-
</li>
77-
{{ end -}}
78-
</ul>
59+
</a>
60+
</li>
61+
{{ end -}}
62+
<li class="nav-item mr-2 mt-1 mt-lg-0 py-md-2">
63+
<div class="vr"></div>
64+
</li>
65+
<li class="nav-item mr-2 mt-1 mt-lg-0">
66+
{{ partial "search-input.html" . }}
67+
</li>
68+
<li class="nav-item dropdown mt-1 mt-lg-0 mr-1 mr-xl-2">
69+
{{ partial "theme-toggler" . }}
70+
</li>
71+
{{ if .Site.Params.versions -}}
72+
<li class="nav-item dropdown mt-1 mt-lg-0">
73+
{{ partial "navbar-version-selector.html" . -}}
74+
</li>
75+
{{ end -}}
76+
{{ if (gt (len .Site.Home.Translations) 0) -}}
77+
<li class="nav-item dropdown mt-1 mt-lg-0 mr-2">
78+
{{ partial "navbar-lang-selector.html" . -}}
79+
</li>
80+
{{ end -}}
81+
</ul>
82+
</div>
7983
</div>
80-
</div>
8184
</nav>

0 commit comments

Comments
 (0)