Merge pull request #56 from brauliorivas/feat/switch-deploy

Add switcher between release and main
key4hep · Jul 17, 2024 · c578a9b · c578a9b
2 parents 0270a1d + ddefeb3
commit c578a9b
Show file tree

Hide file tree

Showing 4 changed files with 64 additions and 0 deletions.
diff --git a/css/switch-deploy.css b/css/switch-deploy.css
@@ -0,0 +1,32 @@
+#switch-deploy {
+  position: fixed;
+  left: 10px;
+  bottom: 10px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  z-index: 1;
+  background-color: #fff;
+  padding: 5px;
+  border-radius: 5px;
+  border: 1px solid #000;
+}
+
+#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;
+  cursor: pointer;
+}
+
+#switch-deploy-text {
+  margin: 0 7px 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>
@@ -155,13 +156,19 @@
     <div id="view-selector" class="view-selector-menu"></div>
   </div>
 
+  <div id="switch-deploy">
+    <p id="switch-deploy-text">Switch to</p>
+    <button id="switch-deploy-button">release</button>
+  </div>
+
   <canvas id="canvas" width="100vw" height="100vh"></canvas>
 
   <script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js" type="text/javascript"></script>
   <script type="module" src="js/main.js"></script>
   <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/main.js b/js/main.js
@@ -43,6 +43,12 @@ function showViewsMenu() {
   viewsMenu.style.display = "flex";
 }
 
+function hideDeploySwitch() {
+  const deploySwitch = document.getElementById("switch-deploy");
+
+  deploySwitch.style.display = "none";
+}
+
 document.getElementById("input-file").addEventListener("change", (event) => {
   for (const file of event.target.files) {
     if (!file.name.endsWith("edm4hep.json")) {
@@ -135,6 +141,7 @@ document
     showEventSwitcher();
     showViewsMenu();
     renderEvent(eventNum);
+    hideDeploySwitch();
   });
 
 export { canvas, ctx, jsonData, selectedObjectTypes };
diff --git a/js/switch-deploy.js b/js/switch-deploy.js
@@ -0,0 +1,18 @@
+const button = document.getElementById("switch-deploy-button");
+
+button.addEventListener("click", () => {
+  const currentUrl = window.location.href;
+
+  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("/release")) {
+  button.innerText = "Develop";
+} else {
+  button.innerText = "Release";
+}