From 6a5502eba25ad9a03626833757695d3785f68e83 Mon Sep 17 00:00:00 2001
From: sindhu <albertussindhu15@gmail.com>
Date: Thu, 13 Mar 2025 07:39:21 +0700
Subject: [PATCH] step 15 : ganti nama menu assay format jadi result, populate
 data settings di xdata

---
 v1/dashboard.html |  2 +-
 v1/settings.html  | 97 +++++++++++++++++++++++++++++++++++++++++------
 2 files changed, 86 insertions(+), 13 deletions(-)

diff --git a/v1/dashboard.html b/v1/dashboard.html
index 400161a..6d4812b 100644
--- a/v1/dashboard.html
+++ b/v1/dashboard.html
@@ -34,7 +34,7 @@
                     <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ASSAY FORMAT</a>
                 </li>
                 <li>
-                    <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ASSAY CALC</a>
+                    <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">RESULT</a>
                 </li>
                 <li>
                     <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ONLINE</a>
diff --git a/v1/settings.html b/v1/settings.html
index 2dbacbb..a13aaf7 100644
--- a/v1/settings.html
+++ b/v1/settings.html
@@ -34,7 +34,7 @@
                     <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ASSAY FORMAT</a>
                 </li>
                 <li>
-                    <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ASSAY CALC</a>
+                    <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">RESULT</a>
                 </li>
                 <li>
                     <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ONLINE</a>
@@ -116,6 +116,41 @@
     <!-- Konten utama -->
     <div class="flex-1 flex flex-col lg:flex-row p-6 gap-5 overflow-hidden h-screen" x-data="{ 
             showDialogAdd: false, 
+            dataSetting: [
+                {
+                    idSetting: 1,
+                    idJenis: 1,
+                    namaJenis: 'TCP Server',
+                    info: 'Port 5001',
+                    port: '5001',
+                    idInterface: 1,
+                    namaInterface: 'XN550',
+                    idInstrument: 1,
+                    namaInstrument: 'Hema 01',
+                },
+                {
+                    idSetting: 2,
+                    idJenis: 2,
+                    namaJenis: 'TCP Client',
+                    info: 'Server 192.168.0.1, Port 4000',
+                    port: 'Server 192.168.0.1, Port 4000',
+                    idInterface: 2,
+                    namaInterface: 'Axsym',
+                    idInstrument: 2,
+                    namaInstrument: 'Axsym',
+                },
+                {
+                    idSetting: 3,
+                    idJenis: 3,
+                    namaJenis:'RS232',
+                    info: 'ttyS01, 9600, N, 8, 1',
+                    port: 'ttyS01, 9600, N, 8, 1',
+                    idInterface: 3,
+                    namaInterface: 'C311',
+                    idInstrument: 3,
+                    namaInstrument: 'Cobas C311',
+                },
+            ],
             selectedJenis: {
                 idJenis: -1,
                 namaJenis: 'Jenis'
@@ -135,6 +170,44 @@
                     namaJenis:'RS232',
                 },
             ],
+            selectedInterface: {
+                idInterface: -1,
+                namaInterface: 'Interface'
+            },
+            openInterface: false,
+            dataInterface: [
+                {
+                    idInterface: 1,
+                    namaInterface: 'XN550',
+                },
+                {
+                    idInterface: 2,
+                    namaInterface: 'Axsym',
+                },
+                {
+                    idInterface: 3,
+                    namaInterface: 'C311',
+                },
+            ],
+            selectedInstrument: {
+                idInstrument: -1,
+                namaInstrument: 'Instrument'
+            },
+            openInstrument: false,
+            dataInstrument: [
+                {
+                    idInstrument: 1,
+                    namaInstrument: 'Hema 01',
+                },
+                {
+                    idInstrument: 2,
+                    namaInstrument: 'Axsym',
+                },
+                {
+                    idInstrument: 3,
+                    namaInstrument: 'Cobas C311',
+                },
+            ],
         }">
         <!-- Bagian Kiri (Tabel) -->
         <div class="hidden lg: bg-white w-full lg:w-1/2 rounded-lg p-5 lg:flex flex-col flex-1 overflow-hidden">
@@ -157,17 +230,17 @@
                         </tr>
                     </thead>
                     <tbody class="divide-y divide-gray-200">
-                        <tr>
-                            <td class="text-wrap align-top text-left font-normal text-xs text-black/87 p-2">Lorem
-                                ipsum...</td>
-                            <td class="text-wrap align-top text-left font-normal text-xs text-black/87 p-2">Port 5001
-                            </td>
-                            <td class="text-wrap align-top text-left font-normal text-xs text-black/87 p-2">Hema 01</td>
-                            <td class="text-wrap align-top text-left font-normal text-xs text-black/87 p-2">XN550</td>
-                            <td class="text-wrap align-top text-center font-normal text-xs text-[#2196F3] p-2">
-                                <button><span class="material-symbols-outlined">edit</span></button>
-                            </td>
-                        </tr>
+                        <template x-for="item in dataSetting" :key="item.idSetting">
+                            <tr>
+                                <td class="text-wrap align-top text-left font-normal text-xs text-black/87 p-2" x-text="item.namaJenis"></td>
+                                <td class="text-wrap align-top text-left font-normal text-xs text-black/87 p-2" x-text="item.info"></td>
+                                <td class="text-wrap align-top text-left font-normal text-xs text-black/87 p-2" x-text="item.namaInstrument"></td>
+                                <td class="text-wrap align-top text-left font-normal text-xs text-black/87 p-2" x-text="item.namaInterface"></td>
+                                <td class="text-wrap align-top text-center font-normal text-xs text-[#2196F3] p-2">
+                                    <button><span class="material-symbols-outlined">edit</span></button>
+                                </td>
+                            </tr>
+                        </template>
                     </tbody>
                 </table>
             </div>