weyne/DCSOlympus
1
0
Fork 0
mirror of https://github.com/Pax1601/DCSOlympus.git synced 2025-10-29 16:56:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #568 from Pax1601/loading-screen

Browse Source 
Loading screen
This commit is contained in:
Pax1601
2023-11-22 15:13:11 +01:00
committed by GitHub
parent 0ba05d5795 1cfe6f5583
commit 65edce855b
3 changed files with 57 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/olympusapp.ts
View File

@@ -232,11 +232,21 @@ export class OlympusApp {
this.#setupEvents();
/* Set the splash background image to a random image */
var splashScreen = document.getElementById("splash-screen");
if (splashScreen) {
let i = Math.round(Math.random() * 7 + 1);
let splashScreen = document.getElementById("splash-screen") as HTMLElement;
let i = Math.round(Math.random() * 7 + 1);
new Promise((resolve, reject) => {
const image = new Image();
image.addEventListener('load', resolve);
image.addEventListener('error', resolve);
image.src = `/resources/theme/images/splash/${i}.jpg`;
}).then(() => {
splashScreen.style.backgroundImage = `url('/resources/theme/images/splash/${i}.jpg')`;
}
let loadingScreen = document.getElementById("loading-screen") as HTMLElement;
loadingScreen.classList.add("fade-out");
window.setInterval(() => { loadingScreen.classList.add("hide"); }, 1000);
})
}
#setupEvents() {