mirror of
https://github.com/avinal/box-box.git
synced 2026-01-10 21:48:32 +05:30
63 lines
1.9 KiB
HTML
63 lines
1.9 KiB
HTML
{{- /*
|
|
Renders a menu for the given menu ID.
|
|
|
|
@context {page} page The current page.
|
|
@context {string} menuID The menu ID.
|
|
|
|
@example: {{ partial "menu.html" (dict "menuID" "main" "page" .)
|
|
}}
|
|
*/}}
|
|
{{- $page := .page }}
|
|
{{- $menuID := .menuID }}
|
|
|
|
{{- with index site.Menus $menuID }}
|
|
<nav class="flex columns-auto flex-col justify-between">
|
|
<ul class="grid gap-4 sm:auto-cols-auto sm:grid-flow-col">
|
|
{{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
|
|
</ul>
|
|
</nav>
|
|
{{- end }}
|
|
|
|
{{- define "partials/inline/menu/walk.html" }}
|
|
{{- $page := .page }}
|
|
{{- range .menuEntries }}
|
|
{{- $attrs := dict "href" .URL }}
|
|
{{- $color := (index (shuffle (slice "cyan" "teal" "pink" "rose" "fuchsia" "purple" "violet" "indigo" "emerald" "yellow" "amber" "red")) 0) }}
|
|
{{- $classes := "min-width flex items-center justify-center border border-black text-center dark:border-white" }}
|
|
|
|
{{- if $page.IsMenuCurrent .Menu . }}
|
|
{{- $classes = (printf "%s %s" $classes "bg-black text-white active dark:text-black dark:bg-white") }}
|
|
{{- $attrs = merge $attrs (dict "aria-current" "page") }}
|
|
{{- else }}
|
|
{{- $classes = (printf "%s %s hover:bg-%s-400" $classes "bg-black text-white ancestor hover:text-black" $color) }}
|
|
{{- $attrs = merge $attrs (dict "aria-current" "true") }}
|
|
{{- end }}
|
|
|
|
{{- $attrs = merge $attrs (dict "class" $classes) }}
|
|
{{- $name := .Name }}
|
|
{{- with .Identifier }}
|
|
{{- with T . }}
|
|
{{- $name = . }}
|
|
{{- end }}
|
|
{{- end }}
|
|
|
|
|
|
<li class="flex-1">
|
|
<a
|
|
{{- range $k, $v :=$attrs }}
|
|
{{- with $v }}
|
|
{{- printf " %s=%q" $k $v | safeHTMLAttr }}
|
|
{{- end }}
|
|
{{- end -}}
|
|
>
|
|
{{ $name }}
|
|
</a>
|
|
{{- with .Children }}
|
|
<ul>
|
|
{{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
|
|
</ul>
|
|
{{- end }}
|
|
</li>
|
|
{{- end }}
|
|
{{- end }}
|