Update

Data/About/SessionList.json

@@ -1,133 +1,14 @@
 {
     "_language_": {
-        "_chinese_": {
-            "handle": ""
-        },
-        "_english_": {
-            "handle": ""
-        }
-    },
-
-    "_about_": {
-        "": {
-            "handle": ""
-        }
-    },
-
-    "_my_post_": {
-
-    },
-
-    "_acknowledgments_": {
-        "_angus_tan_": {
-            "handle": ""
-        },
-        "_eugene_yip_": {
-            "handle": ""
-        }
-    },
-
-    "test": {
-
-        "test_01": {
-            "handle": ""
-        },
-        "test_02": {
-            "handle": ""
-        },
-        "test_03": {
-            "handle": ""
-        },
-        "test_04": {
-            "handle": ""
-        },
-        "test_05": {
-            "handle": ""
-        },
-        "test_06": {
-            "handle": ""
-        },
-        "test_07": {
-            "handle": ""
-        },
-        "test_08": {
-            "handle": ""
-        },
-        "test_09": {
-            "handle": ""
-        },
-        "test_10": {
-            "handle": ""
-        },
-        "test_11": {
-            "handle": ""
-        },
-        "test_12": {
-            "handle": ""
-        },
-        "test_13": {
-            "handle": ""
-        },
-        "test_14": {
-            "handle": ""
-        },
-        "test_15": {
-            "handle": ""
-        },
-        "test_16": {
-            "handle": ""
-        }
-    },
-
-    "test_1": {
-
-        "test_01": {
-            "handle": ""
-        },
-        "test_22": {
-            "handle": ""
-        },
-        "test_03": {
-            "handle": ""
-        },
-        "test_04": {
-            "handle": ""
-        },
-        "test_05": {
-            "handle": ""
-        },
-        "test_06": {
-            "handle": ""
-        },
-        "test_07": {
-            "handle": ""
-        },
-        "test_08": {
-            "handle": ""
-        },
-        "test_09": {
-            "handle": ""
-        },
-        "test_10": {
-            "handle": ""
-        },
-        "test_11": {
-            "handle": ""
-        },
-        "test_12": {
-            "handle": ""
-        },
-        "test_13": {
-            "handle": ""
-        },
-        "test_14": {
-            "handle": ""
-        },
-        "test_15": {
-            "handle": ""
-        },
-        "test_16": {
-            "handle": ""
+        "id": "aboutSession_Language",
+        "handle": "test",
+        "children": {
+            "_chinese_": {
+                "handle": "test"
+            },
+            "_english_": {
+                "handle": ""
+            }
         }
     }
 }

JavaScript/About/about.js

@@ -31,10 +31,13 @@ export const SeeChen_AboutPage = {
         Object.keys(aboutSessionList).forEach(sessionTitle => {
             var aboutSession = window.myTools.deepCopy(aboutSessionTemplate);
 
+            aboutSession.props["data-event-handler"] = aboutSessionList[sessionTitle]["handle"];
+
             aboutSession.children[1].lang = "about";
             aboutSession.children[1].children = [sessionTitle];
+            aboutSession.children[1].props["id"] = aboutSessionList[sessionTitle]["id"];
 
-            Object.keys(aboutSessionList[sessionTitle]).forEach(sessionContent => {
+            Object.keys(aboutSessionList[sessionTitle]["children"]).forEach(sessionContent => {
 
                 aboutSession.children[2].children.push({
                     tag: "span",
@@ -72,6 +75,13 @@ export const SeeChen_AboutPage = {
                 window.eventBus.emit("sessionExpand", { e, ele });
             });
         });
+
+        document.querySelectorAll(".box_Session").forEach(boxSession => {
+
+            boxSession.addEventListener("click", (e) => {
+                console.log(boxSession.dataset.eventHandler);
+            })
+        });
     },
 
     registerEvents: async () => {