add switcher between release and main

key4hep · Jul 12, 2024 · 3d93f29 · 3d93f29
1 parent e650135
commit 3d93f29
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 0 deletions.
diff --git a/css/switch-deploy.css b/css/switch-deploy.css
@@ -0,0 +1,23 @@
+#switch-deploy {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+#switch-deploy-button {
+  cursor: pointer;
+  background-color: #fff;
+  border: 1px solid #000;
+  padding: 5px;
+  border-radius: 5px;
+  font-family: sans-serif;
+  font-size: 14px;
+}
+
+#switch-deploy-button:hover {
+  background-color: #c5c5c5;
+}
+
+#switch-deploy-text {
+  margin: 0 10px 0 0;
+}
diff --git a/index.html b/index.html
@@ -17,6 +17,7 @@
   <link rel="stylesheet" href="css/information.css">
   <link rel="stylesheet" href="css/contact.css">
   <link rel="stylesheet" href="css/views.css">
+  <link rel="stylesheet" href="css/switch-deploy.css">
 </head>
 
 <body>
@@ -148,6 +149,10 @@
         </li>
       </ul>
     </div>
+    <div id="switch-deploy">
+      <p id="switch-deploy-text">Switch to</p>
+      <button id="switch-deploy-button">release</button>
+    </div>
   </div>
 
   <div id="views">
@@ -162,6 +167,7 @@
   <script type="module" src="js/information.js"></script>
   <script type="module" src="js/views/views.js"></script>
   <script type="module" src="js/menu/filter/filter.js"></script>
+  <script type="module" src="js/switch-deploy.js"></script>
 </body>
 
 </html>
diff --git a/js/switch-deploy.js b/js/switch-deploy.js
@@ -0,0 +1,22 @@
+const button = document.getElementById("switch-deploy-button");
+
+button.addEventListener("click", () => {
+  const currentUrl = window.location.href;
+
+  if (currentUrl.includes("/main")) {
+    window.location.href = currentUrl.replace("/main", "/release");
+  } else if (currentUrl.includes("/release")) {
+    window.location.href = currentUrl.replace("/release", "/main");
+  } else {
+    window.location.href = "https://key4hep.github.io/eede/release/index.html";
+  }
+});
+
+const url = window.location.href;
+if (url.includes("/main")) {
+  button.innerText = "Release";
+} else if (url.includes("/release")) {
+  button.innerText = "Main";
+} else {
+  button.innerText = "Release";
+}