diff options
Diffstat (limited to 'resources')
| -rw-r--r-- | resources/views/table.blade.php | 39 | ||||
| -rw-r--r-- | resources/views/toolbar.blade.php | 17 | ||||
| -rw-r--r-- | resources/views/toolbar/column-select.blade.php | 16 | ||||
| -rw-r--r-- | resources/views/toolbar/page-size.blade.php | 5 | ||||
| -rw-r--r-- | resources/views/toolbar/search.blade.php | 3 |
5 files changed, 42 insertions, 38 deletions
diff --git a/resources/views/table.blade.php b/resources/views/table.blade.php index 783255e..bcefe57 100644 --- a/resources/views/table.blade.php +++ b/resources/views/table.blade.php @@ -1,42 +1,5 @@ <div> - @if($searchable || $showColumnSelect || $showPageSizeSelect) - <div class="table-controls pb-2 d-flex justify-content-between align-items-center"> - <div> - @if($searchable) - <input class="form-control border-secondary" type="search" - wire:model.live.debounce.{{ $searchDebounce}}="search" - placeholder="{{ __('Search') }}..." /> - @endif - </div> - <div class="d-flex gap-3"> - @if($showColumnSelect) - <div class="dropdown"> - <button type="button" class="btn btn-outline-secondary border-secondary" - data-bs-toggle="dropdown" aria-expanded="false" - data-bs-auto-close="outside"> - {{ __('Columns') }} - </button> - <div class="dropdown-menu p-4"> - @foreach($allColumns->filter(fn($c) => $c->getShowInSelect()) as $column) - <label class="d-block"> - <input type="checkbox" wire:model.live="activeColumns" - value="{{ $column->name }}" /> - {{ $column->getTitle() }} - </label> - @endforeach - </div> - </div> - @endif - @if($showPageSizeSelect) - <select wire:model.live="pageSize" class="form-select border-secondary"> - @foreach($pageSizes as $size) - <option value="{{ $size }}">{{ $size }}</option> - @endforeach - </select> - @endif - </div> - </div> - @endif + {{ $toolbar?->render() }} <table class="table"> <colgroup> @foreach($columns as $column) diff --git a/resources/views/toolbar.blade.php b/resources/views/toolbar.blade.php new file mode 100644 index 0000000..fee00b4 --- /dev/null +++ b/resources/views/toolbar.blade.php @@ -0,0 +1,17 @@ +<div class="table-controls pb-2 d-flex justify-content-between align-items-center"> + <div class="d-flex gap-3"> + @foreach ($startItems as $item) + {{ $item->render() }} + @endforeach + </div> + <div class="d-flex gap-3"> + @foreach ($midItems as $item) + {{ $item->render() }} + @endforeach + </div> + <div class="d-flex gap-3"> + @foreach ($endItems as $item) + {{ $item->render() }} + @endforeach + </div> +</div> diff --git a/resources/views/toolbar/column-select.blade.php b/resources/views/toolbar/column-select.blade.php new file mode 100644 index 0000000..6fa7474 --- /dev/null +++ b/resources/views/toolbar/column-select.blade.php @@ -0,0 +1,16 @@ +<div class="dropdown"> + <button type="button" class="btn btn-outline-secondary border-secondary" + data-bs-toggle="dropdown" aria-expanded="false" + data-bs-auto-close="outside"> + {{ __('Columns') }} + </button> + <div class="dropdown-menu p-4"> + @foreach($allColumns->filter(fn($c) => $c->getShowInSelect()) as $column) + <label class="d-block"> + <input type="checkbox" wire:model.live="activeColumns" + value="{{ $column->name }}" /> + {{ $column->getTitle() }} + </label> + @endforeach + </div> +</div> diff --git a/resources/views/toolbar/page-size.blade.php b/resources/views/toolbar/page-size.blade.php new file mode 100644 index 0000000..cc35ff4 --- /dev/null +++ b/resources/views/toolbar/page-size.blade.php @@ -0,0 +1,5 @@ +<select wire:model.live="pageSize" class="form-select border-secondary"> + @foreach($pageSizes as $size) + <option value="{{ $size }}">{{ $size }}</option> + @endforeach +</select> diff --git a/resources/views/toolbar/search.blade.php b/resources/views/toolbar/search.blade.php new file mode 100644 index 0000000..04fd000 --- /dev/null +++ b/resources/views/toolbar/search.blade.php @@ -0,0 +1,3 @@ +<input class="form-control border-secondary" type="search" + wire:model.live.debounce.{{ $debounce }}="search" + placeholder="{{ __('Search') }}..." /> |