design wip

This commit is contained in:
salam committed 2026-02-08 12:50:53 +01:00
1 parent 07b9dfac44
commit fbacfdde20
10 files changed
+154 -144

No files matched your search

@@ -1,5 +1,26 @@
<div class="flex flex-row gap-2">
<x-filament::button size="xs" wire:poll.20s="setDifferences" :color="auth()->user()->bookmaker_partner_differences ? 'home' : 'gray'"
<div class="flex flex-row gap-10 justify-between">
<div class="flex flex-row gap-2">
<x-filament::button size="xs" tooltip="Clear all orange filter" wire:click="clearAllFilter" color="gray"
icon="phosphor-x" />
</div>
<div class="flex flex-row gap-2">
<x-filament::button size="xs" tooltip="Today" wire:click="setToday" color="gray"
icon="phosphor-calendar-dot-duotone" />
<x-filament::button size="xs" tooltip="Tomorrow" wire:click="setTomorrow" color="gray"
icon="phosphor-calendar-check-duotone" />
<x-filament::button size="xs" tooltip="One Week" wire:click="setOneWeek" color="gray"
icon="phosphor-calendar-plus-duotone" />
</div>
<div></div>
<div></div>
<div></div>
@role('partner_porgramm')
<div class="flex flex-row gap-2">
<x-filament::button size="xs" wire:poll.20s="setDifferences" :color="auth()->user()->bookmaker_partner_differences ? 'info' : 'gray'"
wire:click="toggleBookmakerPartnerDiffrences"
tooltip="{{ auth()->user()->bookmaker->name .
' ' .
@@ -18,76 +39,55 @@
{{ $this->bookmakerPartnerDiffrences }}
</x-filament::badge>
@endif
</x-filament::button>
<div></div>
<div></div>
<div></div>
<x-filament::button size="xs" tooltip="Today" wire:click="setToday" color="gray"
icon="phosphor-calendar-dot-duotone" />
<x-filament::button size="xs" tooltip="Tomorrow" wire:click="setTomorrow" color="gray"
icon="phosphor-calendar-check-duotone" />
<x-filament::button size="xs" tooltip="One Week" wire:click="setOneWeek" color="gray"
icon="phosphor-calendar-plus-duotone" />
<div></div>
<div></div>
<div></div>
@role('partner_porgramm')
</x-filament::button>
<x-filament::button size="xs" tooltip="Show {{ auth()->user()->partnerbookmaker->name }}"
wire:click="toggleShowPartner" :color="auth()->user()->partner_show ? 'info' : 'gray'" icon="phosphor-users-duotone">
wire:click="toggleShowPartner"
:color="auth()->user()->partner_show ? 'info' : 'gray'"
icon="phosphor-users-duotone">
</x-filament::button>
<x-filament::button disabled="true" size="xs" wire:click="toggleComparePartner"
tooltip="Highlight different odds {{ auth()->user()->bookmaker->name }} vs {{ auth()->user()->partnerbookmaker->name }}"
:disabled="auth()->user()->partner_show ? false : true" :color="auth()->user()->partner_compare ? 'info' : 'gray'" icon="phosphor-exclude-square-duotone">
:disabled="auth()->user()->partner_show ? false : true"
:color="auth()->user()->partner_compare ? 'info' : 'gray'" icon="phosphor-exclude-square-duotone">
</x-filament::button>
<x-filament::button size="xs" wire:click="toggleMultiline" :tooltip="auth()->user()->is_multiline_direct ? 'Multiline slots are disabled' : 'Multiline slots are active'" :color="auth()->user()->is_multiline_direct ? 'info' : 'gray'"
:icon="auth()->user()->is_multiline_direct ? 'phosphor-not-equals' : 'phosphor-equals'">
</x-filament::button>
<div></div>
<div></div>
<div></div>
</div>
@endrole
<x-filament::button size="xs" wire:click="setAllOnlyNone(0)" :color="auth()->user()->all_only_none == 0 ? 'info' : 'gray'" icon="phosphor-stack-duotone"
tooltip="All Events">
</x-filament::button>
<x-filament::button size="xs" wire:click="setAllOnlyNone(1)" icon="phosphor-plus-square-duotone"
:color="auth()->user()->all_only_none == 1 ? 'away' : 'gray'" tooltip="Events with {{ auth()->user()->bookmaker->name }}">
</x-filament::button>
<x-filament::button size="xs" wire:click="setAllOnlyNone(2)" :color="auth()->user()->all_only_none == 2 ? 'away' : 'gray'"
icon="phosphor-minus-square-duotone" tooltip="Events without {{ auth()->user()->bookmaker->name }}">
</x-filament::button>
<div></div>
<div></div>
<div></div>
<x-filament::button size="xs" tooltip="Filter favorits" wire:click="toggleStar" color="gray"
icon="phosphor-star-duotone" />
<x-filament::button size="xs" tooltip="Filter notes" wire:click="toggleNote" color="gray"
icon="phosphor-note-duotone" />
<x-filament::button size="xs" tooltip="Filter alarm notification" wire:click="toggleNotification"
color="gray" icon="phosphor-bell-duotone" />
<div></div>
<div></div>
<div></div>
@foreach ($bettype_toggles as $toggle)
@if ($toggle['short'] == 'TQ')
<x-filament::button size="xs" class="flex flex-col justify-center gap-0"
tooltip="{{ $toggle['name'] }}" wire:click="toggleBettype({{ $toggle['id'] }})" :color="!$toggle['is_active'] ? 'gray' : 'away'">
<div class="m-0 p-0">{{ $toggle['short'] }}</div>
</x-filament::button>
@else
<x-filament::button size="xs" class="flex flex-col justify-center gap-0"
tooltip="{{ $toggle['name'] }}" wire:click="toggleBettype({{ $toggle['id'] }})" :color="!$toggle['is_active'] ? 'gray' : 'info'">
<div class="m-0 p-0">{{ $toggle['short'] }}</div>
</x-filament::button>
@endif
@endforeach
<div class="flex flex-row gap-2">
<x-filament::button size="xs" wire:click="setAllOnlyNone(0)" :color="auth()->user()->all_only_none == 0 ? 'info' : 'gray'" icon="phosphor-stack-duotone"
tooltip="All Events">
</x-filament::button>
<x-filament::button size="xs" wire:click="setAllOnlyNone(1)" icon="phosphor-plus-square-duotone"
:color="auth()->user()->all_only_none == 1 ? 'info' : 'gray'" tooltip="Events with {{ auth()->user()->bookmaker->name }}">
</x-filament::button>
<x-filament::button size="xs" wire:click="setAllOnlyNone(2)" :color="auth()->user()->all_only_none == 2 ? 'info' : 'gray'"
icon="phosphor-minus-square-duotone" tooltip="Events without {{ auth()->user()->bookmaker->name }}">
</x-filament::button>
</div>
<div class="flex flex-row gap-2">
<x-filament::button size="xs" tooltip="Filter favorits" wire:click="toggleStar" color="gray"
icon="phosphor-star-duotone" />
<x-filament::button size="xs" tooltip="Filter notes" wire:click="toggleNote" color="gray"
icon="phosphor-note-duotone" />
</div>
<div class="flex flex-row gap-2">
@foreach ($bettype_toggles as $toggle)
@if ($toggle['short'] == 'TQ')
<x-filament::button size="xs" class="flex flex-col justify-center gap-0"
tooltip="{{ $toggle['name'] }}" wire:click="toggleBettype({{ $toggle['id'] }})" :color="!$toggle['is_active'] ? 'gray' : 'away'">
<div class="m-0 p-0">{{ $toggle['short'] }}</div>
</x-filament::button>
@else
<x-filament::button size="xs" class="flex flex-col justify-center gap-0"
tooltip="{{ $toggle['name'] }}" wire:click="toggleBettype({{ $toggle['id'] }})" :color="!$toggle['is_active'] ? 'gray' : 'info'">
<div class="m-0 p-0">{{ $toggle['short'] }}</div>
</x-filament::button>
@endif
@endforeach
</div>
</div>