From b66f638a81b8133b795a4757c3391afc87c54ba3 Mon Sep 17 00:00:00 2001
From: kaotisk <kaotisk@arching-kaos.org>
Date: Wed, 6 Sep 2023 23:30:15 +0300
Subject: Introduced SPA router and make use of it

---
 src/index.html                    |  1 +
 src/js/arching-kaos-spa-router.js | 27 ++++++++++++++++++++++++++-
 src/js/menu-magic.js              |  3 ++-
 3 files changed, 29 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/index.html b/src/index.html
index e9f77bb..a8f6c15 100644
--- a/src/index.html
+++ b/src/index.html
@@ -208,6 +208,7 @@
     <script src="./js/arching-kaos-fetch.js"></script>
     <script src="./js/arching-kaos-log.js"></script>
     <script src="./js/menu-magic.js"></script>
+    <script src="./js/arching-kaos-spa-router.js"></script>
     <script src="./js/arching-kaos-tools.js"></script>
     <script src="./js/arching-kaos-stellar-network.js"></script>
     <script src="./js/arching-kaos-decentralized-radio.js"></script>
diff --git a/src/js/arching-kaos-spa-router.js b/src/js/arching-kaos-spa-router.js
index 650a828..03eac11 100644
--- a/src/js/arching-kaos-spa-router.js
+++ b/src/js/arching-kaos-spa-router.js
@@ -1,4 +1,3 @@
-
 /*
  * A new feature for a new future:
  *
@@ -11,3 +10,29 @@
  * the "route" we got from `location.search`.
  *
  */
+
+function locationHashSetter(value){
+    window.location.hash = value;
+    locationHashOnChange();
+}
+
+function locationHashGetter(){
+    return window.location.hash;
+}
+
+function locationHashOnChange(){
+    if ( window.location.hash !== 'undefined' ){
+        var route = new Object;
+        route.id = window.location.hash;
+        console.log(route);
+        menuinit();
+        if ( menuids.includes(route.id.replace('/','')) ){
+            document.querySelector(route.id.replace('/','')).hidden=false;
+        } else {
+            document.querySelector('#not-found-section').hidden=false;
+        }
+        //menusel(route);
+    } else {
+        menuinit();
+    }
+}
diff --git a/src/js/menu-magic.js b/src/js/menu-magic.js
index b4ee247..7abd050 100644
--- a/src/js/menu-magic.js
+++ b/src/js/menu-magic.js
@@ -44,7 +44,8 @@ function menuinit(){
  */
 function menusel(m){
     menuinit();
-    document.querySelector(m.id.replace('/','')).hidden=false;
+    // document.querySelector(m.id.replace('/','')).hidden=false;
+    locationHashSetter(m.id);
     
     mainContainer.style.display = 'block';
     if ( isMobile ) {
-- 
cgit v1.2.3