pnx/wow-raid-bingo
Archived
1
0
Fork 0
Code Releases Activity

Adding Datatable livewire component

Browse source
This commit is contained in:
Henrik Hautakoski 2022-01-08 16:32:50 +01:00
parent 8a460b3deb
commit 5359fbcffc
2 changed files with 150 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

57
resources/views/livewire/datatable.blade.php Normal file
View file

@ -0,0 +1,57 @@
<div>
<table class="table-auto w-full">
<tr class="text-left border-b-2">
@foreach($columns as $key => $name)
<th class="border px-6 py-3 w-24">
@if (isset($sort_columns[$key]))
<div class="flex items-center justify-between cursor-pointer" wire:click="sort('{{ $key }}')">
<span class="hover:underline">{{ __($name) }}</span>
<x-sort-link name="{{ $key }}" :column="$sort" :dir="$dir" class="ml-2 text-gray-600 h-5" />
</div>
@else
{{ $name }}
@endif
</th>
@endforeach
@if($route_delete || $route_edit)
<th class="border px-6 py-3 w-4">{{ __('Actions') }}</th>
@endif
</tr>
<tbody>
@foreach($items as $item)
<tr class="odd:bg-gray-100">
@foreach(array_keys($columns) as $key)
<td class="border px-4 py-2">{{ Arr::get($item, $key) }}</td>
@endforeach
<td class="border px-4 py-2">
@if($route_edit)
<a href="{{ route($route_edit, [ $item ]) }}">
<x-icon name="heroicon-o-pencil" class="inline-block w-6 text-yellow-500"/>
</a>
@endif
@if($route_delete)
<x-ignite-form class="inline-block" id="dt-delete-{{$_instance->id}}-{{ $item->id }}" method="DELETE" action="{{ route($route_delete, [ $item ]) }}">
<a href="javascript:document.getElementById('dt-delete-{{$_instance->id}}-{{ $item->id }}').submit();">
<x-icon name="heroicon-o-trash" class="inline-block w-6 text-red-500"/>
</a>
</x-ignite-form>
@endif
</td>
</tr>
@endforeach
</tbody>
</table>
@if ($items->hasPages())
<div class="mt-4">
{{ $items->links() }}
</div>
@endif
</div>