From 1f81ce361cb454b1655d6e2a7ac031bc1e3b2ede Mon Sep 17 00:00:00 2001
From: Sam Light <samlight1994@gmail.com>
Date: Thu, 27 Mar 2025 10:53:34 +0000
Subject: Seperating toolbar into its own class and views

---
 resources/views/table.blade.php                 | 39 +------------------------
 resources/views/toolbar.blade.php               | 17 +++++++++++
 resources/views/toolbar/column-select.blade.php | 16 ++++++++++
 resources/views/toolbar/page-size.blade.php     |  5 ++++
 resources/views/toolbar/search.blade.php        |  3 ++
 5 files changed, 42 insertions(+), 38 deletions(-)
 create mode 100644 resources/views/toolbar.blade.php
 create mode 100644 resources/views/toolbar/column-select.blade.php
 create mode 100644 resources/views/toolbar/page-size.blade.php
 create mode 100644 resources/views/toolbar/search.blade.php

(limited to 'resources/views')

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') }}..." />
-- 
cgit v1.2.3