DogFatherGit/dogfather-universe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Workspace: neue Rolle Manager, feste Rollenreihenfolge, echte Rollenwahl

Browse Source 
DREI TEILE.

1) ROLLE "MANAGER"

Ein Manager darf alles, was DogFather darf -- mit genau zwei
Vorbehalten: Er kann keine Leitung ANLEGEN und an keiner Leitung etwas
AENDERN. Sonst koennte er sich einen zweiten Vollzugang schaffen oder
DogFather aussperren. "Nur DogFather hat alle endgueltigen Rechte"
heisst genau das.

Umgesetzt ueber istLeitung() an EINER Stelle statt 44 einzelner
Vergleiche auf "admin" im Server und 26 im Browser.

DATENBANK-UMSTELLUNG: CREATE TABLE IF NOT EXISTS fasst eine vorhandene
Tabelle nicht an -- die CHECK-Regel stand also weiter auf den alten drei
Rollen, und ein Manager waere daran gescheitert, obwohl der Code stimmt.
SQLite kann eine CHECK-Regel nicht aendern, also: neue Tabelle, Daten
hinueber, alte weg, umbenennen. Davor schreibt der Server eine
vollstaendige Sicherung (VACUUM INTO, in sich konsistent). Ohne
Sicherung wird NICHT umgestellt.

Geprueft nach der Umstellung: alle 13 Tabellen mit gleicher Zeilenzahl,
PRAGMA integrity_check ok, keine verwaisten Verweise. Die einzige
Abweichung war eine Sitzung mehr -- die eigene Anmeldung, die die
Umstellung ausgeloest hat.

2) EIN SICHERHEITSLOCH, DAS DER TEST GEFUNDEN HAT

Der erste Entwurf sicherte "Person anlegen" und "Person sperren" ab --
und liess "neuer Zugangscode" offen. Ein Manager konnte DogFather einen
neuen Code ausstellen, bekam ihn angezeigt und haette ihn damit aus
seinem eigenen Konto ausgesperrt. Im Test aufgefallen, weil ich den
negativen Fall durchgespielt habe.

Behoben nicht durch eine dritte Einzelpruefung, sondern durch eine
Schranke an JEDEM Weg mit einer :id. Der naechste Weg, der dazukommt,
ist damit automatisch mitgeschuetzt.

Nachgeprueft: Manager bekommt 403 beim Code-Erneuern und Sperren von
DogFather UND von sich selbst, darf aber Creator und Scouts verwalten.

3) FOLGEFEHLER DER MASSENERSETZUNG

Die Regel "niemals den letzten aktiven DogFather sperren" hatte durch
die Umstellung auf istLeitung() ploetzlich auch Manager blockiert --
gezaehlt werden aber nur DogFather-Zugaenge. Jetzt istDogFather().
Geprueft: DogFather kann einen Manager sperren, sich selbst nicht.

4) REIHENFOLGE UND ROLLENWAHL

Ueberall DogFather, Manager, Scout, Creator. "ORDER BY rolle" waere
alphabetisch gewesen (admin, creator, manager, scout) -- also fast genau
falsch herum. Jetzt ein gemeinsamer Sortierausdruck aus workspace.js.

Das Auswahlmenue fuer die Rolle ist weg. Es kam als weisses
Windows-Menue mitten in einer dunklen Oberflaeche und schnitt "Creator"
zu "Crea" ab -- gestalten laesst sich ein aufgeklapptes Systemmenue
nicht. Ersetzt durch vier sichtbare Schalter mit Symbol, Farbe je Rolle
und einer Zeile, was die Rolle bedeutet. Bei "Manager" gegen
"DogFather" ist das der Unterschied zwischen Raten und Wissen.

DogFather und Manager stehen dort nur zur Wahl, wenn DogFather selbst
davorsitzt -- ein Knopf, der immer scheitert, gehoert nicht hin.

