make sure alert blocks when it must

Author: nopara73

LongevityWorldCup.Website/wwwroot/onboarding/convergence.html

@@ -349,7 +349,7 @@ <h2 data-aos="fade" data-aos-duration="700" data-aos-delay="400">1. Character Cr
                 customAlert('Biomarker data is missing. Please complete the biomarker form.');
                 return;
             }
-            console.log(biomarkerData);
+
             // Create the applicant data object
             const applicantData = {
                 name: name,
@@ -902,26 +902,29 @@ <h2 data-aos="fade" data-aos-duration="700" data-aos-delay="400">1. Character Cr
 
                             if (response.ok) {
                                 // Handle success, perhaps redirect or show a success message
-                                customAlert('Application submitted successfully!');
-                                localStorage.setItem('contactEmail', applicantData.accountEmail);
-                                // Clear the image variables
-                                profilePic = null;
-                                proofPics = [];
-                                // Redirect or reset the form
-                                window.location.href = '/onboarding/application-review.html#appReviewTitle';
+                                customAlert('Application submitted successfully!').then(() => {
+                                    localStorage.setItem('contactEmail', applicantData.accountEmail);
+                                    // Clear the image variables
+                                    profilePic = null;
+                                    proofPics = [];
+                                    // Redirect or reset the form
+                                    window.location.href = '/onboarding/application-review.html#appReviewTitle';
+                                });
                             } else {
                                 // Handle error
-                                customAlert('Failed to submit application. Please try again later.');
-                                applyButton.disabled = false;
-                                applyButton.textContent = 'Apply';
+                                customAlert('Failed to submit application. Please try again later.').then(() => {
+                                    applyButton.disabled = false;
+                                    applyButton.textContent = 'Apply';
+                                });
                             }
 
                         })
                         .catch(error => {
                             console.error('Error submitting application:', error);
-                            customAlert('An error occurred while submitting your application.');
-                            applyButton.disabled = false;
-                            applyButton.textContent = 'Apply';
+                            customAlert('An error occurred while submitting your application.').then(() => {
+                                applyButton.disabled = false;
+                                applyButton.textContent = 'Apply';
+                            });
                         });
                 }
             }

LongevityWorldCup.Website/wwwroot/onboarding/pheno-age.html

@@ -506,9 +506,10 @@ <h2 data-aos="fade" data-aos-duration="700" data-aos-delay="250">
 
                 // Check for invalid input
                 if (isNaN(rawValue)) {
-                    customAlert(`Please enter a valid value for ${biomarker.name}.`);
-                    document.getElementById('continueButton').classList.remove('show');
-                    updateCalculateButton();
+                    customAlert(`Please enter a valid value for ${biomarker.name}.`).then(() => {
+                        document.getElementById('continueButton').classList.remove('show');
+                        updateCalculateButton();
+                    });
                     return;
                 }
 
@@ -528,9 +529,10 @@ <h2 data-aos="fade" data-aos-duration="700" data-aos-delay="250">
                     const wbcUnitConversion = parseFloat(wbcUnitElement.value);
 
                     if (isNaN(wbcRawValue)) {
-                        customAlert("Please provide White Blood Cell Count to calculate Lymphocyte percentage.");
-                        document.getElementById('continueButton').classList.remove('show');
-                        updateCalculateButton();
+                        customAlert("Please provide White Blood Cell Count to calculate Lymphocyte percentage.").then(() => {
+                            document.getElementById('continueButton').classList.remove('show');
+                            updateCalculateButton();
+                        });
                         return;
                     }
 

LongevityWorldCup.Website/wwwroot/partials/header.html

@@ -417,10 +417,17 @@ <h1 data-aos="fade" data-aos-duration="700" data-aos-delay="150">2025</h1>
     }
 
     function customAlert(message) {
-        const dialog = document.getElementById('custom-alert');
-        const messageEl = document.getElementById('custom-alert-message');
-        messageEl.textContent = message;
-        dialog.showModal();
+        return new Promise(resolve => {
+            const dialog = document.getElementById('custom-alert');
+            const messageEl = document.getElementById('custom-alert-message');
+            messageEl.textContent = message;
+            dialog.showModal();
+
+            document.getElementById('custom-alert-close').onclick = () => {
+                dialog.close();
+                resolve();
+            };
+        });
     }
 
     document.getElementById('custom-alert-close').addEventListener('click', function () {