Improve SPArling.js logic

main.js, spa,json
HamzaElkotp · Sep 21, 2022 · 97ee99b · 97ee99b
1 parent cd4b85f
commit 97ee99b
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 22 deletions.
diff --git a/main.js b/main.js
@@ -1,27 +1,31 @@
-function jsonRead(jsonpages, metatagFunc){
+function jsonRead(jsonpages, metatagArr){
     let xhr = fetch(jsonpages);
     xhr.then((res)=>{
         return res.json()
     }).then((data)=>{
         return data
     }).then((data)=>{
         function evenAdder(){
+
+            let SPAname = metatagArr[0];
+            let SPAurl = metatagArr[1];
+            let SPAtitle = metatagArr[2];
+
             let elements = document.querySelectorAll('[SPAname]');
             elements.forEach((ele, index)=>{
                 ele.addEventListener('click',()=>{
-                    document.title = data[index].SPAtitle;
-                    window.history.pushState("","",data[index].SPAurl);
+                    document.title = data[index][SPAtitle];
+                    window.history.pushState("","",data[index][SPAurl]);
                 })
             })
         }
-        evenAdder(metatagFunc);
+        evenAdder();
     });
 }
 
-function metaTags(SPAnameKeyName, urlKeyName, titleKeyName){
-    let SPAname = SPAnameKeyName;
-    let SPAurl = urlKeyName;
-    let SPAtitle = titleKeyName;
-}
+jsonRead("spa.json",["SPAnameR", "SPAurlR", "SPAtitleR"]);
+
+
+
+
 
-jsonRead("spa.json",metaTags("SPAname", "SPAurl", "SPAtitle"));
diff --git a/spa.json b/spa.json
@@ -1,32 +1,32 @@
 [
     {
-        "SPAname" : "home",
-        "SPAurl": "../",
-        "SPAtitle": "SPA APP | My Logic",
+        "SPAnameR" : "home",
+        "SPAurlR": "../",
+        "SPAtitleR": "SPA APP | My Logic",
         "Body": {
 
         }
     },
     {
-        "SPAname" : "customers",
-        "SPAurl": "customers",
-        "SPAtitle": "Customers",
+        "SPAnameR" : "customers",
+        "SPAurlR": "customers",
+        "SPAtitleR": "Customers",
         "Body": {
 
         }
     },
     {
-        "SPAname" : "links",
-        "SPAurl": "links",
-        "SPAtitle": "Links",
+        "SPAnameR" : "links",
+        "SPAurlR": "links",
+        "SPAtitleR": "Links",
         "Body": {
 
         }
     },
     {
-        "SPAname" : "notifications",
-        "SPAurl": "notifications",
-        "SPAtitle": "Notifications",
+        "SPAnameR" : "notifications",
+        "SPAurlR": "notifications",
+        "SPAtitleR": "Notifications",
         "Body": {
 
         }