From 9efd4aafdc294e7942a19c697f186da3bce32f64 Mon Sep 17 00:00:00 2001
From: Julien Maffre <42961061+jumaffre@users.noreply.github.com>
Date: Tue, 15 Dec 2020 13:09:39 +0000
Subject: [PATCH] Doc versions nice-ness (#2023)

---
 doc/_templates/sidebar-nav-bs.html | 40 ++++++++++++++++++++++--------
 1 file changed, 30 insertions(+), 10 deletions(-)

diff --git a/doc/_templates/sidebar-nav-bs.html b/doc/_templates/sidebar-nav-bs.html
index 9e95c07ba..8aa71c179 100644
--- a/doc/_templates/sidebar-nav-bs.html
+++ b/doc/_templates/sidebar-nav-bs.html
@@ -1,3 +1,28 @@
+<script>
+    function onVersionChange() {
+      window.location.href = document.getElementById("versions").value;
+    }
+
+    window.addEventListener("DOMContentLoaded",function(){
+        let selectedVersion = "master"
+        const thisURL = window.location.toString()
+        let indexOfVersion = thisURL.indexOf("ccf-")
+        if (indexOfVersion != -1) {
+            selectedVersion = thisURL.substring(indexOfVersion, thisURL.indexOf("/", indexOfVersion));
+        }
+        let sel = document.getElementById("versions");
+        if (sel != null) {
+            let opts = sel.options;
+            for (var opt, j = 0; opt = opts[j]; j++) {
+                if (opt.text == selectedVersion) {
+                    sel.selectedIndex = j;
+                    break;
+                }
+            }
+        }
+    }, false);
+</script>
+
 <nav class="bd-links" id="bd-docs-nav" aria-label="Main navigation">
 
     <div class="bd-toc-item active">
@@ -30,19 +55,14 @@
         </ul>
 
         {% if versions %}
-        <h5> Versions </h5>
-        <ul>
+        <h6> Versions </h6>
+        <select name="versions" id="versions" class="custom-select custom-select-sm" style="width:50%" onchange="onVersionChange()">
             {%- for item in versions.branches|sort(attribute='name', reverse=True) %}
-            <li>
-                <a href="{{ item.url }}" class="badge">{{ item.name }}</a>
-            </li>
+            <option value="{{ item.url }}">{{ item.name }} </option>
             {%- endfor %}
             {%- for item in versions.tags|sort(attribute='name', reverse=True) %}
-            <li>
-                <a href="{{ item.url }}" class="badge">{{ item.name }}</a>
-            </li>
+            <option value="{{ item.url }}">{{ item.name }} </option>
             {%- endfor %}
-        </ul>
+        </select>
         {% endif %}
-
 </nav>
\ No newline at end of file