Nebenbei: Das Namensfeld war auf eine von zwoelf Spalten gequetscht, weil
seine Umgebung keine .feld-Klasse trug. Alle Formulare daraufhin
durchsucht, keine weiteren Faelle.
This commit is contained in:
DogFatherGit
2026-08-31 11:32:22 +02:00
parent 79f0186494
commit 389d8c1213
36 changed files with 527 additions and 201 deletions
Download Patch File Download Diff File Expand all files Collapse all files
workspace/assets/js/aufgaben.js
+9 -5
View File
@@ -8,6 +8,10 @@
(() => {
'use strict';
/* DogFather und Manager haben dieselben Rechte -- die Unterscheidung
macht nur die Personenverwaltung, und die prueft der Server. */
const LEITUNG = new Set(['admin', 'manager']);
const SPALTEN = [
{ status: 'offen', name: 'Offen' },
{ status: 'arbeit', name: 'In Arbeit' },
@@ -67,7 +71,7 @@
zeile.append(f);
}
if (a.verantwortlich_name) zeile.append(el('span', null, '· ' + a.verantwortlich_name));
if (ich.rolle === 'admin' && a.creator_name && a.creator_name !== a.verantwortlich_name) {
if (LEITUNG.has(ich.rolle) && a.creator_name && a.creator_name !== a.verantwortlich_name) {
zeile.append(el('span', null, '· Bereich ' + a.creator_name));
}
if (zeile.childElementCount) k.append(zeile);
@@ -163,7 +167,7 @@
prioritaet: $('f-prio').value,
frist: $('f-frist').value,
};
if (ich.rolle === 'admin') {
if (LEITUNG.has(ich.rolle)) {
daten.creator_id = $('f-creator').value || null;
daten.verantwortlich_id = $('f-verant').value || null;
}
@@ -198,7 +202,7 @@
$('b-prio').value = a.prioritaet;
$('b-frist').value = a.frist || '';
$('b-fehler').textContent = '';
if (ich.rolle === 'admin') {
if (LEITUNG.has(ich.rolle)) {
$('b-creator').value = a.creator_id ? String(a.creator_id) : '';
$('b-verant').value = a.verantwortlich_id ? String(a.verantwortlich_id) : '';
$('b-loeschen').hidden = false;
@@ -216,7 +220,7 @@
prioritaet: $('b-prio').value,
frist: $('b-frist').value,
};
if (ich.rolle === 'admin') {
if (LEITUNG.has(ich.rolle)) {
daten.creator_id = $('b-creator').value || null;
daten.verantwortlich_id = $('b-verant').value || null;
}
@@ -262,7 +266,7 @@ Das laesst sich nicht rueckgaengig machen. Erledigte Aufgaben sollten normalerwe
$('wer').textContent = `${ich.name} · ${ich.rolle_name || ich.rolle}`;
if (ich.rolle === 'admin') {
if (LEITUNG.has(ich.rolle)) {
$('feld-creator').hidden = false;
$('feld-verant').hidden = false;
$('b-feld-creator').hidden = false;
workspace/assets/js/bereich.js
+8 -4
View File
@@ -9,6 +9,10 @@
(() => {
'use strict';
/* DogFather und Manager haben dieselben Rechte -- die Unterscheidung
macht nur die Personenverwaltung, und die prueft der Server. */
const LEITUNG = new Set(['admin', 'manager']);
const $ = (id) => document.getElementById(id);
const UNTERZEILE = {
live: 'Vorbereitung, Mitschrift und Auswertung – LIVE systematisch verbessern.',
@@ -76,7 +80,7 @@
const fuss = el('div', 'eintrag-fuss');
fuss.append(el('span', null, datum(e.datum)));
if (ich.rolle === 'admin' && e.creator_name) fuss.append(el('span', null, '· ' + e.creator_name));
if (LEITUNG.has(ich.rolle) && e.creator_name) fuss.append(el('span', null, '· ' + e.creator_name));
if (e.erstellt_name) fuss.append(el('span', null, '· von ' + e.erstellt_name));
if (e.status === 'erledigt') fuss.append(el('span', null, '· erledigt'));
@@ -90,7 +94,7 @@
if (!a.ok) { melde('Ändern hat nicht geklappt.'); return; }
await laden();
}));
if (ich.rolle === 'admin' || e.erstellt_von === ich.id) {
if (LEITUNG.has(ich.rolle) || e.erstellt_von === ich.id) {
knoepfe.append(tuKnopf('löschen', async () => {
if (!confirm(`„${e.titel}" wirklich löschen?`)) return;
const a = await hole(`/workspace/api/bereich/${bereich}/${e.id}`, { method: 'DELETE' });
@@ -171,7 +175,7 @@
};
if (einstellung.dringlichkeit) daten.dringlichkeit = $('f-dringlich').value;
if (einstellung.bewertung) daten.bewertung = $('f-bewertung').value || null;
if (ich.rolle === 'admin') daten.creator_id = $('f-creator').value || null;
if (LEITUNG.has(ich.rolle)) daten.creator_id = $('f-creator').value || null;
knopf.disabled = true;
try {
@@ -223,7 +227,7 @@
$('feld-dringlich').hidden = !einstellung.dringlichkeit;
$('feld-bewertung').hidden = !einstellung.bewertung;
if (ich.rolle === 'admin') {
if (LEITUNG.has(ich.rolle)) {
$('feld-creator').hidden = false;
try {
const { personen } = await (await hole('/workspace/api/personen')).json();
workspace/assets/js/dateien.js
+11 -7
View File
@@ -8,6 +8,10 @@
(() => {
'use strict';
/* DogFather und Manager haben dieselben Rechte -- die Unterscheidung
macht nur die Personenverwaltung, und die prueft der Server. */
const LEITUNG = new Set(['admin', 'manager']);
const $ = (id) => document.getElementById(id);
const STATUSNAME = { entwurf: 'Entwurf', review: 'Review', freigegeben: 'Freigegeben' };
const WEITER = { entwurf: 'review', review: 'freigegeben' };
@@ -84,7 +88,7 @@
: 'Niemand ausgewählt – dann sieht sie nur DogFather.';
}
const ROLLENKURZ = { admin: 'DogFather', creator: 'Creator', scout: 'Scout' };
const ROLLENKURZ = { admin: 'DogFather', manager: 'Manager', scout: 'Scout', creator: 'Creator' };
/* ---------- Hochladen -------------------------------------------------- */
@@ -102,7 +106,7 @@
/* Kodiert, damit Umlaute und Leerzeichen im Kopf heil ankommen. */
'X-Dateiname': encodeURIComponent(datei.name),
};
if (ich.rolle === 'admin' && $('f-creator').value) kopf['X-Creator'] = $('f-creator').value;
if (LEITUNG.has(ich.rolle) && $('f-creator').value) kopf['X-Creator'] = $('f-creator').value;
/* Wer die Datei sehen darf -- als Liste von Ids im Kopf. */
const gewaehlt = [...document.querySelectorAll('.wahl__knopf[data-an="ja"]')]
.map((b) => b.dataset.id);
@@ -199,15 +203,15 @@
knoepfe.append(holen);
if (WEITER[d.status]) {
const darf = d.status !== 'review' || ich.rolle === 'admin';
const darf = d.status !== 'review' || LEITUNG.has(ich.rolle);
if (darf) knoepfe.append(tuKnopf(
d.status === 'entwurf' ? 'zum Review ▶' : 'freigeben ▶',
() => statusSetzen(d, WEITER[d.status])));
}
if (ZURUECK[d.status] && (d.status !== 'freigegeben' || ich.rolle === 'admin')) {
if (ZURUECK[d.status] && (d.status !== 'freigegeben' || LEITUNG.has(ich.rolle))) {
knoepfe.append(tuKnopf('◀ zurück', () => statusSetzen(d, ZURUECK[d.status])));
}
if (ich.rolle === 'admin' || (d.hochgeladen_von === ich.id && d.status !== 'freigegeben')) {
if (LEITUNG.has(ich.rolle) || (d.hochgeladen_von === ich.id && d.status !== 'freigegeben')) {
knoepfe.append(tuKnopf('löschen', async () => {
if (!confirm(`„${d.name_original}" wirklich löschen?`)) return;
const a = await hole(`/workspace/api/dateien/${d.id}`, { method: 'DELETE' });
@@ -221,7 +225,7 @@
zeile2.append(el('span', null, groesse(d.groesse)));
zeile2.append(el('span', null, '· ' + datum(d.erstellt)));
if (d.hochgeladen_name) zeile2.append(el('span', null, '· von ' + d.hochgeladen_name));
if (ich.rolle === 'admin' && d.creator_name) {
if (LEITUNG.has(ich.rolle) && d.creator_name) {
zeile2.append(el('span', null, '· Bereich ' + d.creator_name));
}
if (d.notiz) zeile2.append(el('span', null, '· ' + d.notiz));
@@ -344,7 +348,7 @@
$('nur-lesen').hidden = false;
}
if (ich.rolle === 'admin') {
if (LEITUNG.has(ich.rolle)) {
$('zuordnung').hidden = false;
try {
const { personen } = await (await hole('/workspace/api/personen')).json();
workspace/assets/js/gate.js
+1 -1
View File
@@ -15,7 +15,7 @@
const knopf = $('knopf');
const fuer = $('fuer');
const NAMEN = { admin: 'DogFather', creator: 'Creator', scout: 'Scout' };
const NAMEN = { admin: 'DogFather', manager: 'Manager', scout: 'Scout', creator: 'Creator' };
const SPEICHER = 'dfw.rolle';
let gewaehlt = null;
workspace/assets/js/kalender.js
+8 -4
View File
@@ -5,6 +5,10 @@
(() => {
'use strict';
/* DogFather und Manager haben dieselben Rechte -- die Unterscheidung
macht nur die Personenverwaltung, und die prueft der Server. */
const LEITUNG = new Set(['admin', 'manager']);
const $ = (id) => document.getElementById(id);
const WOCHENTAGE = ['Sonntag', 'Montag', 'Dienstag', 'Mittwoch',
'Donnerstag', 'Freitag', 'Samstag'];
@@ -59,7 +63,7 @@
if (!a.ok) { melde('Ändern ging nicht.'); return; }
await laden();
}));
if (ich.rolle === 'admin' || t.erstellt_von === ich.id) {
if (LEITUNG.has(ich.rolle) || t.erstellt_von === ich.id) {
knoepfe.append(tuKnopf('löschen', async () => {
if (!confirm('Termin "' + t.titel + '" löschen?')) return;
const a = await hole('/workspace/api/termine/' + t.id, { method: 'DELETE' });
@@ -72,7 +76,7 @@
const zusatz = el('div', 'eintrag__zusatz');
if (t.dauer_min) zusatz.append(el('span', null, t.dauer_min + ' Min'));
if (t.teilnehmer_name) zusatz.append(el('span', null, '· mit ' + t.teilnehmer_name));
if (ich.rolle === 'admin' && t.creator_name && t.creator_name !== t.teilnehmer_name) {
if (LEITUNG.has(ich.rolle) && t.creator_name && t.creator_name !== t.teilnehmer_name) {
zusatz.append(el('span', null, '· Bereich ' + t.creator_name));
}
if (t.ort) {
@@ -212,7 +216,7 @@
ort: $('f-ort').value,
beschreibung: $('f-text').value,
};
if (ich.rolle === 'admin') {
if (LEITUNG.has(ich.rolle)) {
const wahl = $('f-teilnehmer').value;
daten.teilnehmer_id = wahl || null;
daten.creator_id = wahl || null;
@@ -244,7 +248,7 @@
} catch { return; }
$('wer').textContent = ich.name + ' · ' + (ich.rolle_name || ich.rolle);
if (ich.rolle === 'admin') {
if (LEITUNG.has(ich.rolle)) {
$('feld-teilnehmer').hidden = false;
try {
const { personen } = await (await hole('/workspace/api/personen')).json();
workspace/assets/js/personen.js
+64 -3
View File
@@ -5,8 +5,68 @@
(() => {
'use strict';
/* DogFather und Manager haben dieselben Rechte -- die Unterscheidung
macht nur die Personenverwaltung, und die prueft der Server. */
const LEITUNG = new Set(['admin', 'manager']);
const $ = (id) => document.getElementById(id);
const ROLLENNAME = { admin: 'DogFather', creator: 'Creator', scout: 'Scout' };
const ROLLENNAME = { admin: 'DogFather', manager: 'Manager', scout: 'Scout', creator: 'Creator' };
/* Reihenfolge und Erklaerung an EINER Stelle. Sie gilt fuer die
Rollenwahl im Formular und fuer alles, was sonst Rollen auflistet. */
const ROLLEN = [
{ wert: 'admin', name: 'DogFather', symbol: 'krone',
text: 'Alle Rechte, endgültig. Nur DogFather legt DogFather und Manager an.' },
{ wert: 'manager', name: 'Manager', symbol: 'stern',
text: 'Dieselben Rechte wie DogFather – außer der Personenverwaltung.' },
{ wert: 'scout', name: 'Scout', symbol: 'schutz',
text: 'Eigene Pipeline und die Creator, die ihm zugeteilt sind.' },
{ wert: 'creator', name: 'Creator', symbol: 'person',
text: 'Nur der eigene Bereich, eigene Ziele und Aufgaben.' },
];
function baueRollenwahl() {
const ziel = $('f-rolle');
if (!ziel || ziel.dataset.fertig) return;
ziel.dataset.fertig = 'ja';
/* DogFather und Manager kann nur DogFather vergeben -- der Server
lehnt es ohnehin ab, aber ein Knopf, der immer scheitert, gehoert
gar nicht erst hin. */
for (const r of ROLLEN) {
if ((r.wert === 'admin' || r.wert === 'manager') && ich.rolle !== 'admin') continue;
const b = el('button', 'rollenwahl__knopf');
b.type = 'button';
b.dataset.rolle = r.wert;
b.setAttribute('role', 'radio');
b.setAttribute('aria-checked', r.wert === 'creator' ? 'true' : 'false');
if (r.wert === 'creator') b.dataset.an = 'ja';
const s = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
s.setAttribute('viewBox', '0 0 24 24');
s.setAttribute('class', 'rollenwahl__symbol');
s.setAttribute('aria-hidden', 'true');
const u = document.createElementNS('http://www.w3.org/2000/svg', 'use');
u.setAttribute('href', '#r-' + r.symbol);
s.append(u);
const txt = el('span', 'rollenwahl__text');
txt.append(el('span', 'rollenwahl__name', r.name));
txt.append(el('span', 'rollenwahl__erklaerung', r.text));
b.append(s, txt);
b.addEventListener('click', () => {
for (const x of ziel.querySelectorAll('.rollenwahl__knopf')) {
delete x.dataset.an;
x.setAttribute('aria-checked', 'false');
}
b.dataset.an = 'ja';
b.setAttribute('aria-checked', 'true');
});
ziel.append(b);
}
}
const gewaehlteRolle = () =>
document.querySelector('.rollenwahl__knopf[data-an="ja"]')?.dataset.rolle || 'creator';
let ich = null;
const el = (tag, klasse, text) => {
@@ -208,7 +268,7 @@
const a = await hole('/workspace/api/verwaltung/personen', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ name: $('f-name').value, rolle: $('f-rolle').value }),
body: JSON.stringify({ name: $('f-name').value, rolle: gewaehlteRolle() }),
});
if (!a.ok) {
$('neu-fehler').textContent = (await a.json().catch(() => ({}))).fehler || 'Ging nicht.';
@@ -229,8 +289,9 @@
if (!a.ok) { location.assign('/workspace/'); return; }
ich = await a.json();
} catch { return; }
if (ich.rolle !== 'admin') { location.assign('/workspace/start.html'); return; }
if (!LEITUNG.has(ich.rolle)) { location.assign('/workspace/start.html'); return; }
$('wer').textContent = `${ich.name} · ${ich.rolle_name || ich.rolle}`;
baueRollenwahl();
await laden();
})();
})();
workspace/assets/js/profil.js
+6 -2
View File
@@ -8,6 +8,10 @@
(() => {
'use strict';
/* DogFather und Manager haben dieselben Rechte -- die Unterscheidung
macht nur die Personenverwaltung, und die prueft der Server. */
const LEITUNG = new Set(['admin', 'manager']);
const OFFEN = ['handles', 'nische', 'live_zeiten', 'technik',
'ziel_live', 'ziel_content', 'ziel_community', 'ziel_technik',
'plan_prio1', 'plan_prio2', 'plan_prio3'];
@@ -49,7 +53,7 @@
aktuell = daten.person.id;
darfAlles = daten.darf_alles;
$('titel').textContent = ich.rolle === 'admin'
$('titel').textContent = LEITUNG.has(ich.rolle)
? 'Profil: ' + daten.person.name
: 'Mein Profil';
$('unterzeile').textContent = daten.profil.geaendert
@@ -104,7 +108,7 @@
let liste;
try { liste = await (await hole('/workspace/api/profil')).json(); } catch { return; }
if (ich.rolle === 'admin' || ich.rolle === 'scout') {
if (LEITUNG.has(ich.rolle) || ich.rolle === 'scout') {
if (!liste.creator.length) {
$('unterzeile').textContent = ich.rolle === 'scout'
? 'Dir ist noch kein Creator zugeteilt. DogFather legt fest, wen du betreust.'
workspace/assets/js/report.js
+5 -1
View File
@@ -8,6 +8,10 @@
(() => {
'use strict';
/* DogFather und Manager haben dieselben Rechte -- die Unterscheidung
macht nur die Personenverwaltung, und die prueft der Server. */
const LEITUNG = new Set(['admin', 'manager']);
const $ = (id) => document.getElementById(id);
const BEREICHSNAME = {
live: 'LIVE', content: 'Content', technik: 'Technik',
@@ -227,7 +231,7 @@
try {
const { creator } = await (await hole('/workspace/api/report/creator')).json();
if (ich.rolle === 'admin') {
if (LEITUNG.has(ich.rolle)) {
$('creator-block').hidden = false;
const alle = document.createElement('option');
alle.value = ''; alle.textContent = 'Alle Creator';
workspace/assets/js/scouting.js
+7 -3
View File
@@ -12,6 +12,10 @@
(() => {
'use strict';
/* DogFather und Manager haben dieselben Rechte -- die Unterscheidung
macht nur die Personenverwaltung, und die prueft der Server. */
const LEITUNG = new Set(['admin', 'manager']);
const $ = (id) => document.getElementById(id);
const WEITER = {
neu: 'angesprochen', angesprochen: 'gespraech',
@@ -84,7 +88,7 @@
: l.prioritaet === 'niedrig' ? 'Niedrig' : 'Mittel');
prio.dataset.prio = l.prioritaet;
marken.append(prio);
if (l.scout_name && ich.rolle === 'admin') marken.append(el('span', 'marke-still', l.scout_name));
if (l.scout_name && LEITUNG.has(ich.rolle)) marken.append(el('span', 'marke-still', l.scout_name));
if (l.creator_name) marken.append(el('span', 'marke-fertig', 'Creator: ' + l.creator_name));
kopf.append(marken);
k.append(kopf);
@@ -109,7 +113,7 @@
w.addEventListener('click', () => stufeSetzen(l, ziel));
knöpfe.append(w);
}
if (l.status === 'uebergeben' && ich.rolle === 'admin' && !l.creator_id) {
if (l.status === 'uebergeben' && LEITUNG.has(ich.rolle) && !l.creator_id) {
const o = el('button', 'knopf knopf--klein knopf--gold', 'Creator-Onboarding starten');
o.type = 'button';
o.addEventListener('click', () => onboarding(l, o));
@@ -342,7 +346,7 @@
if (ich.rolle === 'creator') { location.assign('/workspace/start.html'); return; }
$('wer').textContent = ich.name + ' · ' + (ich.rolle_name || ich.rolle);
if (ich.rolle === 'admin') {
if (LEITUNG.has(ich.rolle)) {
$('unterzeile').textContent = 'Gesamtübersicht über alle Scouts.';
try {
const { scouts } = await (await hole('/workspace/api/leads-scouts')).json();
workspace/assets/js/start.js
+18 -17
View File
@@ -8,6 +8,7 @@
const ROLLENTEXT = {
admin: 'DogFather · Gesamtübersicht und Freigaben',
manager: 'Manager · dieselben Rechte, ohne Personenverwaltung',
creator: 'Creator · dein eigener Bereich',
scout: 'Scout · deine Pipeline und die Creator, die du betreust',
};
@@ -16,24 +17,24 @@
`rollen` steuert, wem ein Bereich überhaupt angezeigt wird - schon
jetzt, damit die Trennung von Anfang an sichtbar ist. */
const BEREICHE = [
{ name: 'Dashboard', phase: 1, rollen: ['admin', 'creator', 'scout'] },
{ name: 'Personen & Zugänge', phase: 1, rollen: ['admin'], ziel: 'personen.html' },
{ name: 'Creator-Profile', phase: 1, rollen: ['admin', 'scout'], ziel: 'profil.html' },
{ name: 'Dashboard', phase: 1, rollen: ['admin', 'manager', 'creator', 'scout'] },
{ name: 'Personen & Zugänge', phase: 1, rollen: ['admin', 'manager'], ziel: 'personen.html' },
{ name: 'Creator-Profile', phase: 1, rollen: ['admin', 'manager', 'scout'], ziel: 'profil.html' },
{ name: 'Mein Profil', phase: 1, rollen: ['creator'], ziel: 'profil.html' },
{ name: 'Start-Check', phase: 1, rollen: ['admin', 'creator', 'scout'], ziel: 'startcheck.html' },
{ name: 'Wissens-Bibliothek', phase: 1, rollen: ['admin', 'creator', 'scout'], ziel: 'wissen.html' },
{ name: 'Aufgaben', phase: 1, rollen: ['admin', 'creator', 'scout'], ziel: 'aufgaben.html' },
{ name: 'Kalender', phase: 1, rollen: ['admin', 'creator', 'scout'], ziel: 'kalender.html' },
{ name: 'Dateien', phase: 1, rollen: ['admin', 'creator', 'scout'], ziel: 'dateien.html' },
{ name: 'LIVE-Analyse', phase: 2, rollen: ['admin', 'creator', 'scout'], ziel: 'bereich.html?b=live' },
{ name: 'Content-Planung', phase: 2, rollen: ['admin', 'creator', 'scout'], ziel: 'bereich.html?b=content' },
{ name: 'Technik', phase: 2, rollen: ['admin', 'creator', 'scout'], ziel: 'bereich.html?b=technik' },
{ name: 'Community', phase: 2, rollen: ['admin', 'creator', 'scout'], ziel: 'bereich.html?b=community' },
{ name: 'Schutz & Regeln', phase: 2, rollen: ['admin', 'creator', 'scout'], ziel: 'bereich.html?b=schutz' },
{ name: 'Reports & Review', phase: 2, rollen: ['admin', 'creator', 'scout'], ziel: 'report.html' },
{ name: 'Calls & Protokolle', phase: 3, rollen: ['admin', 'creator', 'scout'], ziel: 'calls.html' },
{ name: 'Scout-Pipeline', phase: 3, rollen: ['admin', 'scout'], ziel: 'scouting.html' },
{ name: 'Automationen', phase: 4, rollen: ['admin'] },
{ name: 'Start-Check', phase: 1, rollen: ['admin', 'manager', 'creator', 'scout'], ziel: 'startcheck.html' },
{ name: 'Wissens-Bibliothek', phase: 1, rollen: ['admin', 'manager', 'creator', 'scout'], ziel: 'wissen.html' },
{ name: 'Aufgaben', phase: 1, rollen: ['admin', 'manager', 'creator', 'scout'], ziel: 'aufgaben.html' },
{ name: 'Kalender', phase: 1, rollen: ['admin', 'manager', 'creator', 'scout'], ziel: 'kalender.html' },
{ name: 'Dateien', phase: 1, rollen: ['admin', 'manager', 'creator', 'scout'], ziel: 'dateien.html' },
{ name: 'LIVE-Analyse', phase: 2, rollen: ['admin', 'manager', 'creator', 'scout'], ziel: 'bereich.html?b=live' },
{ name: 'Content-Planung', phase: 2, rollen: ['admin', 'manager', 'creator', 'scout'], ziel: 'bereich.html?b=content' },
{ name: 'Technik', phase: 2, rollen: ['admin', 'manager', 'creator', 'scout'], ziel: 'bereich.html?b=technik' },
{ name: 'Community', phase: 2, rollen: ['admin', 'manager', 'creator', 'scout'], ziel: 'bereich.html?b=community' },
{ name: 'Schutz & Regeln', phase: 2, rollen: ['admin', 'manager', 'creator', 'scout'], ziel: 'bereich.html?b=schutz' },
{ name: 'Reports & Review', phase: 2, rollen: ['admin', 'manager', 'creator', 'scout'], ziel: 'report.html' },
{ name: 'Calls & Protokolle', phase: 3, rollen: ['admin', 'manager', 'creator', 'scout'], ziel: 'calls.html' },
{ name: 'Scout-Pipeline', phase: 3, rollen: ['admin', 'manager', 'scout'], ziel: 'scouting.html' },
{ name: 'Automationen', phase: 4, rollen: ['admin', 'manager'] },
];
const $ = (id) => document.getElementById(id);