mirror of
https://github.com/Coldsmiles/infstarweb.git
synced 2026-04-23 02:30:41 +08:00
feat: Enhance UI setup with error handling and improve modal display logic
This commit is contained in:
@@ -3,9 +3,13 @@ let grandTotal = 0;
|
|||||||
let filterState = { search: '', project: 'all' };
|
let filterState = { search: '', project: 'all' };
|
||||||
|
|
||||||
document.addEventListener('DOMContentLoaded', () => {
|
document.addEventListener('DOMContentLoaded', () => {
|
||||||
|
try {
|
||||||
|
setupUI();
|
||||||
|
} catch (e) {
|
||||||
|
console.error("UI Setup failed", e);
|
||||||
|
}
|
||||||
fetchSponsorsData();
|
fetchSponsorsData();
|
||||||
setupListeners();
|
setupListeners();
|
||||||
setupUI();
|
|
||||||
});
|
});
|
||||||
|
|
||||||
function setupUI() {
|
function setupUI() {
|
||||||
@@ -53,11 +57,13 @@ function setupUI() {
|
|||||||
|
|
||||||
if (modal && btn) {
|
if (modal && btn) {
|
||||||
btn.addEventListener('click', (e) => {
|
btn.addEventListener('click', (e) => {
|
||||||
e.preventDefault(); // Prevent accidental form submission
|
e.preventDefault();
|
||||||
modal.style.display = "flex";
|
modal.style.display = "flex";
|
||||||
// Trigger reflow
|
// Trigger reflow
|
||||||
void modal.offsetWidth;
|
void modal.offsetWidth;
|
||||||
modal.classList.add('show');
|
requestAnimationFrame(() => {
|
||||||
|
modal.classList.add('show');
|
||||||
|
});
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user