Jeder Boss in unserem Raidsheet hat eine eigene, dedizierte Seite, auf der du alle relevanten Informationen für den Kampf findest. Diese Seiten sind unser zentraler Punkt für Strategien und individuelle Aufgabenverteilungen.

Die meisten Boss-Seiten folgen einem einheitlichen Aufbau, damit du dich schnell zurechtfindest:

• Titel & Raidgröße: Ganz oben findest du den Namen des Bosses sowie einen Umschalter für 10- und 25-Spieler-Modi. Dieser Schalter passt die angezeigten Taktiken und Fähigkeiten an die jeweilige Gruppengröße an.

• Kampfübersicht & Fähigkeiten: In diesem Bereich sind die Kernmechaniken des Bosses und seine Fähigkeiten detailliert beschrieben. Oft ist dieser Teil nach den verschiedenen Phasen des Kampfes gegliedert. Auch spezielle Änderungen für den heroischen Modus werden hier erwähnt.

• Einteilungen (Das Herzstück): Dies ist der wichtigste Abschnitt für dich als Spieler. Hier findest du verschiedene Boxen für Zuweisungen wie "Tank-Einteilung", "Heiler-Cooldowns" oder "Unterbrechungs-Rotation". In den Dropdown-Menüs siehst du, welcher Spieler für welche konkrete Aufgabe eingeteilt ist.

• Visuelle Hilfen: Am Ende der Seite sind oft zusätzliche Hilfen wie ein Video-Guide oder Bilder zur korrekten Positionierung im Kampf eingebettet.

Falls du dieses Projekt für deine eigene Gilde geforkt hast und neue Bosse hinzufügen möchtest, folge diesen Schritten.

Zuerst muss das Tool wissen, dass der neue Boss existiert.

1. Öffne die Datei index.html.
2. Suche nach der JavaScript-Variable raidData (ca. Zeile 350).
3. Finde den Raid, zu dem der Boss gehört (z.B. mogushan oder heartoffear).
4. Füge in der bosses-Liste ein neues Objekt für deinen Boss hinzu. Es muss eine id und einen name haben. Beispiel: Um Gara'jal zum Mogu'shangewölbe hinzuzufügen:

// index.html
mogushan: {`
    `name: "Mogu'shangewölbe",`
    `bosses: [`
        `{ id: 'steinwache', name: 'Die Steinwache' },`
        `{ id: 'feng', name: 'Feng der Verfluchte' },`
        `{ id: 'garajal', name: 'Gara\'jal der Geisterbinder' } // <-- NEUER EINTRAG`
    `]`
`},

id: 'garajal': Dies ist eine eindeutige ID ohne Leerzeichen und in Kleinbuchstaben. Der Dateiname deiner neuen HTML-Datei muss garajal.html lauten.

name: 'Gara'jal...': Dies ist der Name, der auf dem Navigations-Button angezeigt wird.

Erstelle im Hauptverzeichnis deines Projekts eine neue HTML-Datei.

• Der Dateiname muss exakt der id aus Schritt 1 entsprechen (z.B. garajal.html).
• Am besten kopierst du den Inhalt aus dem Boss-Template.html in deine neue Datei. Dies stellt sicher, dass der Aufbau und alle Stile konsistent sind.

Schritt 3: Inhalte und Einteilungen anpassen Jetzt füllst du deine neue Datei mit Leben.

1. Texte anpassen: Ersetze die Platzhalter-Texte im Template mit den Fähigkeiten, Taktiken und Beschreibungen für deinen neuen Boss.
2. Video einbetten: Tausche die VIDEO_ID im YouTube-Link aus.
3. Einteilungen definieren (Wichtigster Schritt!):

• Passe die vorhandenen Einteilungs-Boxen an oder erstelle neue.
• Für jedes Dropdown-Menü musst du das Attribut data-assignment-id anpassen.
• Dieser Wert muss einzigartig auf der Seite sein. Er dient als Schlüssel, um die Zuweisung in der Datenbank zu speichern. Halte dich an eine klare Namenskonvention wie bossname-aufgabe-nummer, zum Beispiel:

<select data-assignment-id="garajal-voodoo-1" class="assignment-select"></select>
<select data-assignment-id="garajal-voodoo-2" class="assignment-select"></select>

Das Skript in index.html kümmert sich automatisch darum, die Dropdown-Menüs mit den Spielern aus der Aufstellung zu füllen. Du musst nur das HTML-Grundgerüst mit den korrekten data-assignment-ids bereitstellen.

Nachdem du diese Schritte ausgeführt hast, lade die Seite neu. Dein neuer Boss sollte nun in der Navigation erscheinen und die von dir erstellte Seite laden.