@@ -75,21 +75,21 @@ class="inline-flex justify-center w-full rounded-md border border-gray-300 shado
75
75
@endif
76
76
>
77
77
@lang (' Filters' )
78
-
78
+
79
79
@if ($count = $component -> getFilterBadgeCount () )
80
80
<span class =" ml-1 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium leading-4 bg-indigo-100 text-indigo-800 capitalize dark:bg-indigo-200 dark:text-indigo-900" >
81
81
{{ $count } }
82
82
</span >
83
83
@endif
84
-
84
+
85
85
<svg class =" -mr-1 ml-2 h-5 w-5" xmlns =" http://www.w3.org/2000/svg" fill =" none"
86
86
viewBox =" 0 0 24 24" stroke =" currentColor" >
87
87
<path stroke-linecap =" round" stroke-linejoin =" round" stroke-width =" 2"
88
88
d =" M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z" />
89
89
</svg >
90
90
</button >
91
91
</div >
92
-
92
+
93
93
@if ($component -> isFilterLayoutPopover () )
94
94
<div
95
95
x-cloak
@@ -113,7 +113,7 @@ class="origin-top-left absolute left-0 mt-2 w-full md:w-56 rounded-md shadow-lg
113
113
class =" block text-sm font-medium leading-5 text-gray-700 dark:text-white" >
114
114
{{ $filter -> getName () } }
115
115
</label >
116
-
116
+
117
117
{{ $filter -> render ($component ) } }
118
118
</div >
119
119
</div >
@@ -225,14 +225,14 @@ class="inline-flex justify-center px-4 py-2 w-full text-sm font-medium text-gray
225
225
aria-expanded =" true"
226
226
>
227
227
@lang (' Columns' )
228
-
228
+
229
229
<svg class =" -mr-1 ml-2 w-5 h-5" x-description =" Heroicon name: chevron-down" xmlns =" http://www.w3.org/2000/svg" viewBox =" 0 0 20 20" fill =" currentColor" >
230
230
<path fill-rule =" evenodd" d =" M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule =" evenodd" ></path >
231
231
</svg >
232
232
</button >
233
233
</span >
234
234
</div >
235
-
235
+
236
236
<div
237
237
x-cloak
238
238
x-show =" open"
@@ -413,13 +413,13 @@ class="btn dropdown-toggle d-block w-100 d-md-inline"
413
413
@endif
414
414
>
415
415
@lang (' Filters' )
416
-
416
+
417
417
@if ($count = $component -> getFilterBadgeCount () )
418
418
<span class =" badge badge-info" >
419
419
{{ $count } }
420
420
</span >
421
421
@endif
422
-
422
+
423
423
<span class =" caret" ></span >
424
424
</button >
425
425
</div >
@@ -675,13 +675,13 @@ class="btn dropdown-toggle d-block w-100 d-md-inline"
675
675
@endif
676
676
>
677
677
@lang (' Filters' )
678
-
678
+
679
679
@if ($count = $component -> getFilterBadgeCount () )
680
680
<span class =" badge bg-info" >
681
681
{{ $count } }
682
682
</span >
683
683
@endif
684
-
684
+
685
685
<span class =" caret" ></span >
686
686
</button >
687
687
</div >
@@ -780,41 +780,45 @@ class="dropdown-menu dropdown-menu-end w-100"
780
780
x-bind:class =" {'show' : open}"
781
781
aria-labelledby =" columnSelect-{{ $component -> getTableName () } }"
782
782
>
783
- <div >
783
+ <div class =" form-check ms-2" >
784
+ <input
785
+ @if ($component -> allDefaultVisibleColumnsAreSelected () )
786
+ checked
787
+ wire:click =" deselectAllColumns"
788
+ @else
789
+ unchecked
790
+ wire:click =" selectAllColumns"
791
+ @endif
792
+ wire:loading.attr =" disabled"
793
+ type =" checkbox"
794
+ class =" form-check-input"
795
+ />
784
796
<label
785
797
wire:loading.attr =" disabled"
786
- class =" px-2 mb-1 "
798
+ class =" form-check-label "
787
799
>
788
- <input
789
- @if ($component -> allDefaultVisibleColumnsAreSelected () )
790
- checked
791
- wire:click =" deselectAllColumns"
792
- @else
793
- unchecked
794
- wire:click =" selectAllColumns"
795
- @endif
796
- wire:loading.attr =" disabled"
797
- type =" checkbox"
798
- />
799
- <span class =" ml-2" >{{ __ (' All Columns' ) } } </span >
800
+ {{ __ (' All Columns' ) } }
800
801
</label >
801
802
</div >
802
803
@foreach ($component -> getColumns () as $column )
803
804
@if ($column -> isVisible () && $column -> isSelectable () )
804
- <div wire:key =" columnSelect-{{ $loop -> index } } -{{ $component -> getTableName () } }" >
805
+ <div wire:key =" columnSelect-{{ $loop -> index } } -{{ $component -> getTableName () } }"
806
+ class =" form-check ms-2"
807
+ >
808
+ <input
809
+ wire:model =" selectedColumns"
810
+ wire:target =" selectedColumns"
811
+ wire:loading.attr =" disabled"
812
+ type =" checkbox"
813
+ class =" form-check-input"
814
+ value =" {{ $column -> getSlug () } }"
815
+ />
805
816
<label
806
817
wire:loading.attr =" disabled"
807
818
wire:target =" selectedColumns"
808
- class =" px-2 {{ $loop -> last ? ' mb-0' : ' mb-1' } }"
809
- >
810
- <input
811
- wire:model =" selectedColumns"
812
- wire:target =" selectedColumns"
813
- wire:loading.attr =" disabled"
814
- type =" checkbox"
815
- value =" {{ $column -> getSlug () } }"
816
- />
817
- <span class =" ml-2" >{{ $column -> getTitle () } } </span >
819
+ class =" {{ $loop -> last ? ' mb-0' : ' mb-1' } } form-check-label"
820
+ >{{ $column -> getTitle () } } </label >
821
+
818
822
</label >
819
823
</div >
820
824
@endif
@@ -829,7 +833,7 @@ class="px-2 {{ $loop->last ? 'mb-0' : 'mb-1' }}"
829
833
<select
830
834
wire:model =" perPage"
831
835
id =" perPage"
832
- class =" form-control "
836
+ class =" form-select "
833
837
>
834
838
@foreach ($component -> getPerPageAccepted () as $item )
835
839
<option value =" {{ $item } }" wire:key =" per-page-{{ $item } } -{{ $component -> getTableName () } }" >{{ $item === - 1 ? __ (' All' ) : $item } } </option >
0 commit comments