wip
This commit is contained in:
salam committed
1 parent
217636b564
commit
3ec2c18fed
7 files changed
+153
-40
No files matched your search
@@ -8,13 +8,11 @@
|
||||
@if (str_starts_with($listId, 'source-'))
|
||||
<x-filament::tabs.item :alpine-active="'activeTab === \'' . $listId . '\''" x-on:click="activeTab = '{{ $listId }}'"
|
||||
wire:key="tab-button-{{ $listId }}" class="cursor-pointer">
|
||||
<div class="flex items-center space-x-1.5 leading-none">
|
||||
<span class="uppercase">{{ str_replace('source-', '', $listId) }}</span>
|
||||
<span
|
||||
class="inline-flex items-center justify-center px-1 py-0.5 text-[10px] font-mono font-bold bg-primary-500/10 text-primary-600 dark:text-primary-400 rounded-md">
|
||||
{{ count($items) }}
|
||||
</span>
|
||||
</div>
|
||||
<span class="uppercase">{{ str_replace('source-', '', $listId) }}</span>
|
||||
|
||||
<x-filament::badge size="xs">
|
||||
{{ count($items) }}
|
||||
</x-filament::badge>
|
||||
</x-filament::tabs.item>
|
||||
@endif
|
||||
@endforeach
|
||||
@@ -25,11 +23,11 @@
|
||||
|
||||
<!-- Copy-Button -->
|
||||
<x-filament::button icon="heroicon-o-clipboard-document-list" size="md" tooltip="Copy"
|
||||
x-on:click="$wire.resetBoard()" class="cursor-pointer" />
|
||||
:disabled="$copyDisabled" class="cursor-pointer" color="{{ $copyColor }}" x-on:click="$wire.copy()" />
|
||||
|
||||
<!-- Calculate-Button -->
|
||||
<x-filament::button icon="heroicon-o-calculator" size="md" tooltip="Calculate"
|
||||
x-on:click="$wire.resetBoard()" class="cursor-pointer" />
|
||||
<x-filament::button icon="heroicon-o-calculator" size="md" tooltip="Calculate" :disabled="$calculationDisabled"
|
||||
x-on:click="$wire.calculate()" class="cursor-pointer" color="{{ $calculationColor }}" />
|
||||
|
||||
<!-- Reset-Button -->
|
||||
<x-filament::button icon="heroicon-o-arrow-path" size="md" tooltip="Reset"
|
||||
@@ -67,39 +65,36 @@
|
||||
</div>
|
||||
|
||||
<!-- 🌟 SEKTION 2: DESTINATIONS (21 BAYS) -->
|
||||
<div class="mt-7">
|
||||
<div class="rounded-2xl grid grid-cols-7 grid-rows-5 p-5 gap-2 bg-cover bg-center bg-no-repeat aspect-7/5 max-w-4xl"
|
||||
style="background-image: url({{ asset('images/soccerfield-middle.jpg') }});">
|
||||
<div class="mt-7 w-full grid grid-cols-7 gap-3">
|
||||
<div class="rounded col-span-5 grid grid-cols-7 grid-rows-5 p-5 gap-2 bg-cover bg-center bg-no-repeat aspect-7/5 max-w-4xl"
|
||||
style="background-image: url({{ asset('images/soccerfield.jpg') }});">
|
||||
@foreach ($lists as $listId => $items)
|
||||
@if (str_starts_with($listId, 'dest-'))
|
||||
<div class="rounded-xl flex flex-col bg-white/30 backdrop-blur-none drop-shadow-xl"
|
||||
<div class="relative rounded-xl flex flex-col bg-white/30 backdrop-blur-none drop-shadow-xl"
|
||||
wire:key="box-{{ $listId }}">
|
||||
<div class="font-bold text-md mx-auto">
|
||||
{{-- {{ $destLabels[str_replace('dest-', '', $listId)] }} --}}
|
||||
{{ array_shift($destLabels) }}
|
||||
<div
|
||||
class="fixed h-6 z-5 top-0 right-0 left-0 pl-2 pt-0.5 font-black text-blue-600 text-sm bg-white/30 rounded-t-2xl">
|
||||
{{ $pos = array_shift($destLabels) }}
|
||||
</div>
|
||||
|
||||
<!-- Reiner HTML-Container mit Sortable-Klassenerkennung -->
|
||||
<div id="{{ $listId }}" class="sortable-zone flex-1 rounded-b-lg p-1">
|
||||
<div id="{{ $listId }}" class="sortable-zone flex-1 rounded-b-lg p-1 ">
|
||||
|
||||
@foreach ($items as $item)
|
||||
<x-filament::badge color="{{ $item['pcolor'] }}" data-id="{{ $item['id'] }}"
|
||||
tooltip="{{ $item['info'] }}" icon="phosphor-dots-six-vertical"
|
||||
icon-position="after"
|
||||
<div data-id="{{ $item['id'] }}" tooltip="{{ $item['info'] }}"
|
||||
wire:key="item-dst-{{ $item['id'] }}-v-{{ $boardVersion }}"
|
||||
class="m-0 p-2 w-full h-full cursor-grab active:cursor-grabbing hover:border-danger-500 transition-all">
|
||||
|
||||
<div class=" font-medium text-gray-900 dark:text-gray-100 flex-1 text-wrap my-1">
|
||||
class="static m-1 pt-4 text-sm cursor-grab active:cursor-grabbing transition-all">
|
||||
<x-filament::button icon="phosphor-x" size="xs"
|
||||
class="absolute top-0.5 right-1 z-10 p-0.5"
|
||||
wire:click="returnToOrigin('{{ $item['id'] }}', '{{ $listId }}')" />
|
||||
<x-filament::badge size="xs" color="{{ $item['pcolor'] }}">
|
||||
{{ ucfirst(str_replace('source-', '', $item['origin'])) }}
|
||||
</x-filament::badge>
|
||||
<div
|
||||
class="text-black text-wrap leading-4 tracking-tighter text-shadow-lg bg-white/50 drop-shadow p-0.5 rounded">
|
||||
{{ $item['name'] }}
|
||||
</div>
|
||||
|
||||
<div class=" flex flex-row gap-1 items-center justify-between">
|
||||
<x-filament::icon-button icon="phosphor-x-circle" size="sm" color="gray"
|
||||
wire:click="returnToOrigin('{{ $item['id'] }}', '{{ $listId }}')" />
|
||||
{{ ucfirst(str_replace('source-', '', $item['origin'])) }}
|
||||
</div>
|
||||
|
||||
</x-filament::badge>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@@ -108,8 +103,27 @@
|
||||
@endif
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="col-span-2">
|
||||
<div class="rounded bg-gray-50 p-2 border border-gray-200 grid grid-cols-7 space-y-1 text-xs items-center">
|
||||
@foreach ($results as $k => $result)
|
||||
@if ($k < 11)
|
||||
<x-filament::badge color="success" size="sm">
|
||||
{{ $k + 1 }}
|
||||
</x-filament::badge>
|
||||
@else
|
||||
<x-filament::badge color="danger" size="sm">
|
||||
{{ $k + 1 }}
|
||||
</x-filament::badge>
|
||||
@endif
|
||||
<span class="font-bold col-span-4 px-2">{{ $result['name'] }}</span>
|
||||
<span class="font-bold px-2">{{ $result['position'] ?? 'none' }}</span>
|
||||
<span class="font-bold text-blue-500 p-1">{{ number_format(mt_rand(1, 100) / 100, 2) }}</span>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 🌟 ZENTRALE AUTOMATISCHE INITIALISIERUNG NACH JEDEM RENDERING -->
|
||||
@script
|
||||
|
||||
Reference in new issue
Block a user