refactor: checkbox customisation (#583)

ArkEcosystem · Jun 30, 2023 · b1f994f · b1f994f
1 parent fd6f395
commit b1f994f
Showing 1 changed file with 33 additions and 12 deletions.
diff --git a/resources/views/inputs/checkbox.blade.php b/resources/views/inputs/checkbox.blade.php
@@ -5,14 +5,17 @@
     'id'                    => null,
     'model'                 => null,
     'label'                 => null,
-    'labelClasses'          => '',
+    'labelClasses'          => null,
     'value'                 => null,
     'checked'               => false,
     'disabled'              => false,
     'alpine'                => false,
     'right'                 => false,
     'deferred'              => false,
     'debounce'              => null,
+    'noLivewire'            => false,
+    'alpineInputClass'      => null,
+    'alpineLabelClass'      => null,
 ])
 
 @php
@@ -29,7 +32,10 @@
     }
 @endphp
 
-<div class="{{ $class }}">
+<div
+    @class($class)
+    {{ $attributes->only(':class') }}
+>
     <div @class([
         $verticalPositionClass,
         'flex relative',
@@ -41,19 +47,28 @@
                 name="{{ $name }}"
                 type="checkbox"
                 class="focus-visible:ring-2 form-checkbox input-checkbox focus-visible:ring-theme-primary-500"
-                @if ($deferred)
-                wire:model.defer="{{ $model ?? $name }}"
-                @elseif ($debounce === true)
-                wire:model.debounce="{{ $model ?? $name }}"
-                @elseif (is_string($debounce))
-                wire:model.debounce.{{ $debounce }}="{{ $model ?? $name }}"
-                @else
-                wire:model="{{ $model ?? $name }}"
-                @endif
+
+                @unless ($noLivewire)
+                    @if ($deferred)
+                        wire:model.defer="{{ $model ?? $name }}"
+                    @elseif ($debounce === true)
+                        wire:model.debounce="{{ $model ?? $name }}"
+                    @elseif (is_string($debounce))
+                        wire:model.debounce.{{ $debounce }}="{{ $model ?? $name }}"
+                    @else
+                        wire:model="{{ $model ?? $name }}"
+                    @endif
+                @endunless
+
                 @if($value) value="{{ $value }}" @endif
                 @if($checked) checked @endif
                 @if($disabled) disabled @endif
                 @if($alpine) @click="{{ $alpine }}" @endif
+
+                {{ $attributes->except(':class')
+                    ->merge([
+                        ':class' => $alpineInputClass,
+                    ]) }}
             />
         </div>
 
@@ -62,7 +77,13 @@ class="focus-visible:ring-2 form-checkbox input-checkbox focus-visible:ring-them
             'pr-7' => $right,
             'pl-7' => ! $right,
         ])>
-            <label for="{{ $id ?? $name }}" class="{{ $labelClasses }}">
+            <label
+                for="{{ $id ?? $name }}"
+                @class($labelClasses)
+                @if ($alpineLabelClass)
+                    :class="{{ $alpineLabelClass }}"
+                @endif
+            >
                 {{ $label ? $label : trans('forms.' . $name) }}
             </label>
         </div>