switcher auto update

lee-to · Dec 9, 2022 · ee4f40f · ee4f40f
1 parent 6715289
commit ee4f40f
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 3 deletions.
diff --git a/resources/views/fields/switch.blade.php b/resources/views/fields/switch.blade.php
@@ -10,13 +10,17 @@
     }
 </style>
 
+@php
+    $uniqueId = uniqid();
+@endphp
+
 <div x-data='{checked : {{ $field->getOnValue() == $field->formViewValue($item) ? 'true' : 'false'}}}' class="relative inline-block w-10 mr-2 align-middle select-none transition duration-200 ease-in">
     <input type="hidden"
            name="{{ $field->name() }}"
            :value="checked ? '{{ $field->getOnValue() }}' : '{{ $field->getOffValue() }}'"
            value="{{ $field->getOnValue() == $field->formViewValue($item) ? '1' : '0'}}">
 
-    <input @change='checked=!checked'
+    <input @change='checked=!checked;change_switcher_{{ $field->id($uniqueId) }}($event.target.checked)'
            {{ $field->isDisabled() ? "disabled" : "" }}
            {{ $field->getOnValue() == $field->formViewValue($item) ? 'checked' : ''}}
            :value="checked ? '{{ $field->getOnValue() }}' : '{{ $field->getOffValue() }}'"
@@ -30,4 +34,18 @@ class="toggle-checkbox absolute block w-6 h-6 rounded-full bg-white border-4 app
     <label for="{{ $field->id() }}" class="toggle-label block overflow-hidden h-6 rounded-full bg-gray-300 cursor-pointer">
 
     </label>
-</div>
+
+    <script>
+        async function change_switcher_{{ $field->id($uniqueId) }}(checked)
+        {
+            @if($autoUpdate ?? false)
+                await fetch('{{ route(config('moonshine.route.prefix') . '.auto-update') }}?' + new URLSearchParams({
+                value: checked,
+                key: '{{ $item->getKey() }}',
+                model: '{{ str_replace('\\', '\\\\', get_class($item)) }}',
+                field: '{{ $field->field() }}'
+            }))
+            @endif
+        }
+    </script>
+</div>
diff --git a/src/Fields/SwitchBoolean.php b/src/Fields/SwitchBoolean.php
@@ -5,6 +5,7 @@
 namespace Leeto\MoonShine\Fields;
 
 use Illuminate\Database\Eloquent\Model;
+use Leeto\MoonShine\Helpers\Condition;
 use Leeto\MoonShine\Traits\Fields\BooleanTrait;
 
 class SwitchBoolean extends Field
@@ -13,10 +14,20 @@ class SwitchBoolean extends Field
 
     protected static string $view = 'moonshine::fields.switch';
 
+    protected bool $autoUpdate = true;
+
+    public function autoUpdate(mixed $condition = null): static
+    {
+        $this->autoUpdate = Condition::boolean($condition, true);
+
+        return $this;
+    }
+
     public function indexViewValue(Model $item, bool $container = true): mixed
     {
         return view('moonshine::fields.switch', [
-            'field' => $this->disabled(),
+            'field' => $this,
+            'autoUpdate' => $this->autoUpdate,
             'item' => $item
         ]);
     }

diff --git a/src/Http/Controllers/MoonShineDashboardController.php b/src/Http/Controllers/MoonShineDashboardController.php
@@ -36,4 +36,17 @@ public function attachments(Request $request): array
 
         return [];
     }
+
+    public function autoUpdate(Request $request): array
+    {
+        $class = $request->get('model');
+        $model = new $class();
+        $item = $model->findOrFail($request->get('key'));
+
+        $item->update([
+            $request->get('field') => $request->boolean('value')
+        ]);
+
+        return $item->toArray();
+    }
 }
diff --git a/src/MoonShine.php b/src/MoonShine.php
@@ -97,6 +97,7 @@ protected function addRoutes(): void
             ->name(config('moonshine.route.prefix').'.')->group(function () {
                 Route::get('/', [MoonShineDashboardController::class, 'index'])->name('index');
                 Route::post('/attachments', [MoonShineDashboardController::class, 'attachments'])->name('attachments');
+                Route::get('/auto-update', [MoonShineDashboardController::class, 'autoUpdate'])->name('auto-update');
 
                 Route::get('/login', [MoonShineAuthController::class, 'login'])->name('login');
                 Route::post('/authenticate', [MoonShineAuthController::class, 'authenticate'])->name('authenticate');