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> <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ASSAY FORMAT</a>
</li> </li>
<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>
<li> <li>
<a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ONLINE</a> <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> <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ASSAY FORMAT</a>
</li> </li>
<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>
<li> <li>
<a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ONLINE</a> <a href="#" class="text-black/87 transition font-bold hover:text-[#2196F3]">ONLINE</a>
@@ -116,6 +116,41 @@
<!-- Konten utama --> <!-- Konten utama -->
<div class="flex-1 flex flex-col lg:flex-row p-6 gap-5 overflow-hidden h-screen" x-data="{ <div class="flex-1 flex flex-col lg:flex-row p-6 gap-5 overflow-hidden h-screen" x-data="{
showDialogAdd: false, 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: { selectedJenis: {
idJenis: -1, idJenis: -1,
namaJenis: 'Jenis' namaJenis: 'Jenis'
@@ -135,6 +170,44 @@
namaJenis:'RS232', 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) --> <!-- 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"> <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> </tr>
</thead> </thead>
<tbody class="divide-y divide-gray-200"> <tbody class="divide-y divide-gray-200">
<tr> <template x-for="item in dataSetting" :key="item.idSetting">
<td class="text-wrap align-top text-left font-normal text-xs text-black/87 p-2">Lorem <tr>
ipsum...</td> <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">Port 5001 <td class="text-wrap align-top text-left font-normal text-xs text-black/87 p-2" x-text="item.info"></td>
</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">Hema 01</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-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">
<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>
<button><span class="material-symbols-outlined">edit</span></button> </td>
</td> </tr>
</tr> </template>
</tbody> </tbody>
</table> </table>
</div> </div>