-
Notifications
You must be signed in to change notification settings - Fork 11.2k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
ddd4044
commit 2279b73
Showing
2 changed files
with
127 additions
and
0 deletions.
There are no files selected for viewing
25 changes: 25 additions & 0 deletions
25
src/Illuminate/Pagination/resources/views/simple-tailwind.blade.php
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,25 @@ | ||
| @if ($paginator->hasPages()) | ||
| <nav role="navigation" aria-label="Pagination Navigation" class="flex justify-between"> | ||
| {{-- Previous Page Link --}} | ||
| @if ($paginator->onFirstPage()) | ||
| <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md"> | ||
| {!! __('pagination.previous') !!} | ||
| </span> | ||
| @else | ||
| <a href="{{ $paginator->previousPageUrl() }}" rel="prev" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"> | ||
| {!! __('pagination.previous') !!} | ||
| </a> | ||
| @endif | ||
|
|
||
| {{-- Next Page Link --}} | ||
| @if ($paginator->hasMorePages()) | ||
| <a href="{{ $paginator->nextPageUrl() }}" rel="next" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"> | ||
| {!! __('pagination.next') !!} | ||
| </a> | ||
| @else | ||
| <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md"> | ||
| {!! __('pagination.next') !!} | ||
| </span> | ||
| @endif | ||
| </nav> | ||
| @endif |
102 changes: 102 additions & 0 deletions
102
src/Illuminate/Pagination/resources/views/tailwind.blade.php
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,102 @@ | ||
| @if ($paginator->hasPages()) | ||
| <nav role="navigation" aria-label="Pagination Navigation" class="flex items-center justify-between"> | ||
| <div class="flex justify-between flex-1 sm:hidden"> | ||
| @if ($paginator->onFirstPage()) | ||
| <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md"> | ||
| {!! __('pagination.previous') !!} | ||
| </span> | ||
| @else | ||
| <a href="{{ $paginator->previousPageUrl() }}" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"> | ||
| {!! __('pagination.previous') !!} | ||
| </a> | ||
| @endif | ||
|
|
||
| @if ($paginator->hasMorePages()) | ||
| <a href="{{ $paginator->nextPageUrl() }}" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"> | ||
| {!! __('pagination.next') !!} | ||
| </a> | ||
| @else | ||
| <span class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md"> | ||
| {!! __('pagination.next') !!} | ||
| </span> | ||
| @endif | ||
| </div> | ||
|
|
||
| <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between"> | ||
| <div> | ||
| <p class="text-sm text-gray-700 leading-5"> | ||
| Showing | ||
| <span class="font-medium">{{ $paginator->firstItem() }}</span> | ||
| to | ||
| <span class="font-medium">{{ $paginator->lastItem() }}</span> | ||
| of | ||
| <span class="font-medium">{{ $paginator->total() }}</span> | ||
| results | ||
| </p> | ||
| </div> | ||
|
|
||
| <div> | ||
| <span class="relative z-0 inline-flex shadow-sm"> | ||
| {{-- Previous Page Link --}} | ||
| @if ($paginator->onFirstPage()) | ||
| <span aria-disabled="true" aria-label="{{ __('pagination.previous') }}"> | ||
| <span class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5" aria-hidden="true"> | ||
| <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> | ||
| <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" /> | ||
| </svg> | ||
| </span> | ||
| </span> | ||
| @else | ||
| <a href="{{ $paginator->previousPageUrl() }}" rel="prev" class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-l-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150" aria-label="{{ __('pagination.previous') }}"> | ||
| <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> | ||
| <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" /> | ||
| </svg> | ||
| </a> | ||
| @endif | ||
|
|
||
| {{-- Pagination Elements --}} | ||
| @foreach ($elements as $element) | ||
| {{-- "Three Dots" Separator --}} | ||
| @if (is_string($element)) | ||
| <span aria-disabled="true"> | ||
| <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 cursor-default leading-5">{{ $element }}</span> | ||
| </span> | ||
| @endif | ||
|
|
||
| {{-- Array Of Links --}} | ||
| @if (is_array($element)) | ||
| @foreach ($element as $page => $url) | ||
| @if ($page == $paginator->currentPage()) | ||
| <span aria-current="page"> | ||
| <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5">{{ $page }}</span> | ||
| </span> | ||
| @else | ||
| <a href="{{ $url }}" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150" aria-label="{{ __('pagination.goto_page', ['page' => $page]) }}"> | ||
| {{ $page }} | ||
| </a> | ||
| @endif | ||
| @endforeach | ||
| @endif | ||
| @endforeach | ||
|
|
||
| {{-- Next Page Link --}} | ||
| @if ($paginator->hasMorePages()) | ||
| <a href="{{ $paginator->nextPageUrl() }}" rel="next" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150" aria-label="{{ __('pagination.next') }}"> | ||
| <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> | ||
| <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" /> | ||
| </svg> | ||
| </a> | ||
| @else | ||
| <span aria-disabled="true" aria-label="{{ __('pagination.next') }}"> | ||
| <span class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-r-md leading-5" aria-hidden="true"> | ||
| <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> | ||
| <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" /> | ||
| </svg> | ||
| </span> | ||
| </span> | ||
| @endif | ||
| </span> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
| @endif |