make frontend work with backend and wait until album response recieved before initializing albums page. extra checks around config

3 files changed, 7 insertions, 4 deletions

diff --git a/static/src/albums.js b/static/src/albums.js
index b7523d9..0ac9195 100644
--- a/static/src/albums.js
+++ b/static/src/albums.js
@@ -69,6 +69,8 @@ class Album {
 
 		// create albums
 		const albumsResponse = await apiConnector.fetchAlbums()
+		if (!albumsResponse.length)
+			return false
 
 		for (const res of albumsResponse)
 			new Album(res)
diff --git a/static/src/connector.js b/static/src/connector.js
index 5d8b62f..9568dc8 100644
--- a/static/src/connector.js
+++ b/static/src/connector.js
@@ -37,12 +37,12 @@ class APIConnector {
 			})
 			.catch(error => {
 				console.error("Fetch error:", error)
+				return null
 			})
 	}
 
 	async assetDownload(key) {
 		const filename = await this.assetFileName(key)
-		console.log(filename)
 		fetch(this.assetFullsizeSrc(key))
 			.then(response => {
 				if (!response.ok)
@@ -59,6 +59,7 @@ class APIConnector {
 			})
 			.catch(error => {
 				console.error("Fetch error:", error)
+				return null
 			})
 	}
 
@@ -87,5 +88,5 @@ class APIConnector {
 	assetFileName(key)     { return this.fetch(`/asset/${key}/filename`).then(d => d.filename) }
 }
 
-const apiConnector = new APIConnector("http://localhost:5000")
+const apiConnector = new APIConnector(window.location.origin)
 export default apiConnector
diff --git a/static/src/pages.js b/static/src/pages.js
index f6a8b9b..e2199a4 100644
--- a/static/src/pages.js
+++ b/static/src/pages.js
@@ -34,13 +34,13 @@ export default class Page {
 		this.initialized = false
 	}
 
-	setVisible(visible) {
+	async 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)
+				this.initialized = await this.initialize(this.pageContainer)
 
 			/* set selected attribute on the link */
 			for (const a of menu.querySelectorAll("a")) {