Skip to content

Commit 081054b

Browse files
Filter types, Language, Views and Components (#8)
1 parent 6d36b7f commit 081054b

26 files changed

+707
-239
lines changed
Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<?php
2+
3+
return [
4+
'search' => 'Suchen',
5+
'reset' => 'Zurücksetzen',
6+
'filters' => 'Filter',
7+
'bulk_actions' => 'Massenaktionen',
8+
'execute' => 'Ausführen',
9+
'select_all' => 'Alle auswählen',
10+
'deselect_all' => 'Alle abwählen',
11+
'results' => 'Ergebnisse',
12+
'apply_filters' => 'Filter anwenden',
13+
'results_per_page' => 'Ergebnisse pro Seite',
14+
'page' => 'Seite',
15+
'of' => 'von',
16+
'previous' => 'Zurück',
17+
'next' => 'Weiter',
18+
'actions' => 'Aktionen',
19+
'select_all_question' => 'Möchten Sie nur die sichtbaren Zeilen auf dieser Seite oder alle Zeilen in der Datenbank auswählen?',
20+
'select_all_visible_rows' => 'Nur die sichtbaren Zeilen',
21+
'select_all_rows' => 'Alle Zeilen auswählen',
22+
'cancel' => 'Abbrechen',
23+
'select_option' => 'Option auswählen',
24+
];
Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<?php
2+
3+
return [
4+
'search' => 'Search',
5+
'reset' => 'Reset',
6+
'filters' => 'Filters',
7+
'bulk_actions' => 'Bulk Actions',
8+
'execute' => 'Execute',
9+
'select_all' => 'Select all',
10+
'deselect_all' => 'Deselect all',
11+
'results' => 'Results',
12+
'apply_filters' => 'Apply Filters',
13+
'results_per_page' => 'Results per page',
14+
'page' => 'Page',
15+
'of' => 'of',
16+
'previous' => 'Previous',
17+
'next' => 'Next',
18+
'actions' => 'Actions',
19+
'select_all_question' => 'Do you want to select only the visible rows on this page or all rows in the database?',
20+
'select_all_visible_rows' => 'Only the visible rows',
21+
'select_all_rows' => 'Select all rows',
22+
'cancel' => 'Cancel',
23+
'select_option' => 'Select option',
24+
];
Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<?php
2+
3+
return [
4+
'search' => 'Buscar',
5+
'reset' => 'Restablecer',
6+
'filters' => 'Filtros',
7+
'bulk_actions' => 'Acciones en masa',
8+
'execute' => 'Ejecutar',
9+
'select_all' => 'Seleccionar todo',
10+
'deselect_all' => 'Deseleccionar todo',
11+
'results' => 'Resultados',
12+
'apply_filters' => 'Aplicar filtros',
13+
'results_per_page' => 'Resultados por página',
14+
'page' => 'Página',
15+
'of' => 'de',
16+
'previous' => 'Anterior',
17+
'next' => 'Siguiente',
18+
'actions' => 'Acciones',
19+
'select_all_question' => '¿Desea seleccionar solo las filas visibles en esta página o todas las filas de la base de datos?',
20+
'select_all_visible_rows' => 'Solo las filas visibles',
21+
'select_all_rows' => 'Seleccionar todas las filas',
22+
'cancel' => 'Cancelar',
23+
'select_option' => 'Seleccionar opción',
24+
];
Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<?php
2+
3+
return [
4+
'search' => 'Rechercher',
5+
'reset' => 'Réinitialiser',
6+
'filters' => 'Filtres',
7+
'bulk_actions' => 'Actions groupées',
8+
'execute' => 'Exécuter',
9+
'select_all' => 'Tout sélectionner',
10+
'deselect_all' => 'Tout désélectionner',
11+
'results' => 'Résultats',
12+
'apply_filters' => 'Appliquer les filtres',
13+
'results_per_page' => 'Résultats par page',
14+
'page' => 'Page',
15+
'of' => 'de',
16+
'previous' => 'Précédent',
17+
'next' => 'Suivant',
18+
'actions' => 'Actions',
19+
'select_all_question' => 'Voulez-vous sélectionner uniquement les lignes visibles sur cette page ou toutes les lignes de la base de données ?',
20+
'select_all_visible_rows' => 'Uniquement les lignes visibles',
21+
'select_all_rows' => 'Sélectionner toutes les lignes',
22+
'cancel' => 'Annuler',
23+
'select_option' => 'Sélectionner une option',
24+
];
Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<?php
2+
3+
return [
4+
'search' => 'Zoeken',
5+
'reset' => 'Reset',
6+
'filters' => 'Filters',
7+
'bulk_actions' => 'Bulkacties',
8+
'execute' => 'Uitvoeren',
9+
'select_all' => 'Alles selecteren',
10+
'deselect_all' => 'Alles deselecteren',
11+
'results' => 'Resultaten',
12+
'apply_filters' => 'Filters toepassen',
13+
'results_per_page' => 'Resultaten per pagina',
14+
'page' => 'Pagina',
15+
'of' => 'van',
16+
'previous' => 'Vorige',
17+
'next' => 'Volgende',
18+
'actions' => 'Acties',
19+
'select_all_question' => 'Wil je alleen de zichtbare rijen op deze pagina selecteren of alle rijen in de database?',
20+
'select_all_visible_rows' => 'Alleen de zichtbare rijen',
21+
'select_all_rows' => 'Alle rijen selecteren',
22+
'cancel' => 'Annuleren',
23+
'select_option' => 'Selecteer een optie',
24+
];
Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<label class="text-sm text-gray-600">{{ __('datatable::datatables.bulk_actions') }}</label>
2+
<select wire:model="bulkAction"
3+
class="border border-gray-300 rounded-lg px-3 py-2 text-sm w-48 focus:ring-2 focus:ring-blue-400 transition">
4+
<option value="">-- Selecteer een actie --</option>
5+
@foreach($bulkActions as $key => $action)
6+
<option value="{{ $key }}">{{ $action['label'] }}</option>
7+
@endforeach
8+
</select>
9+
10+
<button wire:click="executeBulkAction"
11+
class="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg text-sm shadow-sm transition">
12+
{{ __('datatable::datatables.execute') }}
13+
</button>
Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<label for="perPage" class="text-sm text-gray-600">{{ __('datatable::datatables.results_per_page') }}</label>
2+
<select wire:change="updatePerPage($event.target.value)" id="perPage"
3+
class="border border-gray-300 rounded-lg px-3 py-2 text-sm w-24 focus:ring-2 focus:ring-blue-400 transition">
4+
<option value="10">10</option>
5+
<option value="25">25</option>
6+
<option value="50">50</option>
7+
<option value="100">100</option>
8+
</select>
Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<div class="mt-4 flex justify-between items-center">
2+
<span class="text-sm text-gray-600">
3+
{{ __('datatable::datatables.page') }} {{ $rows->currentPage() }} van {{ $rows->lastPage() }} - {{ $rows->total() }} {{ __('datatable::datatables.results') }}
4+
</span>
5+
6+
<div class="flex gap-2">
7+
<button wire:click="previousPage"
8+
class="px-4 py-2 rounded {{ $rows->onFirstPage() ? 'bg-gray-200 text-gray-400 cursor-not-allowed' : 'bg-gray-100 hover:bg-gray-200 text-gray-700' }}"
9+
{{ $rows->onFirstPage() ? 'disabled' : '' }}>
10+
{{ __('datatable::datatables.previous') }}
11+
</button>
12+
13+
@if ($rows->lastPage() <= 10)
14+
@for ($page = 1; $page <= $rows->lastPage(); $page++)
15+
<button wire:click="gotoPage({{ $page }})"
16+
class="px-4 py-2 rounded {{ $rows->currentPage() == $page ? 'bg-blue-500 text-white' : 'bg-gray-100 hover:bg-gray-200 text-gray-700' }}">
17+
{{ $page }}
18+
</button>
19+
@endfor
20+
@else
21+
22+
<select wire:change="gotoPage($event.target.value)"
23+
class="border border-gray-300 rounded px-3 py-1 text-sm w-16">
24+
@for ($page = 1; $page <= $rows->lastPage(); $page++)
25+
<option value="{{ $page }}" {{ $rows->currentPage() == $page ? 'selected' : '' }}>
26+
{{ $page }}
27+
</option>
28+
@endfor
29+
</select>
30+
@endif
31+
32+
{{-- Volgende knop --}}
33+
<button wire:click="nextPage"
34+
class="px-4 py-2 rounded {{ $rows->hasMorePages() ? 'bg-gray-100 hover:bg-gray-200 text-gray-700' : 'bg-gray-200 text-gray-400 cursor-not-allowed' }}"
35+
{{ $rows->hasMorePages() ? '' : 'disabled' }}>
36+
{{ __('datatable::datatables.next') }}
37+
</button>
38+
</div>
39+
</div>
Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<input type="text" wire:model="search"
2+
placeholder="{{ __('datatable::datatables.search') }}"
3+
class="border border-gray-300 rounded-lg px-4 py-2 text-sm w-64 focus:ring-2 focus:ring-blue-400 focus:outline-none transition">
4+
5+
<button wire:click="applySearch"
6+
class="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg text-sm shadow-sm transition">
7+
{{ __('datatable::datatables.search') }}
8+
</button>
9+
10+
<button wire:click="resetSearch"
11+
class="bg-gray-300 hover:bg-gray-400 text-gray-700 px-4 py-2 rounded-lg text-sm shadow-sm transition">
12+
{{ __('datatable::datatables.reset') }}
13+
</button>
Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<div class="fixed inset-0 bg-gray-900 bg-opacity-50 flex justify-center items-center z-50">
2+
<div class="bg-white p-6 rounded-xl shadow-xl w-96">
3+
<h2 class="text-lg font-semibold mb-4 text-gray-800">{{ __('datatable::datatables.select_all_rows') }}</h2>
4+
<p class="text-gray-600 text-sm mb-4">
5+
{{ __('datatable::datatables.select_all_question') }}
6+
</p>
7+
<div class="flex justify-end gap-3">
8+
<button wire:click="confirmSelectAll('visible')"
9+
class="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-lg shadow-sm transition">
10+
{{ __('datatable::datatables.select_all_visible_rows') }}
11+
</button>
12+
<button wire:click="confirmSelectAll('all')"
13+
class="bg-green-500 hover:bg-green-600 text-white px-4 py-2 rounded-lg shadow-sm transition">
14+
{{ __('datatable::datatables.select_all_rows') }}
15+
</button>
16+
<button wire:click="cancelSelectAll"
17+
class="bg-gray-300 hover:bg-gray-400 text-gray-700 px-4 py-2 rounded-lg shadow-sm transition">
18+
{{ __('datatable::datatables.cancel') }}
19+
</button>
20+
</div>
21+
</div>
22+
</div>

0 commit comments

Comments
 (0)