istio
/
istio.io
mirror of https://github.com/istio/istio.io.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: Add Version selector dropdown (#16746) 

* Add Version selector dropdown

* Fix Responsiveness

* More maintainable code

* Address Craig`s Suggestion

Co-authored-by: Craig Box <craig.box@gmail.com>

* More cleaner UI

Co-authored-by: Craig Box <craig.box@gmail.com>

* Stop generating drop-down in archive docs

Co-authored-by: Craig Box <craig.box@gmail.com>

* Fix : Mobile View

Co-authored-by: Craig Box <craig.box@gmail.com>

* More Styling

Co-authored-by: Craig Box <craig.box@gmail.com>

* Fix: Mobile

Co-authored-by: Craig Box <craig.box@gmail.com>

* Update Rendering Logic

Co-authored-by: Craig Box <craig.box@gmail.com>

* Add boolean logic from data/args.yml

Co-authored-by: Craig Box <craig.box@gmail.com>

* Remove accidental package.json file

* Update Makefile

* Update version-selector.html

* Update version-selector.html

* Update layouts/partials/version-selector.html

Co-authored-by: Craig Box <craig.box@gmail.com>

* Update layouts/partials/version-selector.html

Co-authored-by: Craig Box <craig.box@gmail.com>

---------

Co-authored-by: Craig Box <craig.box@gmail.com>
This commit is contained in:
Ajay Singh 2025-08-18 20:25:03 +05:30 committed by GitHub
parent 6c22152636
commit 083b23b134
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 64 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
layouts/partials/header.html
View File

@ -23,7 +23,26 @@
{{ $currentPage := .}}
{{ range .Site.Menus.main }}
{{ $active := or (eq $currentPage.Title .Name) (or ($currentPage.HasMenuCurrent "main" .) ($currentPage.IsMenuCurrent "main" .)) }}
{{ if .HasChildren }}
{{ if and (eq .Identifier "docs") (eq $.Section "docs") (not $.Site.Data.args.archive) }}
<li class="main-navigation-links-item">
<a href="{{ .URL | relLangURL }}" class="main-navigation-links-link has-dropdown {{ if $active }}active{{ end }}">
<span>{{ .Name }}</span>
{{ partial "icon.html" "dropdown-arrow" }}
</a>
<ul class="main-navigation-links-dropdown">
{{ range .Children }}
<li class="main-navigation-links-dropdown-item">
<a href="{{ .URL | relLangURL }}" class="main-navigation-links-link">{{ .Name }}</a>
</li>
{{ end }}
{{ partial "version-selector.html" $ }}
</ul>
</li>
{{else if .HasChildren }}
<li class="main-navigation-links-item">
<a {{ if ne .URL "" }}href="{{ .URL | relLangURL }}"{{end}} class="main-navigation-links-link has-dropdown {{ if $active }}active{{ end }}">
<span>{{ .Name }}</span>
@ -48,11 +67,12 @@
{{ end }}
</ul>
<div class="main-navigation-footer">
<button id="search-show" class="search-show" title='{{ i18n "search" }}' aria-label='{{ i18n "search_label" }}'>{{ partial "icon.html" "magnifier" }}</button>
<a href='{{ "/docs/overview/quickstart" | relLangURL }}' class="btn btn--primary" id="try-istio">{{ i18n "try_istio" }}</a>
</div>
</div>
<form id="search-form" class="search" name="cse" role="search">
@ -69,5 +89,7 @@
<input id="search-textbox" class="search-textbox form-control" name="q" type="search" aria-label='{{ i18n "search" }}' placeholder='{{ i18n "search_label" }}' />
<button id="search-close" title='{{ i18n "search_cancel" }}' type="reset" aria-label='{{ i18n "search_cancel" }}'>{{ partial "icon.html" "menu-close" }}</button>
</form>
</nav>
</header>

40
layouts/partials/version-selector.html Normal file
View File

@ -0,0 +1,40 @@
{{ $versions := site.Data.versions }}
{{ $mainVerStr := $versions.main }}
{{ $preliminaryVerStr := $versions.preliminary }}
{{ $mainVerParts := split $mainVerStr "." }}
{{ $major := index $mainVerParts 0 | int }}
{{ $minor := index $mainVerParts 1 | int }}
{{ $versionCount := 5 }}
<!-- Preliminary version -->
{{ $preUrl := printf "https://preliminary.istio.io/v%s/docs" $preliminaryVerStr }}
<li class="main-navigation-links-dropdown-item">
<a href="{{ $preUrl }}"
class="main-navigation-links-link">
Preliminary
</a>
</li>
<!-- Main version -->
{{ $mainUrl := printf "https://istio.io/v%s/docs" $mainVerStr }}
<li class="main-navigation-links-dropdown-item">
<a href="{{ $mainUrl }}"
class="main-navigation-links-link">
<strong>v{{ $mainVerStr }} (Current)</strong>
</a>
</li>
<!-- Previous versions -->
{{ range $i := seq 1 (sub $versionCount 1) }}
{{ $currentMinor := sub $minor $i }}
{{ if ge $currentMinor 0 }}
{{ $ver := printf "v%d.%d" $major $currentMinor }}
{{ $url := printf "https://istio.io/%s/docs" $ver }}
<li class="main-navigation-links-dropdown-item">
<a href="{{ $url }}"
class="main-navigation-links-link">
{{ $ver }}
</a>
</li>
{{ end }}
{{ end }}