Notifications only visible when logged in

This commit is contained in:
Trompi001 2026-05-25 17:25:11 +02:00
parent 6eaaa8d555
commit 2d51443c94
3 changed files with 19 additions and 8 deletions

View File

@ -136,9 +136,9 @@
<script src="js/login.js"></script>
<script src="js/leaderboard.js"></script>
<script src="js/scores.js"></script>
<script src="js/messages.js?v=challenge-flow-20260525"></script>
<script src="js/messages.js?v=challenge-flow-20260526"></script>
<!--Navigation Script -->
<script src="js/play.js?v=challenge-flow-20260525b"></script>
<script src="js/navigation.js?v=challenge-flow-20260525"></script>
<script src="js/navigation.js?v=challenge-flow-20260526"></script>
</body>
</html>

View File

@ -434,18 +434,23 @@
async function loadMessages(options = {}) {
const auth = getAuth();
const messageService = getMessageService();
const loggedInDiv = document.getElementById("messages-content");
const loggedOutDiv = document.getElementById("messages-login-placeholder");
if (!auth) {
if (loggedInDiv) loggedInDiv.classList.add("d-none");
if (loggedOutDiv) loggedOutDiv.classList.remove("d-none");
currentMessages = [];
renderMessages();
updateMessagesNavState();
setFormEnabled(false);
if (options.showFeedback !== false) {
setFeedback("Bitte zuerst einloggen, um Nachrichten zu nutzen.", "warning");
}
return;
}
if (loggedInDiv) loggedInDiv.classList.remove("d-none");
if (loggedOutDiv) loggedOutDiv.classList.add("d-none");
if (!messageService) {
setFormEnabled(false);
setFeedback("Message-Service konnte nicht geladen werden.", "danger");

View File

@ -7,10 +7,15 @@
<button class="btn btn-sm" id="refresh-messages-button" type="button">Aktualisieren</button>
</div>
<div id="messages-feedback" class="alert d-none mt-3 mb-0" role="alert"></div>
<div id="messages-login-placeholder" class="alert alert-warning mt-3 d-none">
Melde dich zuerst an, bevor du eine Nachricht verschicken kannst.
</div>
<div class="row g-4 mt-2">
<div class="col-lg-4">
<div id="messages-content" class="d-none">
<div id="messages-feedback" class="alert d-none mt-3 mb-0" role="alert"></div>
<div class="row g-4 mt-2">
<div class="col-lg-4">
<section class="messages-panel">
<h3>User</h3>
<div id="messages-user-list" class="messages-user-list"></div>
@ -39,5 +44,6 @@
<div id="message-list" class="message-list"></div>
</section>
</div>
</div>
</div>
</div>