drifty/driftywinds.github.io
1
0
Fork 0
mirror of https://github.com/driftywinds/driftywinds.github.io.git synced 2025-12-19 11:03:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Re-add loading screen

Browse Source
This commit is contained in:
Foxster
2023-12-26 13:22:48 -08:00
parent 8674b16277
commit ea71ed7606
6 changed files with 35 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
common/modules/main.js
View File

@@ -42,6 +42,7 @@ export function main(callback, fallbackURL = "../../") {
setApps(json.apps);
// main(json);
callback(json);
loaded();
waitForAllImagesToLoad();
})
.catch(error => {
@@ -57,7 +58,7 @@ export function main(callback, fallbackURL = "../../") {
// New img element that won't be rendered to the DOM
var newImage = document.createElement("img");
// Attach load listener
newImage.addEventListener("load", loaded);
// newImage.addEventListener("load", imageLoaded);
// Set src
newImage.src = image.src;
@@ -66,15 +67,17 @@ export function main(callback, fallbackURL = "../../") {
if (event.target.id == "app-icon") {
event.target.src = `${fallbackURL}common/assets/img/generic_app.jpeg`;
} else event.target.remove()
// loaded();
// imageLoaded();
});
});
function loaded() {
if (++count == allImages.length) {
document.querySelector("body").classList.remove("loading");
document.getElementById("loading").remove();
}
function imageLoaded() {
if (++count == allImages.length) loaded();
}
}
function loaded() {
document.querySelector("body").classList.remove("loading");
document.getElementById("loading")?.remove();
}
}

6
view/all-apps/index.html
View File

@@ -15,7 +15,11 @@
<link rel="stylesheet" href="../../common/style.css">
<link rel="stylesheet" href="all-apps.css">
</head>
<body>
<body class="loading">
<div id="loading">
<img src="../../common/assets/img/loading.gif" alt="loading">
<p>Loading</p>
</div>
<!-- Add to AltStore banner & navigation bar -->
<div id="top"></div>
<div id="main">

6
view/app/index.html
View File

@@ -15,7 +15,11 @@
<link rel="stylesheet" href="../../common/style.css">
<link rel="stylesheet" href="app.css">
</head>
<body>
<body class="loading">
<div id="loading">
<img src="../../common/assets/img/loading.gif" alt="loading">
<p>Loading</p>
</div>
<div id="top">
<!-- Navigation bar -->
<div id="nav-bar">

6
view/app/version-history/index.html
View File

@@ -15,7 +15,11 @@
<link rel="stylesheet" href="../../../common/style.css">
<link rel="stylesheet" href="version-history.css">
</head>
<body>
<body class="loading">
<div id="loading">
<img src="../../../common/assets/img/loading.gif" alt="loading">
<p>Loading</p>
</div>
<!-- Add to AltStore banner & navigation bar -->
<div id="top"></div>
<div id="main">

6
view/index.html
View File

@@ -14,7 +14,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../common/style.css">
</head>
<body>
<body class="loading">
<div id="loading">
<img src="../common/assets/img/loading.gif" alt="loading">
<p>Loading</p>
</div>
<!-- Add to AltStore banner -->
<div id="top">
<div id="nav-bar" class="hide-border">

6
view/news/index.html
View File

@@ -15,7 +15,11 @@
<link rel="stylesheet" href="../../common/style.css">
<link rel="stylesheet" href="news.css">
</head>
<body>
<body class="loading">
<div id="loading">
<img src="../../common/assets/img/loading.gif" alt="loading">
<p>Loading</p>
</div>
<!-- Add to AltStore banner & navigation bar -->
<div id="top"></div>
<div id="main">