Verwaltungsseite perfektioniert: Team-Verwaltung für Modis/Scouts/Creator/Manager
Nutzer-Wunsch 21.08.2026: "überall wo Modis sind oder Scouts oder Manager, oder Creator, will ich dass ich die easy über meine Verwaltungsseite hinzufüge und die automatisch in der Website hinzugefügt werden ... auch mit Fotos und TikTok Link." Backend (server-internal, braucht Filipes manuellen Deploy): - Neue Tabelle team_members (Migration 0007) für alle vier Kategorien gemeinsam -- ergänzt, überschreibt NIE die von Hand gepflegten Einträge in data-modis.js/data-scouts.js/data-creator.js. - routes/team.js: öffentliches Lesen (nur aktive Mitglieder, optional nach Kategorie gefiltert), TEAM_MANAGE-geschütztes Anlegen/Bearbeiten/ Löschen, Foto-Upload (gleiches Muster wie "Event des Jahres"), automatische Übersetzung von Rolle/Bio/Zitat wie bei anderen admin-gepflegten Texten. Slug global eindeutig (mit automatischer Kollisionsauflösung), TikTok-Kurzname wird zu voller URL ergänzt. 27 Tests in isolierter Testumgebung geprüft (kein better-sqlite3 lokal kompilierbar). Frontend: - window.dogiTeamLaden() in main.js: holt admin-gepflegte Mitglieder einer (oder aller) Kategorien und bringt sie in exakt dieselbe Form wie die bestehenden data-*.js-Einträge. - team-scouts.html/team-modis.html/creator.html hängen das Ergebnis einfach an ihre bestehenden Arrays an und rendern erneut -- exakt derselbe Look wie die schon bestehenden Profile (Foto/Avatar-Initiale, Rolle, Zitat, TikTok-Button). creator.html hatte bisher ein "return" bei leerem CREATORS-Array, wodurch admin-Creator NIE geladen worden wären -- gefixt. team-modis.html berücksichtigt Rang/Rang-Bezeichnung für die Pyramide. - Neue Sektion "Weitere Manager" auf manager.html, komplett unsichtbar bis der erste Manager angelegt wird (data-manager.js neu, wie data-creator.js aktuell leer). - profil.html sucht jetzt kategorieübergreifend auch in admin-gepflegten Profilen, inkl. korrektem Theme/Zurück-Link auch für Manager. Verwaltung: neue Sektion "Team verwalten" (TEAM_MANAGE-Berechtigung) -- ein Formular für alle vier Kategorien mit Foto-Sofort-Upload, TikTok-Feld, Bio/Zitat, bedingten Rang-Feldern (nur Modi), Kategorie- Filterleiste und Bearbeiten/Löschen pro Eintrag. Beim Testen mit Playwright einen echten Syntaxfehler gefunden und gefixt (ASCII-Anführungszeichen statt schließendem „" in einem Statustext), der das GESAMTE Verwaltungs-Skript und damit die komplette Seite lahmgelegt hätte. Cache-Busting-Version auf 20260821j erhöht. Co-Authored-By: Claude Sonnet 5 <[email protected]>
This commit is contained in:
Claude Sonnet 5
+33
-15
@@ -16,10 +16,10 @@
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="robots" content="noindex" /> <!-- generische URL, echte Team-Seiten verlinken hierher -->
|
||||
|
||||
<link rel="stylesheet" href="assets/css/main.css?v=20260821i" />
|
||||
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821i" />
|
||||
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821i" />
|
||||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821i" />
|
||||
<link rel="stylesheet" href="assets/css/main.css?v=20260821j" />
|
||||
<link rel="stylesheet" href="assets/css/theme-dogfather.css?v=20260821j" />
|
||||
<link rel="stylesheet" href="assets/css/theme-hasidog.css?v=20260821j" />
|
||||
<link rel="stylesheet" href="assets/css/theme-spicymedia.css?v=20260821j" />
|
||||
<style>
|
||||
.profil-photo { aspect-ratio: 4/5; max-width: 420px; margin: 0 auto; }
|
||||
.profil-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
|
||||
@@ -130,18 +130,25 @@
|
||||
</main>
|
||||
|
||||
<div id="site-footer"></div>
|
||||
<script src="assets/js/data-modis.js?v=20260821i"></script>
|
||||
<script src="assets/js/data-scouts.js?v=20260821i"></script>
|
||||
<script src="assets/js/data-creator.js?v=20260821i"></script>
|
||||
<script src="assets/js/i18n-profil.js?v=20260821i"></script>
|
||||
<script src="assets/js/main.js?v=20260821i"></script>
|
||||
<script src="assets/js/data-modis.js?v=20260821j"></script>
|
||||
<script src="assets/js/data-scouts.js?v=20260821j"></script>
|
||||
<script src="assets/js/data-creator.js?v=20260821j"></script>
|
||||
<script src="assets/js/data-manager.js?v=20260821j"></script>
|
||||
<script src="assets/js/i18n-profil.js?v=20260821j"></script>
|
||||
<script src="assets/js/main.js?v=20260821j"></script>
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
document.addEventListener("DOMContentLoaded", async () => {
|
||||
const slug = new URLSearchParams(location.search).get("p") || "";
|
||||
const modis = window.MODIS || [];
|
||||
const scouts = window.SCOUTS || [];
|
||||
const creators = window.CREATORS || [];
|
||||
const alle = [...modis, ...scouts, ...creators];
|
||||
const managers = window.MANAGERS || [];
|
||||
// 21.08.2026: über die Verwaltung angelegte Mitglieder ALLER Kategorien
|
||||
// dazuholen -- profil.html weiß vorab nicht, zu welcher Kategorie ein
|
||||
// slug gehört, deshalb kommt hier (ohne Kategorie-Filter) einfach alles
|
||||
// zusammen zurück und wird unten normal mitgesucht.
|
||||
const admins = window.dogiTeamLaden ? await window.dogiTeamLaden() : [];
|
||||
const alle = [...modis, ...scouts, ...creators, ...managers, ...admins];
|
||||
const person = alle.find((p) => p.slug === slug);
|
||||
|
||||
// Für alle Rahmentexte, die rein per JS gesetzt werden (Name/Rolle/Bio
|
||||
@@ -170,16 +177,22 @@ document.addEventListener("DOMContentLoaded", () => {
|
||||
return;
|
||||
}
|
||||
|
||||
const istScout = scouts.includes(person);
|
||||
const istCreator = creators.includes(person);
|
||||
const welt = istScout || istCreator ? "spicymedia" : "dogfather";
|
||||
// 21.08.2026: admin-gepflegte Personen (aus dogiTeamLaden) stecken NICHT
|
||||
// in den statischen modis/scouts/creators/managers-Arrays selbst (die
|
||||
// reference-Prüfung .includes(person) würde für sie also fälschlich
|
||||
// "false" liefern) -- deshalb zusätzlich über das von dogiTeamLaden
|
||||
// gesetzte person.kategorie-Feld prüfen.
|
||||
const istScout = scouts.includes(person) || person.kategorie === "scout";
|
||||
const istCreator = creators.includes(person) || person.kategorie === "creator";
|
||||
const istManager = managers.includes(person) || person.kategorie === "manager";
|
||||
const welt = istScout || istCreator || istManager ? "spicymedia" : "dogfather";
|
||||
document.documentElement.setAttribute("data-theme", welt);
|
||||
|
||||
// Passendes Weltmotiv nur noch als weichgezeichnete Stimmung ganz im
|
||||
// Hintergrund (body.mit-hintergrund) — bewusst KEIN scharfes Banner-Bild
|
||||
// mehr oben im Kopfbereich, damit das Profil der Person (Foto/Name/Bio)
|
||||
// sofort beim Öffnen der Seite im Fokus steht, ohne Banner davor.
|
||||
const bgBasis = istScout || istCreator ? "bg-scouts" : "bg-dogfather";
|
||||
const bgBasis = istScout || istCreator || istManager ? "bg-scouts" : "bg-dogfather";
|
||||
document.body.style.setProperty("--page-bg", `url('/assets/img/${bgBasis}.jpg')`);
|
||||
document.body.style.setProperty("--page-bg-mobile", `url('/assets/img/${bgBasis}-mobile.jpg')`);
|
||||
|
||||
@@ -241,6 +254,8 @@ document.addEventListener("DOMContentLoaded", () => {
|
||||
? t("pr_eyebrow_scout")
|
||||
: istCreator
|
||||
? t("pr_eyebrow_creator")
|
||||
: istManager
|
||||
? t("pr_eyebrow_manager")
|
||||
: t("pr_eyebrow_default");
|
||||
|
||||
document.getElementById("profil-hero-name").textContent = person.name;
|
||||
@@ -286,6 +301,9 @@ document.addEventListener("DOMContentLoaded", () => {
|
||||
} else if (istCreator) {
|
||||
zurueck.href = "creator.html";
|
||||
zurueck.textContent = t("pr_back_creator");
|
||||
} else if (istManager) {
|
||||
zurueck.href = "manager.html";
|
||||
zurueck.textContent = t("pr_back_manager");
|
||||
} else {
|
||||
zurueck.href = "team-modis.html";
|
||||
zurueck.textContent = t("pr_back_modis");
|
||||
|
||||
Reference in New Issue
Block a user