Initial commit

This commit is contained in:
Ronald Huynen
2026-03-23 21:37:59 +01:00
commit 2547717edb
2193 changed files with 972171 additions and 0 deletions

View File

@@ -0,0 +1,50 @@
<div class="flex overflow-hidden border border-theme-border divide-x divide-gray-300 rounded pagination">
<!-- Previous Page Link -->
@if ($paginator->onFirstPage())
<button class="relative inline-flex items-center px-2 py-2 text-sm font-medium leading-5 text-theme-muted bg-white"
disabled>
<span>&laquo;</span>
</button>
@else
<button wire:click="previousPage"
id="pagination-desktop-page-previous"
class="relative inline-flex items-center px-2 py-2 text-sm font-medium leading-5 text-theme-muted transition duration-150 ease-in-out bg-white hover:text-theme-muted focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-theme-muted">
<span>&laquo;</span>
</button>
@endif
<div class="divide-x divide-gray-300">
@foreach ($elements as $element)
@if (is_string($element))
<button class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium leading-5 text-theme-primary bg-white" disabled>
<span>{{ $element }}</span>
</button>
@endif
<!-- Array Of Links -->
@if (is_array($element))
@foreach ($element as $page => $url)
<button wire:click="gotoPage({{ $page }})"
id="pagination-desktop-page-{{ $page }}"
class="-mx-1 relative inline-flex items-center px-4 py-2 text-sm leading-5 font-medium text-theme-primary hover:text-theme-muted focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-theme-primary transition ease-in-out duration-150 {{ $page === $paginator->currentPage() ? 'bg-gray-100' : 'bg-white' }}">
{{ $page }}
</button>
@endforeach
@endif
@endforeach
</div>
<!-- Next Page Link -->
@if ($paginator->hasMorePages())
<button wire:click="nextPage"
id="pagination-desktop-page-next"
class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium leading-5 text-theme-muted transition duration-150 ease-in-out bg-red hover:text-theme-muted focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-theme-muted">
<span>&raquo;</span>
</button>
@else
<button
class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium leading-5 text-theme-muted bg-white "
disabled><span>&raquo;</span></button>
@endif
</div>