31 lines
1.5 KiB
PHP
31 lines
1.5 KiB
PHP
<li class="cursor-grab drag-and-drop__item p-3 flex flex-1 justify-between w-full gap-3" id="{{ $record->id }}"
|
|
x-data="{ moveoverleft: false }"
|
|
x-on:dragstart.self="
|
|
dragging = true;
|
|
event.dataTransfer.effectAllowed = 'move';
|
|
event.dataTransfer.setData('text/plain', event.target.id);"
|
|
x-on:dragover.prevent="moveoverleft = true" x-on:dragleave.prevent="moveoverleft = false"
|
|
x-on:drop="moveoverleft = false" :class="moveoverleft ? 'bg-blue-600/20! rounded' : ''"
|
|
x-on:drop.prevent="
|
|
const id = event.dataTransfer.getData('text/plain');
|
|
const target = event.target.closest('li');
|
|
if(document.getElementById(id).getAttribute('mapper') !=target.getAttribute('mapper'))
|
|
$wire.mountAction('left', { event_id: id, id: target.id, mover:'left' });"
|
|
draggable="true" mapper="left">
|
|
|
|
<div class="flex justify-center gap-4 w-full my-calendar font-bold">
|
|
<x-filament::link x-on:click="search_right='{{ $record->home->name }}|success'" class="text-wrap text-right"
|
|
color="success" tooltip="Click to search">
|
|
{{ $record->home->name }}
|
|
</x-filament::link>
|
|
|
|
<div>-</div>
|
|
<x-filament::link x-on:click="search_right='{{ $record->away->name }}|warning'" class="text-wrap"
|
|
color="warning" tooltip="Click to search">
|
|
{{ $record->away->name }}
|
|
</x-filament::link>
|
|
</div>
|
|
|
|
@include('filament.tables.columns.parts.move-botton')
|
|
</li>
|