MrDiderot/mischlabs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix CSS hidden specificity and add premium header user badge
All checks were successful
Build & Push Docker Image to Gitea Registry / build-and-push (push) Successful in 14s
Details

Browse Source
This commit is contained in:
Kroonk
2026-05-22 00:29:03 +02:00
parent 205cb1d948
commit 47d73a466b
7 changed files with 37 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
admin.js
View File

@@ -10,6 +10,7 @@ const PKCE_KEY = 'mischlabs.admin.pkce';
const loginButton = document.querySelector('#loginButton');
const logoutButton = document.querySelector('#logoutButton');
const headerUserBadge = document.querySelector('#headerUserBadge');
const loginPanel = document.querySelector('#loginPanel');
const adminPanel = document.querySelector('#adminPanel');
const loginMessage = document.querySelector('#loginMessage');
@@ -1196,6 +1197,7 @@ async function boot() {
adminPanel.hidden = true;
loginButton.hidden = false;
logoutButton.hidden = true;
if (headerUserBadge) headerUserBadge.hidden = true;
const hamburgerBtn = document.getElementById('hamburgerMenuBtn');
if (hamburgerBtn) hamburgerBtn.style.display = 'none';
return;
@@ -1212,6 +1214,7 @@ async function boot() {
adminPanel.hidden = true;
loginButton.hidden = false;
logoutButton.hidden = true;
if (headerUserBadge) headerUserBadge.hidden = true;
const hamburgerBtn = document.getElementById('hamburgerMenuBtn');
if (hamburgerBtn) hamburgerBtn.style.display = 'none';
return;
@@ -1234,6 +1237,10 @@ async function boot() {
if (headerDashboardBtn) headerDashboardBtn.style.display = 'none';
loginButton.hidden = true;
logoutButton.hidden = true;
if (headerUserBadge) {
headerUserBadge.hidden = false;
headerUserBadge.innerHTML = `<span style="opacity: 0.76;">👤</span> Angemeldet als <strong style="color: #67e8f9; font-weight: 600; margin-left: 2px;">${claims.preferred_username || claims.email}</strong>`;
}
const hamburgerBtn = document.getElementById('hamburgerMenuBtn');
if (hamburgerBtn) hamburgerBtn.style.display = 'flex';