55 lines
3.2 KiB
PHP
55 lines
3.2 KiB
PHP
{{-- Farb-Schalter für die Abstimmung (Nachtrag 18 + 19): bisherige Creme-Palette, die hellere
|
||
Variante „Neu“ und der Entwurf vom 24.09. Schwimmt am linken Rand in der Mitte – unten links
|
||
sitzt der Cookie-Button, unten rechts die Terminanfrage.
|
||
„Bisher“ und „Neu“ schalten im Browser um (localStorage b2in-palette, im <head> gesetzt,
|
||
?palette=modern|classic per Link). „Entwurf“ ist eine eigene Seite (/entwurf) mit fester
|
||
Palette; von dort führen die beiden anderen Einträge zurück auf die Startseite. --}}
|
||
@props(['draft' => false])
|
||
|
||
<div class="fixed left-3 top-1/2 z-40 -translate-y-1/2 print:hidden" data-palette-switch
|
||
@unless ($draft)
|
||
x-data="{
|
||
palette: document.documentElement.classList.contains('palette-modern') ? 'modern' : 'classic',
|
||
choose(value) {
|
||
this.palette = value;
|
||
document.documentElement.classList.toggle('palette-modern', value === 'modern');
|
||
try { localStorage.setItem('b2in-palette', value); } catch (e) {}
|
||
},
|
||
}"
|
||
@endunless>
|
||
<div class="flex flex-col items-stretch gap-1 rounded-full border border-border bg-card/95 p-1 text-[11px] font-medium shadow-lg backdrop-blur-sm"
|
||
role="group" aria-label="{{ __('ui.palette.label') }}">
|
||
<span class="px-2 pt-1 text-center text-[10px] uppercase tracking-wide text-muted-foreground" aria-hidden="true">
|
||
{{ __('ui.palette.label') }}
|
||
</span>
|
||
|
||
@if ($draft)
|
||
<a href="{{ url('/?palette=classic') }}"
|
||
class="rounded-full px-3 py-1.5 text-center text-muted-foreground transition-colors duration-200 hover:text-foreground">
|
||
{{ __('ui.palette.classic') }}
|
||
</a>
|
||
<a href="{{ url('/?palette=modern') }}"
|
||
class="rounded-full px-3 py-1.5 text-center text-muted-foreground transition-colors duration-200 hover:text-foreground">
|
||
{{ __('ui.palette.modern') }}
|
||
</a>
|
||
<span aria-current="page" class="rounded-full bg-primary px-3 py-1.5 text-center text-primary-foreground">
|
||
{{ __('ui.palette.draft') }}
|
||
</span>
|
||
@else
|
||
<button type="button" x-on:click="choose('classic')" x-bind:aria-pressed="(palette === 'classic').toString()"
|
||
x-bind:class="palette === 'classic' ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:text-foreground'"
|
||
class="cursor-pointer rounded-full px-3 py-1.5 transition-colors duration-200">
|
||
{{ __('ui.palette.classic') }}
|
||
</button>
|
||
<button type="button" x-on:click="choose('modern')" x-bind:aria-pressed="(palette === 'modern').toString()"
|
||
x-bind:class="palette === 'modern' ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:text-foreground'"
|
||
class="cursor-pointer rounded-full px-3 py-1.5 transition-colors duration-200">
|
||
{{ __('ui.palette.modern') }}
|
||
</button>
|
||
<a href="{{ route('home.draft') }}"
|
||
class="rounded-full px-3 py-1.5 text-center text-muted-foreground transition-colors duration-200 hover:text-foreground">
|
||
{{ __('ui.palette.draft') }}
|
||
</a>
|
||
@endif
|
||
</div>
|
||
</div>
|