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

step 25 : slicing add setting mobile, add template x-if dropdown data kosong

Browse Source
This commit is contained in:
sindhu
2025-03-14 02:54:50 +07:00
parent ea4f0736e8
commit 7a3ec92eaa
4 changed files with 804 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
v1/settings.html
View File

@@ -192,6 +192,9 @@
<div x-show="openJenis"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataJenis.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataJenis" :key="item.idJenis">
<li :id="item.idJenis" @click="onChangeJenis(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -244,6 +247,9 @@
<div x-show="openInterface"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataInterface.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataInterface" :key="item.idInterface">
<li :id="item.idInterface" @click="onChangeInterface(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -274,6 +280,9 @@
<div x-show="openInstrument"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataInstrument.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataInstrument" :key="item.idInstrument">
<li :id="item.idInstrument" @click="onChangeInstrument(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -337,6 +346,9 @@
<div x-show="openInterface"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataInterface.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataInterface" :key="item.idInterface">
<li :id="item.idInterface" @click="onChangeInterface(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -367,6 +379,9 @@
<div x-show="openInstrument"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataInstrument.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataInstrument" :key="item.idInstrument">
<li :id="item.idInstrument" @click="onChangeInstrument(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -404,6 +419,9 @@
<div x-show="openSerial"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataSerial.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataSerial" :key="item.idSerial">
<li :id="item.idSerial" @click="onChangeSerial(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -447,6 +465,9 @@
<div x-show="openParity"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataParity.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataParity" :key="item.idParity">
<li :id="item.idParity" @click="onChangeParity(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -477,6 +498,9 @@
<div x-show="openDataBit"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataDataBit.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataDataBit" :key="item.idDataBit">
<li :id="item.idDataBit" @click="onChangeDataBit(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -507,6 +531,9 @@
<div x-show="openStopBit"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataStopBit.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataStopBit" :key="item.idStopBit">
<li :id="item.idStopBit" @click="onChangeStopBit(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -537,6 +564,9 @@
<div x-show="openInterface"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataInterface.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataInterface" :key="item.idInterface">
<li :id="item.idInterface" @click="onChangeInterface(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -567,6 +597,9 @@
<div x-show="openInstrument"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataInstrument.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataInstrument" :key="item.idInstrument">
<li :id="item.idInstrument" @click="onChangeInstrument(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -632,6 +665,9 @@
<div x-show="openJenis"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataJenis.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataJenis" :key="item.idJenis">
<li :id="item.idJenis" @click="onChangeJenis(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -682,6 +718,9 @@
<div x-show="openInterface"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataInterface.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataInterface" :key="item.idInterface">
<li :id="item.idInterface" @click="onChangeInterface(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -712,6 +751,9 @@
<div x-show="openInstrument"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataInstrument.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataInstrument" :key="item.idInstrument">
<li :id="item.idInstrument" @click="onChangeInstrument(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -775,6 +817,9 @@
<div x-show="openInterface"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataInterface.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataInterface" :key="item.idInterface">
<li :id="item.idInterface" @click="onChangeInterface(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -805,6 +850,9 @@
<div x-show="openInstrument"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataInstrument.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataInstrument" :key="item.idInstrument">
<li :id="item.idInstrument" @click="onChangeInstrument(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -842,6 +890,9 @@
<div x-show="openSerial"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataSerial.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataSerial" :key="item.idSerial">
<li :id="item.idSerial" @click="onChangeSerial(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -885,6 +936,9 @@
<div x-show="openParity"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataParity.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataParity" :key="item.idParity">
<li :id="item.idParity" @click="onChangeParity(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -915,6 +969,9 @@
<div x-show="openDataBit"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataDataBit.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataDataBit" :key="item.idDataBit">
<li :id="item.idDataBit" @click="onChangeDataBit(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -945,6 +1002,9 @@
<div x-show="openStopBit"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataStopBit.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataStopBit" :key="item.idStopBit">
<li :id="item.idStopBit" @click="onChangeStopBit(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -975,6 +1035,9 @@
<div x-show="openInterface"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataInterface.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataInterface" :key="item.idInterface">
<li :id="item.idInterface" @click="onChangeInterface(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -1005,6 +1068,9 @@
<div x-show="openInstrument"
class="absolute bg-white w-full border border-gray-300 rounded-md shadow-lg z-10 max-h-[200px] overflow-y-auto">
<ul>
<template x-if="dataInstrument.length === 0">
<li class="py-2 px-3 text-gray-500 text-center">Data tidak ada</li>
</template>
<template x-for="item in dataInstrument" :key="item.idInstrument">
<li :id="item.idInstrument" @click="onChangeInstrument(item)"
class="py-2 px-3 hover:bg-blue-100 cursor-pointer text-gray-700">
@@ -1040,7 +1106,9 @@
<!-- Kiri Mobile -->
<div class="bg-[#F2F9FF] h-5 flex justify-between space-x-2 lg:hidden">
<h2 class="text-black/87 font-medium text-xl mb-4">Setting</h2>
<span class="material-symbols-outlined text-[#2196F3]">add</span>
<a href="settings_mobile_add.html">
<span class="material-symbols-outlined text-[#2196F3]">add</span>
</a>
</div>
<!-- Bagian Kanan (PORT STATUS) -->