quoije/oscars-pool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor: Preload page loader and use DOMContentLoaded

Browse Source 
Co-authored-by: mathieumoran1 <[email protected]>
This commit is contained in:
Cursor Agent
2025-12-21 21:59:02 +00:00
co-authored by mathieumoran1
parent 282bc1750c
commit d9ed2cdc92
4 changed files with 66 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/js/app_checklist.js
+22 -14
View File
@@ -7,20 +7,28 @@ function createPageLoader(options = {}) {
let removed = false;
let navResizeObserver = null;
const overlay = document.createElement('div');
overlay.className = 'page-loader-overlay';
overlay.setAttribute('role', 'status');
overlay.setAttribute('aria-live', 'polite');
overlay.setAttribute('aria-busy', 'true');
// Reuse a preloaded overlay if present (prevents initial "clear" flash).
const preloadedOverlay = document.getElementById('page-loader-overlay');
const overlay = preloadedOverlay || document.createElement('div');
if (!preloadedOverlay) {
overlay.className = 'page-loader-overlay';
overlay.setAttribute('role', 'status');
overlay.setAttribute('aria-live', 'polite');
overlay.setAttribute('aria-busy', 'true');
overlay.innerHTML = `
<div class="page-loader-card page-loader-card--baronly">
<span class="visually-hidden">${title}</span>
<div class="page-loader-progress" aria-hidden="true">
<div class="page-loader-bar" id="page-loader-bar"></div>
overlay.innerHTML = `
<div class="page-loader-card page-loader-card--baronly">
<span class="visually-hidden">${title}</span>
<div class="page-loader-progress" aria-hidden="true">
<div class="page-loader-bar" id="page-loader-bar"></div>
</div>
</div>
</div>
`;
`;
} else {
// Keep screen reader label up to date.
const label = overlay.querySelector('.visually-hidden');
if (label) label.textContent = title;
}
const barEl = () => overlay.querySelector('#page-loader-bar');
@@ -105,7 +113,7 @@ function createPageLoader(options = {}) {
return { setProgress, setSubtitle, done, fail };
}
window.onload = async function () {
window.addEventListener('DOMContentLoaded', async function () {
const pageLoader = createPageLoader({
title: 'Chargement de la checklist',
subtitle: 'Récupération des données…'
@@ -523,4 +531,4 @@ window.onload = async function () {
rewardVideo.pause();
rewardVideo.currentTime = 0;
});
};
});