From 6ab976f353b67b03824ed2b29ea78155dd294b4b Mon Sep 17 00:00:00 2001
From: Marcus Moore <contact@marcusmoore.io>
Date: Thu, 15 Aug 2024 10:32:33 -0700
Subject: [PATCH] Use cached values for text input

---
 .../CustomFieldSetDefaultValuesForModel.php   | 11 +++++++++++
 ...eld-set-default-values-for-model.blade.php | 19 +++++++++++++++----
 2 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/app/Livewire/CustomFieldSetDefaultValuesForModel.php b/app/Livewire/CustomFieldSetDefaultValuesForModel.php
index d9531fce82..f4d4c30cdf 100644
--- a/app/Livewire/CustomFieldSetDefaultValuesForModel.php
+++ b/app/Livewire/CustomFieldSetDefaultValuesForModel.php
@@ -2,6 +2,7 @@
 
 namespace App\Livewire;
 
+use App\Models\CustomField;
 use Illuminate\Support\Collection;
 use Livewire\Attributes\Computed;
 use Livewire\Component;
@@ -31,6 +32,16 @@ class CustomFieldSetDefaultValuesForModel extends Component
         });
     }
 
+    public function getValueForField(CustomField $field)
+    {
+        return $this->cachedValues->get($field->db_column);
+    }
+
+    public function updateFieldValue($dbColumn, $updatedValue): void
+    {
+        $this->cachedValues->put($dbColumn, $updatedValue);
+    }
+
     #[Computed]
     public function model()
     {
diff --git a/resources/views/livewire/custom-field-set-default-values-for-model.blade.php b/resources/views/livewire/custom-field-set-default-values-for-model.blade.php
index a022caa496..3dea89cf6e 100644
--- a/resources/views/livewire/custom-field-set-default-values-for-model.blade.php
+++ b/resources/views/livewire/custom-field-set-default-values-for-model.blade.php
@@ -20,7 +20,7 @@
             @if ($this->fields)
 
                 @foreach ($this->fields as $field)
-                    <div class="form-group">
+                    <div class="form-group" wire:key="field-{{ $field->id }}">
 
                         <label class="col-md-3 control-label{{ $errors->has($field->name) ? ' has-error' : '' }}">{{ $field->name }}</label>
 
@@ -38,7 +38,18 @@
                                 @elseif ($field->element == "text")
 
 
-                                        <input class="form-control" type="text" value="{{ $field->defaultValue($model_id) }}" id="default-value{{ $field->id }}" name="default_values[{{ $field->id }}]">
+                                    <input
+                                        class="form-control"
+                                        type="text"
+                                        value="{{ $this->getValueForField($field) }}"
+                                        id="default-value{{ $field->id }}"
+                                        name="default_values[{{ $field->id }}]"
+                                        x-on:blur="(e) => $wire.$call(
+                                            'updateFieldValue',
+                                            '{{ $field->db_column }}',
+                                            e.target.value
+                                        )"
+                                    />
 
 
                                 @elseif($field->element == "textarea")
@@ -80,11 +91,11 @@
                                         Unknown field element: {{ $field->element }}
                                     </span>
                                 @endif
-                            </div>
                         </div>
+                    </div>
 
                 @endforeach
-                </div>
+
                 @endif
 
     @endif