2 files changed, 54 insertions, 6 deletions
diff --git a/static b/static
deleted file mode 160000
-Subproject 51be71d8943f6e5e0c4b28358f227860c73d53a
diff --git a/static/src/pages.js b/static/src/pages.js
new file mode 100644
index 0000000..f6a8b9b
--- /dev/null
+++ b/static/src/pages.js
@@ -0,0 +1,54 @@
+const menu = document.querySelector("#menu")
+
+export default class Page {
+	static pages = {}
+	static currentPage = null
+
+	static pathnameCallback() {
+		const path = window.location.pathname.replace(/\/$/, "")
+		const page = Page.pages[path]
+
+		if (!page)
+			throw new Error(`Path '${path}' does not exist`)
+
+		if (Page.currentPage)
+			Page.currentPage.setVisible(false)
+
+		page.setVisible(true)
+		Page.currentPage = page
+	}
+
+	static softRedirect(path) {
+		window.history.pushState({}, "", path)
+		Page.pathnameCallback()
+	}
+
+	constructor(pageContainer, endpoints, f_initialize) {
+		for (const endpoint of endpoints)
+			Page.pages[endpoint] = this
+
+		this.pageContainer = pageContainer
+		this.endpoints = endpoints
+		this.initialize = f_initialize
+		this.visible = false
+		this.initialized = false
+	}
+
+	setVisible(visible) {
+		this.pageContainer.classList.toggle("hidden!", !visible)
+		this.visible = visible
+		if (this.visible) {
+			/* initialize page */
+			if (!this.initialized && this.initialize)
+				this.initialized = this.initialize(this.pageContainer)
+
+			/* set selected attribute on the link */
+			for (const a of menu.querySelectorAll("a")) {
+				if (this.endpoints.includes(a.getAttribute("href")))
+					a.dataset.selected = "1"
+				else
+					delete a.dataset.selected
+			}
+		}
+	}
+}