Spieler Interface - Internetpräsenz von theater24

<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>MAÑANA DE MAÑANA · Dashboard + Postfach</title> <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Cormorant+Garamond:wght@300;400;500;600&display=swap" rel="stylesheet"> </head> <body>

MAÑANA DE MAÑANA

Philosophie der Performanz

[Premium Dashboard integriert hier — Dashboard-Code einfügen]

</main>

für die Nachrichtenliste const msgEl = document.createElement('article'); msgEl.className = `message-item ${msg.read ? '' : 'unread'}`; // Nutzt das präzise HTML5 Tag für Timestamps msgEl.innerHTML = `

${msg.sender}

${msg.subject}

${msg.preview}

${msg.timestamp} `; msgEl.addEventListener('click', () => showMessageDetail(msg)); messagesList.appendChild(msgEl); }); } function showMessageDetail(msg) { document.getElementById('msg-detail-sender').textContent = msg.sender; const body = document.getElementById('message-detail-body'); body.innerHTML = `

Von

${msg.sender}

Datum

${msg.timestamp}

Betreff

${msg.subject}

Priorität

${msg.priority.toUpperCase()}

${msg.body}

`; msg.read = true; renderMessages(); openModal('message-modal'); } // LOGIN btnLogin.addEventListener('click', () => { if (currentUser) { currentUser = null; userStatus.style.display = 'none'; btnLogin.style.borderColor = 'var(--border-soft)'; } else { openModal('login-modal'); } }); loginForm.addEventListener('submit', (e) => { e.preventDefault(); const username = document.getElementById('login-username').value; const system = document.getElementById('contao-system').value; currentUser = { name: username.toUpperCase(), system, level: 3 }; document.getElementById('user-avatar').textContent = username[0].toUpperCase(); document.getElementById('user-name').textContent = username.toUpperCase(); document.getElementById('user-level').textContent = 'LVL 3'; userStatus.style.display = 'flex'; btnLogin.style.borderColor = 'var(--aether)'; closeModal('login-modal'); loginForm.reset(); }); // POSTFACH btnPostfach.addEventListener('click', () => { document.getElementById('postfach-panel').scrollTop = 0; }); // GLOSSAR btnGlossar.addEventListener('click', () => { window.open('/manana_glossar.html', '_blank'); }); // ADMIN BENACHRICHTIGUNGEN document.addEventListener('keydown', (e) => { if (e.ctrlKey && e.altKey && e.key === 'N' && currentUser) { openModal('admin-modal'); } }); document.getElementById('admin-form').addEventListener('submit', (e) => { e.preventDefault(); const sender = document.getElementById('admin-sender').value; const subject = document.getElementById('admin-subject').value; const messageText = document.getElementById('admin-message').value; const priority = document.getElementById('admin-priority').value; const senderMap = { geschichtsvollzieher: 'Geschichtsvollzieher (SI)', staatsanwalt: 'Staatsanwalt (Exp. 10319-25)', system: 'System', archiv: 'Archiv' }; const newMsg = { id: messages.length + 1, sender: senderMap[sender], senderType: sender, subject: subject, preview: messageText.substring(0, 50) + '...', body: messageText, timestamp: new Date().toLocaleString('de-DE'), priority: priority, read: false }; messages.unshift(newMsg); renderMessages(); closeModal('admin-modal'); document.getElementById('admin-form').reset(); btnPostfach.style.animation = 'pulse 0.6s ease'; setTimeout(() => btnPostfach.style.animation = '', 600); }); // Modal close on overlay click document.querySelectorAll('.modal-overlay').forEach(overlay => { overlay.addEventListener('click', (e) => { if (e.target === overlay) { closeModal(overlay.id); } }); }); // INIT renderMessages(); console.log('💼 Admin: Drücke Ctrl+Alt+N zum Senden von Benachrichtigungen (nach Login)'); </script> </body> </html>

Anmelden

—

Benachrichtigung senden