B2in Interior: Relaunch der Website, Kernmarken-CMS und Terminanfrage
Umsetzung von AP0-AP6 aus dev/2026-08-28/entwicklungsplan.md sowie der vorab gefundenen Befunde T1 und B1-B13. Befunde - CmsContentSeeder überschrieb bei jedem Lauf alle redaktionellen Inhalte; jetzt Redaktionsschutz plus gezielter Relaunch-Seeder (B1) - Magazin-CMS war nicht ans Frontend angebunden, Artikel jetzt über Slugs mit 301 von den alten numerischen URLs (B2) - Vier veröffentlichte Display-Playlists zeigten auf b2in.test und wären live nicht ladbar gewesen (B13) - Info-Tablet speicherte geleerte Öffnungszeiten nicht (T1) - /service und /portfolio lieferten seit Februar 500 (B12) Website - Startseite neu strukturiert und umgetextet, eigene Seite /marken mit Detailseite je Kernmarke, /netzwerk und Altrouten leiten dorthin - Galerie je Marke, getrennt nach realisierten Projekten und Visualisierungen; ohne gesetzte Kategorie gilt ein Bild als Entwurf - Seite /referenzen, gespeist aus den Markengalerien - Showroom-Display im 9:16-Rahmen über eine schreibgeschützte Embed-Route ohne Preview-Token - Terminanfrage-Widget auf allen Seiten, Markenauswahl aus dem CMS, WhatsApp per Klick-zum-Chat-Link mit vorbereitetem Text - FAQ, Über-uns, Kontakt und Magazin inhaltlich auf Interior umgestellt Sonstiges - Vorschau-Instanzen liefern noindex und verlinken sich bei unbekanntem Host auf sich selbst statt auf eine fremde Domain - Seeder-Zugangsdaten aus dem Code in die Konfiguration (B8) - Ablauf für die Vorschau: dev/2026-08-28/preview-deployment.md 833 Tests grün (3084 Assertions), Pint sauber. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
parent
193d37b1ce
commit
6d53243ea6
132 changed files with 8672 additions and 335 deletions
|
|
@ -40,10 +40,13 @@
|
|||
</x-success-alert>
|
||||
@endif
|
||||
|
||||
<form wire:submit.prevent="save" x-data
|
||||
{{-- Nur EIN Submit-Handler: die Zeit-Picker melden das Leeren nicht zuverlaessig an
|
||||
wire:model, deshalb werden ihre Werte hier direkt aus dem DOM gelesen und an save()
|
||||
uebergeben. Ein zusaetzliches wire:submit wuerde save() ein zweites Mal aufrufen. --}}
|
||||
<form x-data
|
||||
x-on:submit.prevent="
|
||||
const hours = {};
|
||||
document.querySelectorAll('[data-hours-prop]').forEach(el => {
|
||||
$el.querySelectorAll('[data-hours-prop]').forEach(el => {
|
||||
const prop = el.dataset.hoursProp;
|
||||
const picker = el.querySelector('ui-time-picker');
|
||||
hours[prop] = picker ? (picker.value ?? '') : '';
|
||||
|
|
@ -99,24 +102,31 @@
|
|||
|
||||
<div class="space-y-3">
|
||||
@foreach ([['label' => 'Montag', 'open' => 'hoursMondayOpen', 'close' => 'hoursMondayClose'], ['label' => 'Dienstag', 'open' => 'hoursTuesdayOpen', 'close' => 'hoursTuesdayClose'], ['label' => 'Mittwoch', 'open' => 'hoursWednesdayOpen', 'close' => 'hoursWednesdayClose'], ['label' => 'Donnerstag', 'open' => 'hoursThursdayOpen', 'close' => 'hoursThursdayClose'], ['label' => 'Freitag', 'open' => 'hoursFridayOpen', 'close' => 'hoursFridayClose'], ['label' => 'Samstag', 'open' => 'hoursSaturdayOpen', 'close' => 'hoursSaturdayClose'], ['label' => 'Sonntag', 'open' => 'hoursSundayOpen', 'close' => 'hoursSundayClose']] as $row)
|
||||
@php
|
||||
$isClosedDay = empty($this->{$row['open']}) && empty($this->{$row['close']});
|
||||
@endphp
|
||||
<div
|
||||
class="grid grid-cols-[120px_1fr_1fr_80px] items-center gap-3 py-2 border-b border-zinc-100 dark:border-zinc-800 last:border-0">
|
||||
{{-- Geoeffnet/Geschlossen wird clientseitig gerechnet, damit die Anzeige
|
||||
sofort auf das Leeren per X reagiert. wire:model.live wuerde bei jeder
|
||||
Aenderung einen Roundtrip ausloesen, der geleerte Felder wieder mit dem
|
||||
alten Serverwert ueberschreibt. --}}
|
||||
<div class="grid grid-cols-[120px_1fr_1fr_80px] items-center gap-3 py-2 border-b border-zinc-100 dark:border-zinc-800 last:border-0"
|
||||
x-data="{
|
||||
open: @js((string) ($this->{$row['open']} ?? '')),
|
||||
close: @js((string) ($this->{$row['close']} ?? '')),
|
||||
get isClosed() { return this.open === '' && this.close === '' },
|
||||
}">
|
||||
<span
|
||||
class="text-sm font-medium text-zinc-700 dark:text-zinc-300">{{ $row['label'] }}</span>
|
||||
<div data-hours-prop="{{ $row['open'] }}">
|
||||
<flux:time-picker wire:model.live="{{ $row['open'] }}" label="Öffnung"
|
||||
<div data-hours-prop="{{ $row['open'] }}"
|
||||
x-on:input="open = $event.target.value ?? ''">
|
||||
<flux:time-picker wire:model="{{ $row['open'] }}" label="Öffnung"
|
||||
time-format="24-hour" interval="15" clearable placeholder="–" />
|
||||
</div>
|
||||
<div data-hours-prop="{{ $row['close'] }}">
|
||||
<flux:time-picker wire:model.live="{{ $row['close'] }}" label="Schluss"
|
||||
<div data-hours-prop="{{ $row['close'] }}"
|
||||
x-on:input="close = $event.target.value ?? ''">
|
||||
<flux:time-picker wire:model="{{ $row['close'] }}" label="Schluss"
|
||||
time-format="24-hour" interval="15" clearable placeholder="–" />
|
||||
</div>
|
||||
<span
|
||||
class="text-xs text-center {{ $isClosedDay ? 'text-red-500 dark:text-red-400' : 'text-emerald-600 dark:text-emerald-400' }}">
|
||||
{{ $isClosedDay ? 'Geschlossen' : 'Geöffnet' }}
|
||||
<span class="text-xs text-center"
|
||||
:class="isClosed ? 'text-red-500 dark:text-red-400' : 'text-emerald-600 dark:text-emerald-400'"
|
||||
x-text="isClosed ? 'Geschlossen' : 'Geöffnet'">
|
||||
</span>
|
||||
</div>
|
||||
@endforeach
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue