15308555518/ website
1
0
Fork 0
mirror of https://github.com/kubesphere/website.git synced 2025-12-26 00:12:48 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: try to fix docs pagination bugs 

Signed-off-by: ROOMrepair <twekjz@gmail.com>
This commit is contained in:
ROOMrepair 2024-10-31 18:15:27 +08:00
parent d15383ba89
commit 85ebc72aee
6 changed files with 137 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
layouts/docs/second.html
View File

@ -146,29 +146,11 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
{{ end }}
</div>
</div>
{{ if .IsPage }}
<div class="page-div common-flex-layout">
{{ with .Next }}
<!-- {{ if .IsDescendant (.GetPage "/docs")}} -->
<a class="last" href="{{.RelPermalink}}">
<img src="/images/docs/v3.3/last.svg" alt="{{ i18n "Previous" }}">
{{ i18n "Previous" }}
<span>: {{.LinkTitle}}</span>
</a>
<!-- {{ end }} -->
{{ end }}
{{ with .Prev }}
<!-- {{ if .IsDescendant (.GetPage "/docs")}} -->
<a class="next" href="{{.RelPermalink}}">
{{ i18n "Next" }}
<span>: {{.LinkTitle}}</span>
<img src="/images/docs/v3.3/next.svg" alt="{{ i18n "Next" }}">
</a>
<!-- {{ end }} -->
{{ end }}
</div>
{{ partial "pagination" . }}
{{ end }}
<div></div>
</div>
{{ if .IsPage }}

24
layouts/docs/single.html
View File

@ -154,29 +154,11 @@
<p class="msg-thank">{{ i18n "Msg-Thank" }}</p>
</div>
</div>
{{ if .IsPage }}
<div class="page-div common-flex-layout">
{{ with .Next }}
<!-- {{ if .IsDescendant (.GetPage "/docs")}} -->
<a class="last" href="{{.RelPermalink}}">
<img src="/images/docs/v3.3/last.svg" alt="{{ i18n " Previous" }}">
{{ i18n "Previous" }}
<span>: {{.LinkTitle}}</span>
</a>
<!-- {{ end }} -->
{{ end }}
{{ with .Prev }}
<!-- {{ if .IsDescendant (.GetPage "/docs")}} -->
<a class="next" href="{{.RelPermalink}}">
{{ i18n "Next" }}
<span>: {{.LinkTitle}}</span>
<img src="/images/docs/v3.3/next.svg" alt="{{ i18n " Next" }}">
</a>
<!-- {{ end }} -->
{{ end }}
</div>
{{ if .IsPage }}
{{ partial "pagination" . }}
{{ end }}
<div></div>
</div>
{{ if .IsPage }}

9
layouts/partials/findFirstInNextSection.html Normal file
View File

@ -0,0 +1,9 @@
{{ if ne .Parent.CurrentSection .Parent.FirstSection }} <!-- out of boundary -->
{{ with .}}
<a class="next" href="{{.RelPermalink}}">
{{ i18n "Next" }}
<span>: {{.LinkTitle}}</span>
<img src="/images/docs/v3.3/next.svg" alt="{{ i18n " Next" }}">
</a>
{{ end }}
{{ end }}

18
layouts/partials/findLastInPreSection.html Normal file
View File

@ -0,0 +1,18 @@
<!-- find last page in section -->
{{ if ne .Parent.CurrentSection .Parent.FirstSection }} <!-- out of boundary -->
{{ if .IsSection}} <!-- recursive -->
{{ $curSection := .Pages.ByWeight }}
{{ $l := len $curSection}}
{{ $page := index $curSection (sub $l 1)}}
{{ partial "findLastInPreSection" $page}}
{{ else }} <!-- not recursive -->
<a class="last" href="{{.RelPermalink}}">
<img src="/images/docs/v3.3/last.svg" alt="{{ i18n " Previous" }}">
{{ i18n "Previous" }}
<span>: {{.LinkTitle}}</span>
</a>
{{ end }}
{{ end }}

71
layouts/partials/page_navigation.html Normal file
View File

@ -0,0 +1,71 @@
{{ $current := .context }}
<!-- choose different bottom up step -->
<!-- in this case page.parent is index -->
{{ $g_parent := "" }}
{{ if $current.IsPage }}
{{ $g_parent = $current.Parent.Parent }}
{{ else }}
{{ $g_parent = $current.Parent}}
{{ end }}
<!-- SECTION1 -->
<!-- important! here we need call .Pages to include both pure page and _index -->
{{ $p_section := $g_parent.Pages.ByWeight }}
{{ $length := len $p_section }}
<!-- page prev -->
{{ if .prev }}
{{ $first := index $p_section 0}}
<!-- check if is already the first section -->
<!-- if is first section,we need to bottom up -->
{{ if $current.InSection $first.CurrentSection }}
<!-- bottom up -->
{{ partial "page_navigation" (dict "context" $g_parent "prev" true)}}
<!--if not the first section just go to pre section last page (last page of pre section of p_section)-->
{{else}}
<!-- find current page's section position -->
{{ $curIndex := 0 }}
{{ range $i, $p_sec := $p_section}}
{{ if eq $p_sec $current.CurrentSection}}
{{ $curIndex = $i }}
{{ end }}
{{ end }}
{{ $prevPage := index $p_section (sub $curIndex 1) }}
{{ partial "findLastInPreSection" $prevPage}}
{{ end }} <!-- close of check page prev bottom up -->
<!-- SECTION1 -->
<!-- page next -->
{{ else }}
<!-- SECTION2 -->
{{ $last := index $p_section (sub $length 1)}}
<!-- if is last section,we need to bottom up -->
{{ if $current.InSection $last.CurrentSection }}
<!-- bottom up -->
{{ partial "page_navigation" (dict "context" $g_parent "prev" false)}}
<!--if not the last section just go to next section -->
{{ else }}
{{ $curIndex := 0 }}
{{ range $i, $p_sec := $p_section}}
{{ if eq $p_sec $current.CurrentSection}}
{{ $curIndex = $i }}
{{ end }}
{{ end }}
{{ $nextPage := index $p_section (add $curIndex 1) }}
{{ partial "findFirstInNextSection" $nextPage}}
{{ end }} <!-- close of check next bottom up -->
<!-- SECTION2 -->
{{ end }}

33
layouts/partials/pagination.html Normal file
View File

@ -0,0 +1,33 @@
<div class="page-div common-flex-layout">
<!-- if not each page in a section is pure page we can't simply use prev/nextInsection -->
<!-- or is there a better way -->
{{ $current := .}}
{{ $p := .Parent.Pages.ByWeight }}
{{ $length := len $p }}
<!-- find current page's section position -->
{{ $curIndex := 0 }}
{{ range $i, $p_sec := $p}}
{{ if eq $p_sec $current}}
{{ $curIndex = $i }}
{{ end }}
{{ end }}
<!-- prev -->
{{ if gt $curIndex 0}}
{{ $prevPage := index $p (sub $curIndex 1) }}
{{ partial "findLastInPreSection" $prevPage}}
{{ else }}
{{ partial "page_navigation" (dict "context" . "prev" true)}}
{{ end }}
<!-- next -->
{{ if lt $curIndex (sub $length 1) }}
{{ $nextPage := index $p (add $curIndex 1)}}
{{ partial "findFirstInNextSection" $nextPage}}
{{ else }}
{{ partial "page_navigation" (dict "context" . "prev" false)}}
{{ end }}
</div>