update
This commit is contained in:
@@ -6,10 +6,6 @@
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.glassreport-pagination nav {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.glassreport-pagination .pagination {
|
||||
display: inline-flex;
|
||||
flex-wrap: wrap;
|
||||
@@ -34,6 +30,28 @@
|
||||
line-height: 1.4;
|
||||
text-align: center;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #dee2e6;
|
||||
background: #fff;
|
||||
color: #495057;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.glassreport-pagination .page-item.active .page-link {
|
||||
background: #4c5667;
|
||||
border-color: #4c5667;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.glassreport-pagination .page-item.disabled .page-link {
|
||||
color: #adb5bd;
|
||||
background: #f8f9fa;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.glassreport-pagination .pagination-summary {
|
||||
margin-bottom: 10px;
|
||||
font-size: 13px;
|
||||
color: #6c757d;
|
||||
}
|
||||
</style>
|
||||
<div class="wrapper">
|
||||
@@ -80,7 +98,56 @@
|
||||
@endforeach
|
||||
@if(method_exists($orderbydate, 'links'))
|
||||
<div class="mt-3 glassreport-pagination">
|
||||
{{ $orderbydate->links() }}
|
||||
<div class="pagination-summary">
|
||||
Menampilkan {{ $orderbydate->firstItem() ?? 0 }} sampai {{ $orderbydate->lastItem() ?? 0 }} dari {{ $orderbydate->total() }} pemeriksaan
|
||||
</div>
|
||||
@php
|
||||
$currentPage = $orderbydate->currentPage();
|
||||
$lastPage = $orderbydate->lastPage();
|
||||
$startPage = max(1, $currentPage - 4);
|
||||
$endPage = min($lastPage, $currentPage + 4);
|
||||
@endphp
|
||||
<ul class="pagination">
|
||||
<li class="page-item {{ $orderbydate->onFirstPage() ? 'disabled' : '' }}">
|
||||
@if($orderbydate->onFirstPage())
|
||||
<span class="page-link">Previous</span>
|
||||
@else
|
||||
<a class="page-link" href="{{ $orderbydate->previousPageUrl() }}">Previous</a>
|
||||
@endif
|
||||
</li>
|
||||
|
||||
@if($startPage > 1)
|
||||
<li class="page-item"><a class="page-link" href="{{ $orderbydate->url(1) }}">1</a></li>
|
||||
@if($startPage > 2)
|
||||
<li class="page-item disabled"><span class="page-link">...</span></li>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
@for($page = $startPage; $page <= $endPage; $page++)
|
||||
<li class="page-item {{ $page === $currentPage ? 'active' : '' }}">
|
||||
@if($page === $currentPage)
|
||||
<span class="page-link">{{ $page }}</span>
|
||||
@else
|
||||
<a class="page-link" href="{{ $orderbydate->url($page) }}">{{ $page }}</a>
|
||||
@endif
|
||||
</li>
|
||||
@endfor
|
||||
|
||||
@if($endPage < $lastPage)
|
||||
@if($endPage < $lastPage - 1)
|
||||
<li class="page-item disabled"><span class="page-link">...</span></li>
|
||||
@endif
|
||||
<li class="page-item"><a class="page-link" href="{{ $orderbydate->url($lastPage) }}">{{ $lastPage }}</a></li>
|
||||
@endif
|
||||
|
||||
<li class="page-item {{ $orderbydate->hasMorePages() ? '' : 'disabled' }}">
|
||||
@if($orderbydate->hasMorePages())
|
||||
<a class="page-link" href="{{ $orderbydate->nextPageUrl() }}">Next</a>
|
||||
@else
|
||||
<span class="page-link">Next</span>
|
||||
@endif
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user