mirror of https://github.com/docker/docs.git
80 lines
2.6 KiB
HTML
80 lines
2.6 KiB
HTML
{{- if gt .Paginator.TotalPages 1 }}
|
|
{{ $selectable := "cursor-pointer" }}
|
|
{{ $active := "hover:text-black dark:hover:text-white underline underline-offset-8" }}
|
|
{{ $disabled := "cursor-not-allowed text-gray-200 dark:text-gray-500" }}
|
|
<ul class="flex items-center gap-6">
|
|
{{- with .Paginator }}
|
|
{{- $currentPageNumber := .PageNumber }}
|
|
|
|
{{- with .First }}
|
|
{{- if ne $currentPageNumber .PageNumber }}
|
|
<li>
|
|
<a class="{{ $selectable }}" href="{{ .URL }}" aria-label="First">
|
|
<span class="icon-svg">
|
|
{{- partialCached "icon" "chevron_backward" "chevron_backward" -}}
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{- else }}
|
|
<li>
|
|
<a class="{{ $disabled }}" aria-disabled="true" aria-label="First">
|
|
<span class="icon-svg">
|
|
{{- partialCached "icon" "chevron_backward" "chevron_backward" -}}
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{- end }}
|
|
{{- end }}
|
|
|
|
{{- $slots := 5 }}
|
|
{{- $start := math.Max 1 (sub .PageNumber (math.Floor (div $slots 2))) }}
|
|
{{- $end := math.Min .TotalPages (sub (add $start $slots) 1) }}
|
|
{{- if lt (add (sub $end $start) 1) $slots }}
|
|
{{- $start = math.Max 1 (add (sub $end $slots) 1) }}
|
|
{{- end }}
|
|
|
|
{{- range $k := seq $start $end }}
|
|
{{- if eq $.Paginator.PageNumber $k }}
|
|
<li>
|
|
<a
|
|
class="{{ $active }}"
|
|
aria-current="page"
|
|
aria-label="Page {{ $k }}"
|
|
>{{ $k }}</a
|
|
>
|
|
</li>
|
|
{{- else }}
|
|
<li>
|
|
<a
|
|
class="{{ $selectable }}"
|
|
href="{{ (index $.Paginator.Pagers (sub $k 1)).URL }}"
|
|
aria-label="Page {{ $k }}"
|
|
>{{ $k }}</a
|
|
>
|
|
</li>
|
|
{{- end }}
|
|
{{- end }}
|
|
|
|
{{- with .Last }}
|
|
{{- if ne $currentPageNumber .PageNumber }}
|
|
<li>
|
|
<a class="{{ $selectable }}" href="{{ .URL }}" aria-label="Last">
|
|
<span class="icon-svg">
|
|
{{- partialCached "icon" "chevron_forward" "chevron_forward" -}}
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{- else }}
|
|
<li>
|
|
<a class="{{ $disabled }}" aria-disabled="true" aria-label="Last">
|
|
<span class="icon-svg">
|
|
{{- partialCached "icon" "chevron_forward" "chevron_forward" -}}
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{{- end }}
|
|
{{- end }}
|
|
{{- end }}
|
|
</ul>
|
|
{{- end }}
|