Notifications, div fixes, kekse für last location

2025-09-06 12:37:10 +02:00
parent 61d5ef2e6f
commit 8342d95a13
13 changed files with 1325 additions and 39 deletions
--- a/public/dashboard.html
+++ b/public/dashboard.html
@@ -5,10 +5,68 @@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SPEEDRUN ARENA - Admin Dashboard</title>
    <link rel="icon" type="image/x-icon" href="/pictures/favicon.ico">
+    <link rel="manifest" href="/manifest.json">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="default">
+    <meta name="apple-mobile-web-app-title" content="Ninja Cross">
+    <link rel="apple-touch-icon" href="/pictures/favicon.ico">
    <script src="https://unpkg.com/@supabase/supabase-js@2"></script>
    <!-- QR Code Scanner Library -->
    <script src="https://unpkg.com/jsqr@1.4.0/dist/jsQR.js"></script>
    <link rel="stylesheet" href="/css/dashboard.css">
+    
+    <!-- Notification Permission Script -->
+    <script>
+        // Register Service Worker for iPhone Notifications
+        if ('serviceWorker' in navigator) {
+            navigator.serviceWorker.register('/sw.js')
+                .then(function(registration) {
+                    console.log('✅ Service Worker registered:', registration);
+                })
+                .catch(function(error) {
+                    console.log('❌ Service Worker registration failed:', error);
+                });
+        }
+        
+        // Request notification permission on page load
+        if ('Notification' in window) {
+            if (Notification.permission === 'default') {
+                Notification.requestPermission().then(function(permission) {
+                    if (permission === 'granted') {
+                        console.log('✅ Notification permission granted');
+                        // Subscribe to push notifications
+                        subscribeToPush();
+                    } else {
+                        console.log('❌ Notification permission denied');
+                    }
+                });
+            }
+        }
+        
+        // Subscribe to push notifications
+        async function subscribeToPush() {
+            try {
+                const registration = await navigator.serviceWorker.ready;
+                const subscription = await registration.pushManager.subscribe({
+                    userVisibleOnly: true,
+                    applicationServerKey: 'BEl62iUYgUivxIkv69yViEuiBIa40HI6F2B5L4h7Q8Y'
+                });
+                
+                // Send subscription to server
+                await fetch('/api/v1/public/subscribe', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify(subscription)
+                });
+                
+                console.log('✅ Push subscription successful');
+            } catch (error) {
+                console.error('❌ Push subscription failed:', error);
+            }
+        }
+    </script>
 </head>
 <body>
    <div class="main-container">
@@ -34,6 +92,7 @@
            <div class="welcome-card">
                <h2>Dein Dashboard 🥷</h2>
                <p>Willkommen in Deinem Dashboard-Panel! Deine übersichtliche Übersicht aller deiner Läufe.</p>
+                
            </div>

            <div class="dashboard-grid">
@@ -252,6 +311,6 @@
    </footer>

    <script src="/js/cookie-consent.js"></script>
-    <script src="/js/dashboard.js"></script>
+    <script src="/js/dashboard.js?v=1.1"></script>
 </body>
 </html>