attempt to hack language picker to pick for server cloud

rosieyohannan · rosieyohannan · commit 278c7cc213cb · 2020-05-29T14:39:00.000+01:00
diff --git a/jekyll/_data/sidenav.yml b/jekyll/_data/sidenav.yml
@@ -438,8 +438,6 @@ server:
           link: 2.0/first-steps/
         - name: Hello World
           link: 2.0/hello-world/
-        - name: Hello World MacOS
-          link: 2.0/hello-world-macos/
         - name: Hello World Windows
           link: 2.0/hello-world-windows/
         - name: Get Started with the CLI
diff --git a/jekyll/_includes/sidebar.html b/jekyll/_includes/sidebar.html
@@ -4,6 +4,12 @@
 				{% assign lang = page.lang %}
 				{% assign sidenav = site.data.sidenav[lang] %}
 				{% assign current_url = page.url | slice: 1, page.url.size %}
+	<div class="lang-picker">
+		<select id="sidebarProdSelect">
+			<option value="en">English</option>
+			<option value="server">Server v2.x</option>
+		</select>
+		</div>
 
     <div class="sidebar-item-group">
 						{% for main-item in sidenav %}
diff --git a/src-js/prod.js b/src-js/prod.js
@@ -0,0 +1,61 @@
+/**
+ * JS related to our product switcher in the sidebar
+ */
+
+// helpers -------------------
+
+function getElById(id) {
+  return document.getElementById(id)
+}
+
+var products = {
+  "en": {name: "Cloud", url: "docs/2.0/"},
+  "ja": {name: "Server", url: "docs/server/2.x/"}
+}
+
+// List of elements that have dynamic content based on our selected product
+var els = {
+  sidebarProdSelect: getElById("sidebarProdSelect"),
+};
+
+function reloadWithNewProduct(prodCode) {
+  window.location.href = "https://circleci.com/" + products[prodCode].url
+}
+
+// Sets the sidebar product picker to the currently selected product
+function handleSetProductOnLoad() {
+  var currentProd = window.currentProd; // current prod is set in _includes/sidebar.html
+
+  // Set value for 'sidebar'
+  for(var i, j = 0; i = els.sidebaProdSelect.options[j]; j++) {
+    if(i.value == currentProd) {
+      els.sidebarProdSelect.selectedIndex = j;
+      break;
+    }
+  }
+}
+
+/**
+ * Function to run when the sidebar product <select> is changed.
+ * It checks the newly selected product code and reloads the page in that product.
+ */
+function handleChangeProductSidebar() {
+  els.sidebarProdSelect.addEventListener("change", function(e) {
+    switch(e.target.value) {
+      case "server":
+        reloadWithNewLocale("server")
+        break;
+      case "en":
+        reloadWithNewLocale("en")
+        break;
+      default:
+        return;
+    }
+  })
+}
+
+
+export function init() {
+  handleChangeProductSidebar();
+  handleSetProductOnLoad();
+}
