sindhu/xport-tailwind-alpine
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

step 15 : ganti nama menu assay format jadi result, populate data settings di xdata

Browse Source
This commit is contained in:
sindhu
2025-03-13 07:39:21 +07:00
parent f0f518400e
commit 6a5502eba2
2 changed files with 86 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
v1/dashboard.html
View File

@@ -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>

97
v1/settings.html
View File

@@ -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>