Add "Games Coming Soon" feature with toggle in settings and update HTML structure

2025-04-04 17:52:16 +00:00
parent cf79e3ceae
commit 0e8df8783d
4 changed files with 211 additions and 17 deletions
@@ -2,6 +2,7 @@
 <html lang="en">

 <head>
+    <script defer src="https://chirpy.dev/bootstrapper.js" data-chirpy-domain="fun-miles-4jub.onrender.com"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Settings</title>
@@ -95,6 +96,10 @@
            <span>Show Date and Time</span>
            <button id="toggleDateTime">Enable</button>
        </div>
+        <div class="setting-item">
+            <span>Show "Games Coming Soon" Button</span>
+            <button id="toggleGamesComingSoon">Enable</button>
+        </div>
        <div class="setting-item clear-cookies">
            <span>Clear Cookies</span>
            <button id="clearCookies">Clear</button>
@@ -294,6 +299,27 @@
        // Apply saved Date and Time preference on load
        applyDateTimeSetting(dateTimeEnabled);

+        // Games Coming Soon Toggle
+        const toggleGamesComingSoonButton = document.getElementById('toggleGamesComingSoon');
+        const gamesComingSoonEnabled = getCookie('gamesComingSoon') === 'true';
+
+        function applyGamesComingSoonSetting(enabled) {
+            if (enabled) {
+                toggleGamesComingSoonButton.textContent = 'Disable';
+            } else {
+                toggleGamesComingSoonButton.textContent = 'Enable';
+            }
+        }
+
+        toggleGamesComingSoonButton.addEventListener('click', () => {
+            const isGamesComingSoonEnabled = getCookie('gamesComingSoon') === 'true';
+            setCookie('gamesComingSoon', !isGamesComingSoonEnabled, 30); // Save preference for 30 days
+            applyGamesComingSoonSetting(!isGamesComingSoonEnabled);
+        });
+
+        // Apply saved Games Coming Soon preference on load
+        applyGamesComingSoonSetting(gamesComingSoonEnabled);
+
        // Regional Settings
        const regionSelect = document.getElementById('regionSelect');
        const savedRegion = getCookie('region') || 'us'; // Default to 'us'
@@ -337,6 +363,7 @@
            applyMaturityFilterSetting(false); // Default: Maturity Filter disabled
            applyTextToSpeechSetting(false); // Default: Text-to-Speech disabled
            applyDateTimeSetting(false); // Default: Date and Time disabled
+            applyGamesComingSoonSetting(false); // Default: Games Coming Soon disabled

            alert('Settings have been reset to default!');
        });