Merge pull request #263 from samuelkarp/select-release

ui: release selectors for docs nav

Author: dmcgowan

config.toml

@@ -34,6 +34,8 @@ features = [
 
 [params.versions]
 latest = "2.2.0"
+latestdir = "2.2"
+all = ["2.2", "2.1", "1.7", "main"]
 
 [[params.fonts]]
 name = "Lato"

themes/containerd/layouts/index.html

@@ -20,7 +20,7 @@
       <br />
 
       <div class="buttons is-centered">
-        <a class="button is-medium is-radiusless is-borderless has-text-weight-bold" href="/docs/latest/getting-started/">
+        <a class="button is-medium is-radiusless is-borderless has-text-weight-bold" href="/docs/{{ .Site.Params.versions.latestdir }}/getting-started/">
           <span class="icon">
             <i class="fas fa-sm fa-step-forward"></i>
           </span>
@@ -29,7 +29,7 @@
           </span>
         </a>
 
-        <a class="button is-dark is-outlined is-inverted is-radiusless" href="/docs">
+        <a class="button is-dark is-outlined is-inverted is-radiusless" href="/docs/{{ .Site.Params.versions.latestdir }}/">
           <span class="icon">
             <i class="fas fa-sm fa-info"></i>
           </span>

themes/containerd/layouts/partials/docs/dropdown.html

@@ -8,6 +8,25 @@
 {{- $docs := where site.RegularPages "RelPermalink" "like" $matchPath }}
 
 <div class="buttons mb-4">
+  <div class="dropdown">
+    <div class="dropdown-trigger">
+      <button class="button is-dark" aria-haspopup="true" aria-controls="version-dropdown-menu">
+        <span>Version: {{ if eq $xVersion "main" }}main{{ else }}{{ $xVersion }}{{ end }}</span>
+        <span class="icon is-small">
+          <i class="fas fa-angle-down" aria-hidden="true"></i>
+        </span>
+      </button>
+    </div>
+    <div class="dropdown-menu" id="version-dropdown-menu" role="menu">
+      <div class="dropdown-content">
+        {{- range .Site.Params.versions.all }}
+        <a class="dropdown-item{{ if eq . $xVersion }} is-active{{ end }}" href="/docs/{{ . }}/">
+          {{ if eq . "main" }}main{{ else }}{{ . }}{{ end }}
+        </a>
+        {{- end }}
+      </div>
+    </div>
+  </div>
 <div class="dropdown">
   <div class="dropdown-trigger">
     <button class="button is-dark" aria-haspopup="true" aria-controls="docs-dropdown-menu">
@@ -19,9 +38,6 @@
   </div>
   <div class="dropdown-menu" id="docs-dropdown-menu" role="menu">
     <div class="dropdown-content">
-      <a class="dropdown-item{{ if eq .RelPermalink `/docs/` }} is-active{{ end }}" href="/docs">
-        Docs Home
-      </a>
 
       {{ if ne $xVersion "" }}
       {{- $readmeURL := (printf "%s%s%s" "/docs/" $xVersion "/") }}

themes/containerd/layouts/partials/docs/sidebar.html

@@ -9,9 +9,16 @@
 <aside class="column is-hidden-touch is-fullheight is-hidden-mobile">
 <ul class="menu-list">
     <li>
-    <a href="/docs" class="{{ if eq .RelPermalink `/docs/` }} is-active{{ end }}">
-        <span class="icon"><i class="fa fa-home"></i></span> Docs Home
-    </a>
+      <div class="select is-fullwidth mb-3">
+        <select onchange="window.location.href=this.value">
+          {{ $v := $xVersion }}
+          {{- range .Site.Params.versions.all }}
+          <option value="/docs/{{ . }}/" {{ if eq . $v }}selected{{ end }}>
+            Version: {{ if eq . "main" }}main{{ else }}{{ . }}{{ end }}
+          </option>
+          {{- end }}
+        </select>
+      </div>
     </li>
 
     {{ if ne $xVersion "" }}

themes/containerd/layouts/partials/footer.html

@@ -21,31 +21,13 @@
         <hr class="hr has-background-grey">
 
         <ul>
+          {{- range .Site.Params.versions.all }}
           <li>
-            <a href="/docs">
-              Docs Home
-            </a>
-          </li>
-          <li>
-            <a href="/docs/main/">
-              main
-            </a>
-          </li>
-          <li>
-            <a href="/docs/2.2/">
-              2.2.x
-            </a>
-          </li>
-          <li>
-            <a href="/docs/2.1/">
-              2.1.x
-            </a>
-          </li>
-          <li>
-            <a href="/docs/1.7/">
-              1.7.x
+            <a href="/docs/{{ . }}/">
+              {{ if eq . "main" }}main{{ else }}{{ . }}.x{{ end }}
             </a>
           </li>
+          {{- end }}
         </ul>
       </div>
 

themes/containerd/layouts/partials/navbar.html

@@ -33,9 +33,18 @@
           Downloads
         </a>
 
-        <a class="navbar-item has-text-weight-bold" href="/docs">
-          Docs
-        </a>
+        <div class="navbar-item is-hoverable has-dropdown has-text-weight-bold">
+          <a class="navbar-link" href="/docs/{{ .Site.Params.versions.latestdir }}/">
+            Docs
+          </a>
+          <div class="navbar-dropdown">
+            {{- range .Site.Params.versions.all }}
+            <a class="navbar-item" href="/docs/{{ . }}/">
+              {{ . }}
+            </a>
+            {{- end }}
+          </div>
+        </div>
 
         <div class="navbar-item is-hoverable has-dropdown has-text-weight-bold">
           <div class="navbar-link">