fix bootstrap button and pagination

Power-Components · Jun 4, 2021 · 8784046 · 8784046
1 parent 35d1b71
commit 8784046
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 4 deletions.
diff --git a/resources/views/bootstrap/50/actions.blade.php b/resources/views/bootstrap/50/actions.blade.php
@@ -10,10 +10,9 @@
                 @endphp
 
                 @if($action->view !== '')
-                    <button wire:click='$emit("openModal", "{{$action->view}}", @json($parameters))' class="
-                 {{ (filled($action->class)) }}"
+                    <button wire:click='$emit("openModal", "{{$action->view}}", @json($parameters))' class="{{ $action->class }}"
                     >
-                        {{ (filled($action->caption)) ? $action->caption: 'Editar' }}
+                        {{ $action->caption }}
                     </button>
                 @else
                     <div class="px-2">

diff --git a/resources/views/bootstrap/50/footer.blade.php b/resources/views/bootstrap/50/footer.blade.php
@@ -22,7 +22,7 @@
         </div>
         <div>
             @if(method_exists($data, 'links'))
-                {!! $data->links() !!}
+                {!! $data->links('livewire-powergrid::bootstrap.50.pagination', ['record_count' => $record_count]) !!}
             @endif
         </div>
     </div>

diff --git a/resources/views/bootstrap/50/pagination.blade.php b/resources/views/bootstrap/50/pagination.blade.php
@@ -0,0 +1,48 @@
+<div>
+    @if ($paginator->hasPages())
+        <nav>
+            <ul class="pagination">
+                {{-- Previous Page Link --}}
+                @if ($paginator->onFirstPage())
+                    <li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.previous')">
+                        <span class="page-link" aria-hidden="true">&lsaquo;</span>
+                    </li>
+                @else
+                    <li class="page-item">
+                        <button type="button" dusk="previousPage" class="page-link" wire:click="previousPage" wire:loading.attr="disabled" rel="prev" aria-label="@lang('pagination.previous')">&lsaquo;</button>
+                    </li>
+                @endif
+
+                {{-- Pagination Elements --}}
+                @foreach ($elements as $element)
+                    {{-- "Three Dots" Separator --}}
+                    @if (is_string($element))
+                        <li class="page-item disabled" aria-disabled="true"><span class="page-link">{{ $element }}</span></li>
+                    @endif
+
+                    {{-- Array Of Links --}}
+                    @if (is_array($element))
+                        @foreach ($element as $page => $url)
+                            @if ($page == $paginator->currentPage())
+                                <li class="page-item active" wire:key="paginator-page-{{ $page }}" aria-current="page"><span class="page-link">{{ $page }}</span></li>
+                            @else
+                                <li class="page-item" wire:key="paginator-page-{{ $page }}"><button type="button" class="page-link" wire:click="gotoPage({{ $page }})">{{ $page }}</button></li>
+                            @endif
+                        @endforeach
+                    @endif
+                @endforeach
+
+                {{-- Next Page Link --}}
+                @if ($paginator->hasMorePages())
+                    <li class="page-item">
+                        <button type="button" dusk="nextPage" class="page-link" wire:click="nextPage" wire:loading.attr="disabled" rel="next" aria-label="@lang('pagination.next')">&rsaquo;</button>
+                    </li>
+                @else
+                    <li class="page-item disabled" aria-disabled="true" aria-label="@lang('pagination.next')">
+                        <span class="page-link" aria-hidden="true">&rsaquo;</span>
+                    </li>
+                @endif
+            </ul>
+        </nav>
+    @endif
+</div>