Sicher?
@@ -522,12 +643,14 @@ function setupUI() {
if(u.isAdmin) document.getElementById('pill-admin').style.display='block';
buildCards(); buildCheat();
populateGhostSelect();
+ loadCredits();
if(u.isAdmin) updateAdminBadge();
}
function setupGuestUI() {
document.getElementById('guest-badge').style.display='block';
buildCards(); buildCheat();
+ loadCredits();
}
/* ── AUTH ── */
@@ -639,10 +762,13 @@ function setMode(m) {
}
function switchTab(t) {
- ['cards','cheat','guide'].forEach((x,i)=>{
- document.getElementById('vtab-'+x).classList.toggle('active',x===t);
- document.querySelectorAll('#vnav .nav-btn')[i].classList.toggle('active',x===t);
+ ['cards','cheat','guide','credits'].forEach((x,i)=>{
+ const el = document.getElementById('vtab-'+x);
+ if(el) el.classList.toggle('active',x===t);
+ const btn = document.querySelectorAll('#vnav .nav-btn')[i];
+ if(btn) btn.classList.toggle('active',x===t);
});
+ if(t==='credits') renderCredits();
}
/* ── ADMIN ── */
@@ -845,6 +971,147 @@ function hideLogin(){document.getElementById('login-screen').classList.remove('s
function fmtTime(ts){if(!ts)return'—';const d=new Date(ts);return d.toLocaleDateString('de-DE',{day:'2-digit',month:'2-digit',year:'numeric'})+' '+d.toLocaleTimeString('de-DE',{hour:'2-digit',minute:'2-digit'});}
function escH(s){return String(s||'').replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"');}
+
+/* ═══════════════════════════════════════════════════
+ CREDITS
+═══════════════════════════════════════════════════ */
+let credits = [];
+let editingCreditId = null;
+
+// Load from localStorage (no separate API needed — admin manages locally)
+function loadCredits() {
+ try { credits = JSON.parse(localStorage.getItem('blair_credits') || '[]'); }
+ catch { credits = []; }
+}
+function saveCredits() {
+ localStorage.setItem('blair_credits', JSON.stringify(credits));
+}
+
+function renderCredits() {
+ loadCredits();
+ const partners = credits.filter(c => c.type === 'partner');
+ const crds = credits.filter(c => c.type === 'credit');
+
+ const partnerGrid = document.getElementById('credits-partners-grid');
+ const creditsGrid = document.getElementById('credits-credits-grid');
+ const partnerSec = document.getElementById('credits-partners-section');
+ const creditsSec = document.getElementById('credits-credits-section');
+
+ // Partners
+ if (!partners.length) {
+ partnerGrid.innerHTML = 'Noch keine Partner eingetragen.
';
+ } else {
+ partnerGrid.innerHTML = '';
+ partners.forEach(c => partnerGrid.appendChild(buildCreditCard(c)));
+ }
+
+ // Credits
+ if (!crds.length) {
+ creditsGrid.innerHTML = 'Noch keine Credits eingetragen.
';
+ } else {
+ creditsGrid.innerHTML = '';
+ crds.forEach(c => creditsGrid.appendChild(buildCreditCard(c)));
+ }
+
+ // Show add button for admins
+ const adminBtn = document.getElementById('credits-admin-btn');
+ if (adminBtn) adminBtn.style.display = (currentUser?.isAdmin) ? 'block' : 'none';
+}
+
+function buildCreditCard(c) {
+ const card = document.createElement('div');
+ card.className = 'credit-card' + (c.type === 'partner' ? ' partner' : '');
+
+ const avatarHtml = c.avatar
+ ? `${c.emoji || '👤'}
`;
+
+ const linksHtml = [
+ c.discord ? `Discord` : '',
+ c.website ? `Website` : '',
+ c.roblox ? `Roblox` : '',
+ ].filter(Boolean).join('');
+
+ const adminBtns = currentUser?.isAdmin
+ ? `
+
+
+
` : '';
+
+ card.innerHTML = `
+
+ ${avatarHtml}
+
+ ${c.desc ? `
+
+ ${c.type === 'partner' ? 'Partner' : ''}
+ ${escH(c.name)}
+ ${escH(c.role || '')}
+ ${escH(c.desc)}
` : ''}
+ ${linksHtml ? `${linksHtml}
` : ''}
+ ${adminBtns}`;
+
+ return card;
+}
+
+function openCreditForm(id) {
+ const c = id ? credits.find(x => x.id === id) : null;
+ editingCreditId = id || null;
+ document.getElementById('cm-title').textContent = c ? `Bearbeiten: ${c.name}` : 'Eintrag hinzufügen';
+ document.getElementById('cf-name').value = c?.name || '';
+ document.getElementById('cf-type').value = c?.type || 'credit';
+ document.getElementById('cf-role').value = c?.role || '';
+ document.getElementById('cf-avatar').value = c?.avatar || '';
+ document.getElementById('cf-emoji').value = c?.emoji || '';
+ document.getElementById('cf-desc').value = c?.desc || '';
+ document.getElementById('cf-discord').value = c?.discord || '';
+ document.getElementById('cf-website').value = c?.website || '';
+ document.getElementById('cf-roblox').value = c?.roblox || '';
+ openModal('credits-modal');
+}
+
+function saveCreditEntry() {
+ const name = document.getElementById('cf-name').value.trim();
+ if (!name) { toast("Name darf nicht leer sein!", "danger"); return; }
+
+ const entry = {
+ id: editingCreditId || 'c_' + Date.now().toString(36),
+ name,
+ type: document.getElementById('cf-type').value,
+ role: document.getElementById('cf-role').value.trim(),
+ avatar: document.getElementById('cf-avatar').value.trim(),
+ emoji: document.getElementById('cf-emoji').value.trim() || '👤',
+ desc: document.getElementById('cf-desc').value.trim(),
+ discord: document.getElementById('cf-discord').value.trim(),
+ website: document.getElementById('cf-website').value.trim(),
+ roblox: document.getElementById('cf-roblox').value.trim(),
+ };
+
+ if (editingCreditId) {
+ const idx = credits.findIndex(c => c.id === editingCreditId);
+ if (idx > -1) credits[idx] = entry;
+ } else {
+ credits.push(entry);
+ }
+
+ saveCredits();
+ closeModal('credits-modal');
+ renderCredits();
+ toast(`✓ ${name} gespeichert!`, "success");
+}
+
+function confirmDeleteCredit(id) {
+ const c = credits.find(x => x.id === id);
+ if (!c) return;
+ showConfirm(`${c.name} entfernen?`, 'Dieser Eintrag wird aus Credits & Partner entfernt.', () => {
+ credits = credits.filter(x => x.id !== id);
+ saveCredits();
+ renderCredits();
+ toast(`${c.name} entfernt.`, "danger");
+ });
+}
+
/* ── BOOT ── */
document.addEventListener('DOMContentLoaded', () => {
@@ -912,6 +1179,16 @@ document.addEventListener('DOMContentLoaded', () => {
const guestBtn = document.getElementById('guest-btn');
if (guestBtn) guestBtn.addEventListener('click', guestMode);
+ // ── Credits ──
+ document.getElementById('close-credits-modal').addEventListener('click', () => closeModal('credits-modal'));
+ document.getElementById('btn-cancel-credits').addEventListener('click', () => closeModal('credits-modal'));
+ document.getElementById('btn-save-credit').addEventListener('click', saveCreditEntry);
+ document.getElementById('credits-modal').addEventListener('click', (e) => {
+ if (e.target === document.getElementById('credits-modal')) closeModal('credits-modal');
+ });
+ const addCreditBtn = document.getElementById('btn-add-credit');
+ if (addCreditBtn) addCreditBtn.addEventListener('click', () => openCreditForm(null));
+
init();
});