1
0
mirror of https://github.com/alanorth/hugo-theme-bootstrap4-blog.git synced 2025-07-14 09:48:21 +02:00

adds submenu capability

This commit is contained in:
Jan Schmitz
2022-08-29 10:11:29 +02:00
parent a8ff91e1ea
commit c76b51fb0b
14 changed files with 270 additions and 292 deletions

View File

@ -43,14 +43,32 @@
{{ block "masthead" . }}
<div class="blog-masthead">
<div class="container">
<nav class="nav blog-nav">
<a class="nav-link {{ if .IsHome }}active{{ end }}" href="{{ .Site.BaseURL | absLangURL }}">{{ i18n "home" }}</a>
{{- $currentPage := . -}}
{{ range .Site.Menus.navbar }}
{{ $menuURL := .URL | absLangURL }}
<a class="nav-link{{ if or ($currentPage.IsMenuCurrent "navbar" .) ($currentPage.HasMenuCurrent "navbar" .) }} active{{end}}" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
{{ end }}
</nav>
<nav class="navbar navbar-dark navbar-expand">
<ul class="navbar-nav">
<li class="nav-item {{ if .IsHome }}active{{ end }}">
<a class="nav-link {{ if .IsHome }}active{{ end }}" href="{{ .Site.BaseURL | absLangURL }}">{{ i18n "home" }}</a>
</li>
{{ $currentPage := . }}
{{ range .Site.Menus.navbar }}
{{ if .HasChildren }}
<li class="nav-item dropdown{{ if or ($currentPage.IsMenuCurrent "navbar" .) ($currentPage.HasMenuCurrent "navbar" .) }} active{{end}}">
<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false">
{{ .Name }}
</a>
<div class="dropdown-menu">
{{ range .Children }}
<a class="dropdown-item" href="{{ .URL }}">{{ .Name }}</a>
{{ end }}
</div>
</li>
{{ else }}
<li class="nav-item{{ if or ($currentPage.IsMenuCurrent "navbar" .) ($currentPage.HasMenuCurrent "navbar" .) }} active{{end}}">
<a class="nav-link{{ if or ($currentPage.IsMenuCurrent "navbar" .) ($currentPage.HasMenuCurrent "navbar" .) }} active{{end}}" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
</li>
{{ end }}
{{ end }}
</ul>
</nav>
</div>
</div>
{{ end }}
@ -98,6 +116,9 @@
</footer>
{{ end }}
{{ "<!-- bundled bootstrap -->" | safeHTML }}
{{ $bootstrap := resources.Get "js/bootstrap.min.js" | resources.Fingerprint }}
<script defer src="{{ $bootstrap.Permalink }}" integrity="{{ $bootstrap.Data.Integrity }}" crossorigin="anonymous"></script>
</body>
</html>