Files
hugo-bootswatch-slate/layouts/partials/menu.html
2018-02-17 23:25:30 +02:00

34 lines
1.5 KiB
HTML

<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<div class="container">
<a class="navbar-brand" href="/">{{ $.Site.Params.brand | safeHTML}}</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav mr-auto">
{{ $currentPage := .}}
{{ range .Site.Menus.main }}
{{ if .HasChildren }}
<li class="nav-item dropdown{{ if $currentPage.HasMenuCurrent "main" . }} active{{ end }}">
<a href="#" class="navlink dropdown-toggle" role="menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{ .Name }}</a>
<div class="dropdown-menu">
{{ range .Children}}
<a href="{{ .URL }}" class="dropdown-item{{ if $currentPage.IsMenuCurrent "main" . }} active{{ end }}">{{ .Name }}</a>
{{ end }}
</div>
</li>
{{ else }}
<li class="nav-item{{ if $currentPage.IsMenuCurrent "main" . }} active{{ end }}">
<a class="nav-link" href="{{ .URL }}">{{ .Pre }}{{ .Name }}
{{ if $currentPage.IsMenuCurrent "main" . }}<span class="sr-only">(current)</span>{{ end }}
</a>
</li>
{{ end }}
{{ end }}
</ul>
</div>
</div>
</nav>