wip event mapper
This commit is contained in:
1 parent
75b8c6c3ab
commit
3a289dd776
17 files changed
+273
-157
No files matched your search
@@ -1,5 +1,4 @@
|
||||
<li class="w-full h-full overflow-hidden p-1 cursor-grab flex space-x-4 drag-and-drop__item px-4" x-data="{ moveoverleft: false }"
|
||||
id={{ $record->id }}
|
||||
<li class="cursor-grab drag-and-drop__item" x-data="{ moveoverleft: false }" id={{ $record->id }}
|
||||
x-on:dragstart.self="
|
||||
dragging = true;
|
||||
event.dataTransfer.effectAllowed = 'move';
|
||||
@@ -8,42 +7,11 @@
|
||||
x-on:drop="moveoverleft = false" :class="moveoverleft ? 'bg-primary-500/20!' : ''"
|
||||
x-on:drop.prevent="
|
||||
const id = event.dataTransfer.getData('text/plain');
|
||||
const target = event.target.closest('li');
|
||||
const target = event.target.closest('div');
|
||||
if(document.getElementById(id).getAttribute('mapper') !=target.getAttribute('mapper'))
|
||||
$wire.mountAction('left', { event_id: id, id: target.id });"
|
||||
draggable="true" mapper="left">
|
||||
|
||||
<div class="w-10 flex-none mx-auto my-auto">
|
||||
@if($record->country?->icon)
|
||||
<x-icon name="{{ $record->country->icon }}" class="h5 w-5" />
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@include('filament.tables.columns.parts.search-button-left', [
|
||||
'find' => $record->home->name,
|
||||
])
|
||||
|
||||
<div class="flex-1 flex flex-col justify-center space-y-0">
|
||||
<div class="flex justify-around text-gray-600 dark:text-gray-500">
|
||||
<div>{{ $record->starttime }}</div>
|
||||
<div>{{ $record->id }}</div>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-4">
|
||||
<div class="text-right font-bold text-wrap">{{ $record->home->name }}</div>
|
||||
<div class="w-6 text-center">-</div>
|
||||
<div class="text-left font-bold text-wrap">{{ $record->away->name }}</div>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-4 text-gray-600 dark:text-gray-500">
|
||||
<div>{{ $record->country?->name }}</div>
|
||||
<div>{{ $record->competition_group->name }}</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@include('filament.tables.columns.parts.search-button-left', [
|
||||
'find' => $record->away->name,
|
||||
])
|
||||
|
||||
@include('filament.tables.columns.parts.move-botton')
|
||||
|
||||
</li>
|
||||
@@ -1,6 +1,4 @@
|
||||
<li class="w-full h-full overflow-hidden p-1 cursor-grab flex
|
||||
space-x-4 drag-and-drop__item px-4"
|
||||
x-data="{ moveoverright: false }" id={{ $record->event_id }}
|
||||
<li class="cursor-grab drag-and-drop__item" x-data="{ moveoverright: false }" id={{ $record->event_id }}
|
||||
x-on:dragstart.self="
|
||||
dragging = true;
|
||||
event.dataTransfer.effectAllowed = 'move';
|
||||
@@ -15,35 +13,4 @@
|
||||
draggable="true" mapper="right">
|
||||
|
||||
@include('filament.tables.columns.parts.move-botton')
|
||||
|
||||
@include('filament.tables.columns.parts.search-button-right', [
|
||||
'find' => $record->home,
|
||||
])
|
||||
|
||||
<div class="flex-1 flex flex-col justify-center space-y-0">
|
||||
<div class="flex justify-around text-gray-600 dark:text-gray-500">
|
||||
<div>{{ $record->starttime }}</div>
|
||||
<div>{{ $record->event_id }}</div>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-4">
|
||||
<div class="text-right font-bold text-wrap">{{ $record->home }}</div>
|
||||
<div class="w-6 text-center">-</div>
|
||||
<div class="text-left font-bold text-wrap">{{ $record->away }}</div>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-4 text-gray-600 dark:text-gray-500">
|
||||
<div>{{ $record->country }}</div>
|
||||
<div>{{ $record->country_betsapi?->name }}</div>
|
||||
<div>{{ $record->group }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@include('filament.tables.columns.parts.search-button-right', [
|
||||
'find' => $record->away,
|
||||
])
|
||||
|
||||
<div class="w-6 flex-none mx-auto my-auto">
|
||||
@if ($record->group_cc)
|
||||
<x-icon name="flag-country-{{ $record->group_cc }}" class="h5 w-5" />
|
||||
@endif
|
||||
</div>
|
||||
</li>
|
||||
@@ -1,3 +1,3 @@
|
||||
<div class="my-auto">
|
||||
<x-filament::button icon="phosphor-arrows-out" outlined size="xs" />
|
||||
<x-filament::button icon="phosphor-arrows-out" color="gray" size="xs" />
|
||||
</div>
|
||||
@@ -1,3 +0,0 @@
|
||||
<div class="my-auto">
|
||||
<x-filament::button icon="phosphor-magnifying-glass" size="xs" x-on:click="search_right='{{ $find }}';" />
|
||||
</div>
|
||||
@@ -1,3 +0,0 @@
|
||||
<div class="my-auto">
|
||||
<x-filament::button icon="phosphor-magnifying-glass" size="xs" x-on:click="search_left='{{ $find }}'; " />
|
||||
</div>
|
||||
@@ -1,6 +1,8 @@
|
||||
@php
|
||||
use Illuminate\Support\Carbon;
|
||||
|
||||
dd($event, $mapper);
|
||||
|
||||
$e = Carbon::parse($event->starttime);
|
||||
|
||||
$m = Carbon::parse($mapper->starttime);
|
||||
@@ -15,21 +17,27 @@
|
||||
<div></div>
|
||||
<div>Startime Difference</div>
|
||||
<div></div>
|
||||
<div class="bg-gray-100 dark:bg-gray-700 p-1 border dark:border-gray-800 rounded-lg">{{ $e->format('d-m-y H:i') }}</div>
|
||||
<div class="bg-gray-100 dark:bg-gray-700 p-1 border dark:border-gray-800 rounded-lg">
|
||||
{{ $e->format('d-m-y H:i') }}</div>
|
||||
@if ($seconds == 0)
|
||||
<div class="bg-green-100 text-green-500 p-1 border rounded-lg flex justify-center gap-1">
|
||||
<span>Matching</span>
|
||||
<x-phosphor-smiley class="w-5 h-5" />
|
||||
</div>
|
||||
@elseif ($seconds < 1800 && $seconds > -1800)
|
||||
<div class="bg-blue-100 dark:bg-blue-300 text-blue-500 dark:text-blue-600
|
||||
p-1 border rounded-lg">{{ $text }}</div>
|
||||
<div
|
||||
class="bg-blue-100 dark:bg-blue-300 text-blue-500 dark:text-blue-600
|
||||
p-1 border rounded-lg">
|
||||
{{ $text }}</div>
|
||||
@elseif ($seconds < 7200 && $seconds > -7200)
|
||||
<div class="bg-amber-100 dark:bg-amber-300 text-amber-500 dark:text-amber-600 p-1 border rounded-lg">{{ $text }}</div>
|
||||
<div class="bg-amber-100 dark:bg-amber-300 text-amber-500 dark:text-amber-600 p-1 border rounded-lg">
|
||||
{{ $text }}</div>
|
||||
@else
|
||||
<div class="bg-red-100 dark:bg-red-300 text-red-500 dark:text-red-600 p-1 border rounded-lg">{{ $text }}</div>
|
||||
<div class="bg-red-100 dark:bg-red-300 text-red-500 dark:text-red-600 p-1 border rounded-lg">
|
||||
{{ $text }}</div>
|
||||
@endif
|
||||
<div class="bg-gray-100 dark:bg-gray-700 p-1 border dark:border-gray-800 rounded-lg">{{ $m->format('d-m-y H:i') }}</div>
|
||||
<div class="bg-gray-100 dark:bg-gray-700 p-1 border dark:border-gray-800 rounded-lg">
|
||||
{{ $m->format('d-m-y H:i') }}</div>
|
||||
<div class="col-span-3 flex justify-center gap-2 mt-6">
|
||||
<div>
|
||||
@if ($event->country?->iso2)
|
||||
|
||||
@@ -62,7 +62,7 @@
|
||||
|
||||
{{-- Event Mapper --}}
|
||||
|
||||
<x-filament::modal width="7xl" :close-by-clicking-away="true" :close-by-escaping="true" :close-button="true">
|
||||
<x-filament::modal width="screen" :close-by-clicking-away="true" :close-by-escaping="true" :close-button="true">
|
||||
<x-slot name="trigger">
|
||||
<x-filament::icon-button outlined icon="phosphor-arrows-in-line-horizontal" color="gray"
|
||||
class="my-auto" title="Event Mapper">
|
||||
@@ -178,7 +178,8 @@
|
||||
|
||||
{{-- Alarm --}}
|
||||
|
||||
<x-filament::modal slide-over width="4xl" icon="phosphor-siren" :close-by-clicking-away="true" :close-by-escaping="true" :close-button="true">
|
||||
<x-filament::modal slide-over width="4xl" icon="phosphor-siren" :close-by-clicking-away="true" :close-by-escaping="true"
|
||||
:close-button="true">
|
||||
<x-slot name="trigger">
|
||||
<x-filament::icon-button outlined icon="phosphor-siren" color="gray" class="my-auto"
|
||||
title="Alarm Settings">
|
||||
@@ -194,7 +195,8 @@
|
||||
|
||||
{{-- Calculation --}}
|
||||
|
||||
<x-filament::modal slide-over width="4xl" icon="phosphor-sliders" title="Comparing Bookmaker" :close-by-clicking-away="true" :close-by-escaping="true" :close-button="true">
|
||||
<x-filament::modal slide-over width="4xl" icon="phosphor-sliders" title="Comparing Bookmaker"
|
||||
:close-by-clicking-away="true" :close-by-escaping="true" :close-button="true">
|
||||
<x-slot name="trigger">
|
||||
<x-filament::icon-button icon="phosphor-sliders" color="gray" class="my-auto" wire:click="setUser"
|
||||
title="Comparing Bookmaker">
|
||||
|
||||
Reference in new issue
Block a user