Files
dogfather-universe/bewerben-scout.html
T
DogFatherGitandClaude Sonnet 5 7060a4a6ae 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]>
2026-08-21 03:06:21 +02:00

79 lines
4.2 KiB
HTML

<!DOCTYPE html>
<html lang="de" data-theme="spicymedia">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Scout werden — DOGFATHER UNIVERSE</title>
<meta name="description" content="Werde Scout für DogFather bei der Spicy Media Agentur — finde neue Talente." />
<link rel="icon" type="image/png" href="assets/img/favicon.png" />
<link rel="manifest" href="/manifest.json" />
<meta name="theme-color" content="#0b0d10" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="DOGFATHER UNIVERSE" />
<meta property="og:title" content="Scout werden — DOGFATHER UNIVERSE" />
<meta property="og:description" content="Werde Scout für DogFather bei der Spicy Media Agentur — finde neue Talente." />
<meta property="og:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<meta property="og:url" content="https://dogfather-universe.com/bewerben-scout.html" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Scout werden — DOGFATHER UNIVERSE" />
<meta name="twitter:description" content="Werde Scout für DogFather bei der Spicy Media Agentur — finde neue Talente." />
<meta name="twitter:image" content="https://dogfather-universe.com/assets/img/og-cover.jpg" />
<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" />
</head>
<body class="mit-hintergrund bewerben-seite" style="--page-bg:url('/assets/img/bg-scouts.jpg');--page-bg-mobile:url('/assets/img/bg-scouts-mobile.jpg');">
<div id="site-header"></div>
<main>
<section class="hero page-bg">
<div class="hero-banner"><img src="/assets/img/bg-scouts.jpg" alt="" loading="eager" /></div>
<div class="container">
<span class="eyebrow" data-i18n="bws_eyebrow">Manager DogFather — Agentur</span>
<h1 data-i18n="bws_h1">Werde Scout für DogFather</h1>
<p class="lead worlds" data-i18n="bws_lead">Du kennst Leute mit Potenzial? Finde und begleite neue Talente für Team Dogi.</p>
</div>
</section>
<section class="section-tight">
<div class="container" style="max-width:640px;">
<form class="app-form" id="form-scout" novalidate>
<div class="field">
<label for="s-name" data-i18n="bws_label_name">Name *</label>
<input id="s-name" name="name" type="text" required />
</div>
<div class="field">
<label for="s-email" data-i18n="bws_label_email">E-Mail *</label>
<input id="s-email" name="email" type="email" required />
<span class="error-msg" data-i18n="bws_error_email">Bitte gültige E-Mail-Adresse eingeben.</span>
</div>
<div class="field">
<label for="s-erfahrung" data-i18n="bws_label_erfahrung">Erfahrung als Scout / im Netzwerk aufbauen *</label>
<textarea id="s-erfahrung" name="erfahrung" required></textarea>
</div>
<div class="field">
<label for="s-verfuegbarkeit" data-i18n="bws_label_verfuegbarkeit">Wie viel Zeit kannst du investieren? *</label>
<input id="s-verfuegbarkeit" name="verfuegbarkeit" type="text" required />
</div>
<p class="small muted" data-i18n="bws_hinweis">Scouts finden und begleiten neue Talente für Dogi.</p>
<button class="btn btn-primary" type="submit" data-i18n="bws_btn_submit">Bewerbung als Scout senden</button>
<div class="form-status"></div>
</form>
<div class="btn-row" style="justify-content:center;margin-top:1.6rem;">
<a class="btn btn-outline" href="team-scouts.html" data-i18n="bws_link_team">← Zum Scout-Team</a>
<a class="btn btn-outline" href="bewerben.html" data-i18n="bws_link_andere">Andere Bewerbung suchen</a>
</div>
</div>
</section>
</main>
<div id="site-footer"></div>
<script src="assets/js/forms.js?v=20260821j"></script>
<script src="assets/js/i18n-bewerben-scout.js?v=20260821j"></script>
<script src="assets/js/main.js?v=20260821j"></script>
</body>
</html>