src/pages.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

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
	}

	constructor(pageContainer, endpoint, f_initialize) {
		Page.pages[endpoint] = this

		this.pageContainer = pageContainer
		this.endpoint = endpoint
		this.initialize = f_initialize
		this.visible = false
		this.initialized = false
	}

	setVisible(visible) {
		this.pageContainer.style.display = visible ? null : "none"
		this.visible = visible
		if (visible && !this.initialized && this.initialize)
			this.initialized = this.initialize()
	}
}