Wozu der Slot-Designer?
Der Slot-Designer ist ein interaktiver Editor, mit dem du jedes Türchen frei auf der 16:9-Fläche deiner Kampagne platzieren und vergrößern kannst. Das ist das Feature, mit dem dein Kalender vom Standard-Raster zum individuellen Design wird.
DoorLayoutCalculator.
Wo finde ich ihn?
Auf der Edit-Seite einer Kampagne gibt es den Schnelllink „Slot-Designer". Die URL ist
admin/campaigns/{id}/doors/designer.
So funktioniert das Grid
- Das Canvas ist in Zellen unterteilt. Jedes Türchen belegt ein ganzzahliges Vielfaches dieser Zellen (Standard 1×1, bis 3×3 oder mehr).
- Die Grid-Größe wächst adaptiv mit: Hast du viele große Türchen, wird das Raster feiner. So läuft nie ein Türchen aus dem Canvas raus.
- Wird ein Türchen verschoben, bleibt es an der neuen Zelle verankert — die anderen Türchen packen per Nearest-Free-Cell-Fit drumherum (FFD-sortiert, große zuerst).
Bedienung
Größe ändern
Über dem Türchen erscheint ein <select>-Dropdown mit den möglichen Größen
(1×1 bis n×n). Die Auswahl aktualisiert sofort das Layout.
Position ändern
Türchen mit der Maus greifen und auf eine andere Zelle ziehen. Ein blaues Schatten-Overlay zeigt, welche Zellen belegt werden.
Speichern
Jede Änderung wird automatisch per POST an
admin/campaigns/{id}/doors/layout gespeichert (JSON-Endpoint mit position_x,
position_y, width, height je Türchen in Prozent).
Layout zurücksetzen
Der Button „Layout zurücksetzen" wirft alle manuellen Änderungen weg und verteilt die
Türchen wieder in ein gleichmäßiges Raster (Service DoorLayoutCalculator).
Zufällig mischen
„Layout zufällig mischen" verteilt die Türchen im gleichen Raster-Schema, aber in zufälliger Reihenfolge. Damit sind die Nummern nicht mehr zeilenweise lesbar — das macht die Suche nach dem aktuellen Türchen zum kleinen Spiel für den Besucher.
Beispiel: Du hast 24 Türchen und willst einen Weihnachtsbaum formen. Ziehe die Baumspitze (Türchen 1) in die obere Mitte, verteile darunter in immer breiteren Reihen weitere Türchen und mache Türchen 24 (Stamm) etwas größer (2×1). Der Designer sorgt dafür, dass nichts überlappt.
Welche Kampagnen-Einstellung beeinflusst das Canvas?
- Hintergrundbild (Quer) → wird auf dem Canvas als Vorschauhintergrund eingeblendet
- Deckkbild / Puzzle-Modus → wird semitransparent über die Stage gelegt, damit du Türchen passgenau auf das Motiv ausrichten kannst (Details: Branding)
- Deckkraft → beeinflusst nur das Public-Rendering, nicht den Designer
- Tür-Standardfarben → werden für Türchen ohne eigenen Override angewendet