49 lines
2.6 KiB
PHP
49 lines
2.6 KiB
PHP
<div wire:click="toggle('{{ $index }}')"
|
|
class="@if($column['hidden']) relative table-cell h-12 w-3 bg-blue-100 hover:bg-blue-300 overflow-none align-top group @else hidden @endif"
|
|
style="min-width:12px; max-width:12px"
|
|
>
|
|
<button class="relative h-12 w-3 focus:outline-none">
|
|
<span
|
|
class="w-32 hidden group-hover:inline-block absolute z-10 top-0 left-0 ml-3 bg-blue-300 font-medium leading-4 text-xs text-left text-blue-700 tracking-wider transform uppercase focus:outline-none">
|
|
{{ str_replace('_', ' ', $column['label']) }}
|
|
</span>
|
|
</button>
|
|
<svg class="absolute text-blue-100 fill-current w-full inset-x-0 bottom-0"
|
|
viewBox="0 0 314.16 207.25">
|
|
<path stroke-miterlimit="10" d="M313.66 206.75H.5V1.49l157.65 204.9L313.66 1.49v205.26z" />
|
|
</svg>
|
|
</div>
|
|
<div class="@if($column['hidden']) hidden @else relative h-12 overflow-hidden align-top flex table-cell @endif" @include('datatables::style-width')>
|
|
|
|
@if($column['unsortable'])
|
|
<div class="w-full h-full px-6 py-3 border-b border-theme-border bg-gray-50 text-xs leading-4 font-medium text-theme-muted uppercase tracking-wider flex justify-between items-center focus:outline-none">
|
|
<span class="inline flex-grow @if($column['align'] === 'right') text-right @elseif($column['align'] === 'center') text-center @endif"">{{ str_replace('_', ' ', $column['label']) }}</span>
|
|
</div>
|
|
@else
|
|
<button wire:click="sort('{{ $index }}')"
|
|
class="w-full h-full px-6 py-3 border-b border-theme-border bg-gray-50 text-xs leading-4 font-medium text-theme-muted uppercase tracking-wider flex justify-between items-center focus:outline-none">
|
|
<span class="inline flex-grow @if($column['align'] === 'right') text-right @elseif($column['align'] === 'center') text-center @endif"">{{ str_replace('_', ' ', $column['label']) }}</span>
|
|
<span class="inline text-xs text-blue-400">
|
|
@if($sort === $index)
|
|
@if($direction)
|
|
<x-icons.chevron-up class="h-6 w-6 text-theme-primary hover:text-theme-secondary stroke-current pl-2" />
|
|
|
|
|
|
@else
|
|
<x-icons.chevron-down class="h-6 w-6 text-theme-primary hover:text-theme-secondary stroke-current pl-2" />
|
|
|
|
|
|
@endif
|
|
@endif
|
|
</span>
|
|
</button>
|
|
@endif
|
|
|
|
@if ($column['hideable'])
|
|
<button wire:click="toggle('{{ $index }}')"
|
|
class="absolute bottom-1 right-1 focus:outline-none">
|
|
<x-icons.arrow-circle-left class="h-3 w-3 text-theme-muted hover:text-blue-400" />
|
|
</button>
|
|
@endif
|
|
</div>
|