update load spn patch

app/Http/Livewire/Pages/SendPatch/SendPatchEdit.php

@@ -11,7 +11,7 @@ use Livewire\Component;
 
 class SendPatchEdit extends Component
 {
-    public $PID, $test;
+    public $PID, $serverKeyOption;
     public $perPage = 10;
     public $search = '';
     public $server_lists;
@@ -20,7 +20,7 @@ class SendPatchEdit extends Component
     public $searchSelected = 'SNKEY';
     public $keyword = '';
     public $selectedPenddings = [];
-    protected $listeners = ['deletePatch' ,'refreshComponent' => '$refresh'];
+    protected $listeners = ['deletePatch', 'refreshComponent' => '$refresh'];
     public function mount($editPid)
     {
         // $this->PID = $editPid;
@@ -28,34 +28,45 @@ class SendPatchEdit extends Component
         $this->updateServerLists();
     }
 
-    public function updatedSelectedOwnerType()
+    public function updatedSelectedOwnerType($value)
     {
-        $this->updateServerLists();
+        if (!empty($value)) {
+            // อัปเดต serverKeyOption โดยพิจารณาจาก owner type ที่เลือก
+            $this->serverKeyOption = $this->fetchServerKeyOption($value);
+        } else {
+            $this->serverKeyOption = [];
+        }
     }
 
-    public function updatedSearch()
+    protected function fetchServerKeyOption($ownerType)
     {
-        $this->updateServerLists();
+        $query = ConfServerLicense::query();
+
+        if ($ownerType) {
+            $query->where('OWNERTYPE', $ownerType);
+        }
+
+        if ($this->search) {
+            $query->where('SNKEY', 'like', '%' . $this->search . '%');
+        }
+        return   $query->get(['ID as id', 'SNKEY as name'])->toArray();
     }
 
-    private function updateServerLists()
+
+    public function render()
     {
-        //     $query = ConfServerLicense::query();
+        $query = ConfServerLicense::query();
 
-        //     if ($this->selectedOwnerType) {
-        //         $query->where('OWNERTYPE', $this->selectedOwnerType);
-        //     }
+        if ($this->selectedOwnerType) {
+            $query->where('OWNERTYPE', $this->selectedOwnerType);
+        }
 
-        //     if ($this->search) {
-        //         $query->where('SNKEY', 'like', '%' . $this->search . '%');
-        //     }
+        if ($this->search) {
+            $query->where('SNKEY', 'like', '%' . $this->search . '%');
+        }
 
-        //     $this->server_lists = $query->limit(20)->get(['ID as id', 'SNKEY as name'])->toArray();
+        $this->serverKeyOption =  $query->get(['ID as id', 'SNKEY as name'])->toArray();
         //     // dd( $this->server_lists);
-    }
-
-    public function render()
-    {
         $ownerType = ConfServerOwnertype::all();
 
         $results = $this->searchSelected && $this->keyword
@@ -95,7 +106,6 @@ class SendPatchEdit extends Component
                 $this->server_lists = [];
             }
         }
-        
     }
 
     public function resendPatch($serverId)
@@ -108,7 +118,6 @@ class SendPatchEdit extends Component
         // $pendding->TaskFinish = '0000_00_00 00:00:00';
         // $pendding->save();
         static::logSendPatch($this->PID, $serverId, "Reload Patch");
-        
     }
     public function deletePatch($serverId)
     {
@@ -130,7 +139,6 @@ class SendPatchEdit extends Component
         $message = "Deleted ID : " . json_encode($selectedPenddings) . " Successfully";
         $this->message = $message;
         $this->selectedPenddings = [];
-        
     }
 
     public static function logSendPatch($patchId, $serverId, $logDesc)

resources/views/livewire/pages/sendpatch/send-patch-edit.blade.php

-<div class="p-4 h-fit" >
-    <div class="mb-4" x-data="{ tomGReady: false }" x-show="tomGReady">
+<div class="p-4 h-fit" x-data="{ tomGReady: false }" x-show="tomGReady">
+    <div class="mb-4">
         <div class="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-5">
             <div>
                 <label for="server_of" class="block text-sm font-medium text-gray-700">Server of</label>
@@ -14,27 +14,22 @@
             <div class="" wire:ignore>
                 <label for="server_key" class="block text-sm font-medium text-gray-700">Server Key:</label>
                 <input id="server_key" class="mt-1.5 relative flex w-full" x-data="{
-                    serverKeyLists: @entangle('server_lists')
+                    serverKeyLists: @entangle('server_lists'),
+                    serverKeyOption: @entangle('serverKeyOption')
                 }"
-                    x-init="serverKeyLists = []
+                    x-init="serverKeyLists = [];
                     const tempLicense = pages.serverLicenseSelect;
-                    pages.fetchServerLicenses(tempLicense).then(() => {
-                        $el._x_tom = new Tom($el, {
-                            ...tempLicense.serverkey,
-                            onChange: (value) => {
-                                serverKeyLists = value;
-                            }
-                        });
-                        $el._x_tom.setValue(serverKeyLists);
-                        tomGReady = true;
-                    });
-                    {{-- $watch('test', (value) => {
-                        if (tomGReady) {
-                            $el._x_tom.clearOptions();
-                            $el._x_tom.addOption(value);
-                            $el._x_tom.refreshOptions(false);
+                    tempLicense.serverkey.options = serverKeyOption;
+                    
+                    $el._x_tom = new Tom($el, {
+                        ...tempLicense.serverkey,
+                        onChange: (value) => {
+                            serverKeyLists = value;
                         }
-                    }); --}}" type="text" placeholder="Search Server Key">
+                    });
+                    
+                    $el._x_tom.setValue(serverKeyLists);
+                    tomGReady = true;" type="text" placeholder="Search Server Key">
             </div>
             <div>
                 <label for="company" class="block text-sm font-medium text-gray-700">Company</label>
@@ -147,10 +142,12 @@
                         <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">{{ $server->TaskDate }}</td>
                         <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                             @if ($server->TaskStatus == '999')
-                                <button type="button" wire:click="resendPatch({{ $server->ServerID }})" class="btn bg-info text-white px-4 py-2 rounded"><i class="fa fa-repeat"
+                                <button type="button" wire:click="resendPatch({{ $server->ServerID }})"
+                                    class="btn bg-info text-white px-4 py-2 rounded"><i class="fa fa-repeat"
                                         aria-hidden="true"></i></button>
                             @else
-                                <button type="button" wire:click="deletePatch({{ $server->ServerID }})" class="btn bg-info-focus text-white px-4 py-2 rounded"><i class="fa fa-trash"
+                                <button type="button" wire:click="deletePatch({{ $server->ServerID }})"
+                                    class="btn bg-info-focus text-white px-4 py-2 rounded"><i class="fa fa-trash"
                                         aria-hidden="true"></i></button>
                             @endif