Use local Location theme images

dydrmr · Nov 19, 2024 · 6a2703b · 6a2703b
1 parent 6a656f7
commit 6a2703b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/classes/Location.js b/classes/Location.js
@@ -1,6 +1,7 @@
 import { degrees, radians, modulo, square } from '../HelperFunctions.js';
 import * as THREE from 'three';
 import DB from './app/Database.js';
+import Settings from './app/Preferences.js';
 
 export default class Location {
 	constructor(name, type, parentBody, parentStar, coordinates, themeColor = null, wikiLink = null) {
@@ -14,9 +15,8 @@ export default class Location {
 		this.TERRAIN_SET = 0;
 
 		this.THEME_COLOR = themeColor ?? this.PARENT.THEME_COLOR;
-		//this.THEME_IMAGE = (themeImage === '' || themeImage === null) ? this.PARENT.THEME_IMAGE : themeImage;
-		this.THEME_IMAGE = this.PARENT.THEME_IMAGE;
 		this.WIKI_LINK = (wikiLink === '' || wikiLink === null) ? null : wikiLink;
+		this.THEME_IMAGE = null;
 
 		// CALCULATED PROPERTIES
 		this.#calculateLatitudeAndLongitude();

diff --git a/classes/app/UserInterface.js b/classes/app/UserInterface.js
@@ -240,6 +240,11 @@ class UserInterface {
 	}
 
 	#update_setThemeImage() {
+		if (Settings.activeLocation.THEME_IMAGE === null) {
+			const imgPath = `img/themes/${Settings.activeLocation.NAME.toLowerCase()}.webp`;
+			const exists = Settings.imageExists(imgPath);
+			Settings.activeLocation.THEME_IMAGE = exists ? imgPath : Settings.activeLocation.PARENT.THEME_IMAGE;
+		};
 		const url = `url('${Settings.activeLocation.THEME_IMAGE}')`;
 		if (UI.bgElement.style.backgroundImage !== url) UI.bgElement.style.backgroundImage = url;
 	}