new mapper new colors
This commit is contained in:
salam committed
1 parent
d077b6a429
commit
f1b0f43ded
14 files changed
+152
-143
No files matched your search
@@ -1,5 +1,5 @@
|
||||
<div
|
||||
class="grid grid-cols-4 text-xs gap-1 p-1 text-gray-400 dark:text-primary-500 border rounded border-gray-200 dark:border-gray-800 bg-gray-100 dark:bg-gray-900 text-center shadow">
|
||||
class="grid grid-cols-4 text-xs gap-1 p-1 text-gray-400 dark:text-gray-500 border rounded border-gray-200 dark:border-gray-800 bg-gray-100 dark:bg-gray-900 text-center shadow">
|
||||
<div class="text-nowrap">{{ $title }}</div>
|
||||
|
||||
@if ($red)
|
||||
|
||||
@@ -1,32 +1,30 @@
|
||||
<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 }"
|
||||
<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: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">
|
||||
draggable="true" mapper="left">
|
||||
|
||||
<div class="flex justify-center gap-4 w-full my-calendar font-bold">
|
||||
<div class="text-lime-500 text-wrap text-right">{{ $record->home->name }}</div>
|
||||
<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>
|
||||
<div class="text-sky-500 text-wrap">{{ $record->away->name }}</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>
|
||||
|
||||
<div class="grid grid-cols-3 gap-4">
|
||||
@include('filament.tables.columns.parts.search-left', ['find' => $record->home->name, 'color' => 'away'])
|
||||
|
||||
@include('filament.tables.columns.parts.search-left', ['find' => $record->away->name, 'color' => 'home'])
|
||||
|
||||
@include('filament.tables.columns.parts.move-botton')
|
||||
</div>
|
||||
@include('filament.tables.columns.parts.move-botton')
|
||||
</li>
|
||||
@@ -1,33 +1,31 @@
|
||||
<li class="cursor-grab drag-and-drop__item p-3 flex flex-1 gap-3 justify-between"
|
||||
id="{{ $record->event_id }}"
|
||||
x-data="{ moveoverright: false }"
|
||||
<li class="cursor-grab drag-and-drop__item p-3 flex flex-1 gap-3 justify-between" id="{{ $record->event_id }}"
|
||||
x-data="{ moveoverright: false }"
|
||||
x-on:dragstart.self="
|
||||
dragging = true;
|
||||
event.dataTransfer.effectAllowed = 'move';
|
||||
event.dataTransfer.setData('text/plain', event.target.id);"
|
||||
x-on:dragover.prevent="moveoverright = true"
|
||||
x-on:dragleave.prevent="moveoverright = false"
|
||||
x-on:drop="moveoverright = false" :class="moveoverright ? 'bg-blue-600/20! rounded':''"
|
||||
x-on:dragover.prevent="moveoverright = true" x-on:dragleave.prevent="moveoverright = false"
|
||||
x-on:drop="moveoverright = false" :class="moveoverright ? '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('right', { id: id, event_id: target.id, mover:'right' });"
|
||||
draggable="true"
|
||||
mapper="right">
|
||||
draggable="true" mapper="right">
|
||||
|
||||
<div class="grid grid-cols-3 gap-4">
|
||||
@include('filament.tables.columns.parts.move-botton')
|
||||
|
||||
@include('filament.tables.columns.parts.search-right', ['find' => $record->home, 'color' => 'away'])
|
||||
|
||||
@include('filament.tables.columns.parts.search-right', ['find' => $record->away, 'color' => 'home'])
|
||||
@include('filament.tables.columns.parts.move-botton')
|
||||
|
||||
</div>
|
||||
<div class="flex justify-center gap-4 w-full my-calendar font-bold">
|
||||
<x-filament::link x-on:click="search_left='{{ $record->home }}|success'" class="text-wrap text-right"
|
||||
color="success" tooltip="Click to search">
|
||||
{{ $record->home }}
|
||||
</x-filament::link>
|
||||
|
||||
<div class="flex justify-center gap-4 w-full font-bold">
|
||||
<div class="text-lime-500 text-wrap text-right">{{ $record->home }}</div>
|
||||
<div>-</div>
|
||||
<div class="text-sky-500 text-wrap">{{ $record->away }}</div>
|
||||
<x-filament::link x-on:click="search_left='{{ $record->away }}|warning'" class="text-wrap" color="warning"
|
||||
tooltip="Click to search">
|
||||
{{ $record->away }}
|
||||
</x-filament::link>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
@@ -1,4 +1,4 @@
|
||||
<div class="my-auto">
|
||||
{{-- <x-filament::icon-button icon="phosphor-arrows-out" size="xs" outlined/> --}}
|
||||
<x-phosphor-arrows-out class="h-4" color="gray"></x-phosphor-arrows-out>
|
||||
<x-filament::button icon="phosphor-arrows-out" size="xs" tooltip="Click and drag" />
|
||||
{{-- <x-phosphor-arrows-out class="h-4" color="gray"></x-phosphor-arrows-out> --}}
|
||||
</div>
|
||||
@@ -1,3 +1,4 @@
|
||||
<div class="my-auto">
|
||||
<x-filament::icon-button icon="phosphor-magnifying-glass" color="{{ $color }}" outlined size="xs" x-on:click="search_right='{{ $find }}';" />
|
||||
</div>
|
||||
<x-filament::button icon="phosphor-magnifying-glass" color="{{ $color }}" size="xs"
|
||||
x-on:click="search_right='{{ $find }}|{{ $color }}'; " />
|
||||
</div>
|
||||
@@ -1,3 +1,4 @@
|
||||
<div class="my-auto">
|
||||
<x-filament::icon-button icon="phosphor-magnifying-glass" color="{{ $color }}" outlined size="xs" x-on:click="search_left='{{ $find }}'; " />
|
||||
<x-filament::button icon="phosphor-magnifying-glass" color="{{ $color }}" size="xs"
|
||||
x-on:click="search_left='{{ $find }}|{{ $color }}'; " />
|
||||
</div>
|
||||
Reference in new issue
Block a user