izzaalfiansyah
/
TKK_E32211868
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add more information about telegram account

This commit is contained in:
Muhammad Izza Alfiansyah 2024-05-25 09:12:08 +07:00
parent 835b254c9a
commit 00996e2438
1 changed files with 85 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

149
website/src/pages/Pengaturan.tsx
View File

@ -32,72 +32,93 @@ export default function () {
}); });
return ( return (
<form class="bg-white rounded p-5 shadow" onSubmit={handleSubmit}> <div class="space-y-5">
<div class="text-xl">Kontak Pemilik</div> <div class="bg-white rounded p-5 shadow">
<p class="text-sm"> <p class="text-sm">
Kontak digunakan untuk mengirimkan notifikasi sistem kepada pemilik. NB : Pada akun telegram, Anda perlu memberikan otorisasi pada
</p> CallMeBot untuk dapat memberikan notifikasi dan menghubungi akun anda!
<div class="my-5"> Anda dapat menggunakan{" "}
{/* <div class="mb-3"> <a
<div class="mb-1">Email</div> class="text-blue-500"
<input href="https://api2.callmebot.com/txt/login.php"
type="text" target="_blank"
class="input" >
placeholder="Masukkan Email" tautan ini
value={req()?.email} </a>
onInput={(e) => handleReqChange("email", e.target.value)} . Atau alternatif lain, Anda dapat memulai chat bot "/start" ke
/> @CallMeBot_txtbot. Untuk informasi lain anda dapat mengakses tautan{" "}
</div> */} <a class="text-blue-500" href="callmebot.com/faq">
<div class="mb-3"> callmebot.com
<div class="mb-1">Username / Nomor Telegram</div> </a>
<input </p>
type="text"
class="input"
placeholder="Masukkan Username / Nomor Telegram"
value={req()?.telepon}
onInput={(e) => handleReqChange("telepon", e.target.value)}
/>
</div>
</div> </div>
{/* <div class="h-8"></div> <form class="bg-white rounded p-5 shadow" onSubmit={handleSubmit}>
<div class="text-xl">Kontrol Fermentasi</div> <div class="text-xl">Kontak Pemilik</div>
<p class="text-sm"> <p class="text-sm">
Pemilik bisa mengatur environment untuk pengendalian suhu optimal pada Kontak digunakan untuk mengirimkan notifikasi sistem kepada pemilik.
fermentasi tape. </p>
</p> <div class="my-5">
<div class="my-5"> {/* <div class="mb-3">
<div class="mb-3"> <div class="mb-1">Email</div>
<div class="grid grid-cols-2 gap-4"> <input
<div> type="text"
<div class="mb-1">Suhu Min</div> class="input"
<input placeholder="Masukkan Email"
type="number" value={req()?.email}
min={0} onInput={(e) => handleReqChange("email", e.target.value)}
class="input" />
value={req()?.suhu_min} </div> */}
onInput={(e) => handleReqChange("suhu_min", e.target.value)} <div class="mb-3">
/> <div class="mb-1">Username / Nomor Telegram</div>
</div> <input
<div> type="text"
<div class="mb-1">Suhu Max</div> class="input"
<input placeholder="Masukkan Username / Nomor Telegram"
type="number" value={req()?.telepon}
max={100} onInput={(e) => handleReqChange("telepon", e.target.value)}
class="input" />
value={req()?.suhu_max}
onInput={(e) => handleReqChange("suhu_max", e.target.value)}
/>
</div>
</div> </div>
</div> </div>
</div> */} {/* <div class="h-8"></div>
<div class="h-8"></div> <div class="text-xl">Kontrol Fermentasi</div>
<button <p class="text-sm">
class="bg-blue-500 transition focus:bg-blue-400 text-white rounded shadow-sm uppercase p-3 px-6 w-full" Pemilik bisa mengatur environment untuk pengendalian suhu optimal pada
type="submit" fermentasi tape.
> </p>
Simpan <div class="my-5">
</button> <div class="mb-3">
</form> <div class="grid grid-cols-2 gap-4">
<div>
<div class="mb-1">Suhu Min</div>
<input
type="number"
min={0}
class="input"
value={req()?.suhu_min}
onInput={(e) => handleReqChange("suhu_min", e.target.value)}
/>
</div>
<div>
<div class="mb-1">Suhu Max</div>
<input
type="number"
max={100}
class="input"
value={req()?.suhu_max}
onInput={(e) => handleReqChange("suhu_max", e.target.value)}
/>
</div>
</div>
</div>
</div> */}
<div class="h-8"></div>
<button
class="bg-blue-500 transition focus:bg-blue-400 text-white rounded shadow-sm uppercase p-3 px-6 w-full"
type="submit"
>
Simpan
</button>
</form>
</div>
); );
} }