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

fixing phase on dashboard

This commit is contained in:
Muhammad Izza Alfiansyah 2024-07-08 23:06:27 +07:00
parent 7b220e2297
commit a1151ff9d8
1 changed files with 29 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
website/src/pages/Index.tsx
View File

@ -15,8 +15,9 @@ export default function () {
const [kadarGas, setKadarGas] = createSignal<number[]>([]); const [kadarGas, setKadarGas] = createSignal<number[]>([]);
const [timeStamps, setTimeStamps] = createSignal<any[]>([]); const [timeStamps, setTimeStamps] = createSignal<any[]>([]);
const [lamaJam, setLamaJam] = createSignal<number>(); const [lamaJam, setLamaJam] = createSignal<number>();
const [waktuAwal, setWaktuAwal] = createSignal<number>();
const [lastHistori, setLastHistori] = createSignal<Histori | null>(null); const [lastHistori, setLastHistori] = createSignal<Histori>();
const [pengaturan, setPengaturan] = createSignal<Pengaturan | null>(null); const [pengaturan, setPengaturan] = createSignal<Pengaturan | null>(null);
const getLastHistori = async () => { const getLastHistori = async () => {
@ -24,7 +25,6 @@ export default function () {
.from("histori_fermentasi") .from("histori_fermentasi")
.select("*") .select("*")
.limit(1) .limit(1)
.eq("selesai", false)
.order("created_at", { ascending: false }); .order("created_at", { ascending: false });
if (!!data) { if (!!data) {
@ -35,7 +35,7 @@ export default function () {
const getLamaFermentasi = async () => { const getLamaFermentasi = async () => {
const { data: dataAwals } = await supabase const { data: dataAwals } = await supabase
.from("kondisi_tapai") .from("kondisi_tapai")
.select("created_time") .select("*")
.limit(1) .limit(1)
.order("created_time", { ascending: true }); .order("created_time", { ascending: true });
@ -51,12 +51,12 @@ export default function () {
let lama = 0; let lama = 0;
console.log(dataAwals);
if (dataAwals?.length) { if (dataAwals?.length) {
const dataAwal: CData = dataAwals![0]; const dataAwal: CData = dataAwals![0];
const dataAkhir: CData = dataAkhirs![0]; const dataAkhir: CData = dataAkhirs![0];
setWaktuAwal(dataAwal.created_time);
lama = dataAkhir.created_time - dataAwal.created_time; lama = dataAkhir.created_time - dataAwal.created_time;
} }
@ -261,42 +261,34 @@ export default function () {
} }
> >
<div class="space-y-5"> <div class="space-y-5">
<Show when={!kadarGas()}>
<div class="bg-white rounded p-5 shadow">Data tidak terdeteksi</div>
<div class="bg-white rounded p-5 shadow flex items-center justify-center">
<img
src="https://www.islandofworldpeace.ie/wp-content/uploads/2019/03/no-image.jpg"
alt=""
class="w-[300px] h-[300px]"
/>
</div>
</Show>
<div class={"space-y-5" + (kadarGas().length > 0 ? "" : "hidden")}> <div class={"space-y-5" + (kadarGas().length > 0 ? "" : "hidden")}>
<div class="mb-5"> <Show when={!!lastHistori()}>
<div <div class="mb-5">
class={ <div
(lastHistori()?.selesai == false class={
? lastHistori()?.berhasil (waktuAwal()! <= lastHistori()!.waktu_akhir
? "bg-green-500"
: "bg-red-500"
: "bg-orange-500") + " rounded shadow text-white p-8"
}
>
<div class="text-3xl">
Status Fermentasi:{" "}
<span class="font-semibold">
{lastHistori()?.selesai == false
? lastHistori()?.berhasil ? lastHistori()?.berhasil
? "Matang" ? "bg-green-500"
: "Gagal" : "bg-red-500"
: "Menunggu"} : "bg-orange-500") + " rounded shadow text-white p-8"
</span> }
</div> >
<div class="mt-1"> <div class="text-3xl">
<div class="text-base">Waktu Berlalu : {lamaJam()} jam</div> Status Fermentasi:{" "}
<span class="font-semibold">
{waktuAwal()! <= lastHistori()!.waktu_akhir
? lastHistori()?.berhasil
? "Matang"
: "Gagal"
: "Menunggu"}
</span>
</div>
<div class="mt-1">
<div class="text-base">Waktu Berlalu : {lamaJam()} jam</div>
</div>
</div> </div>
</div> </div>
</div> </Show>
<div class="bg-white rounded p-5 shadow mb-5"> <div class="bg-white rounded p-5 shadow mb-5">
Terjadi kesalahan dan ingin membatalkan fermentasi? Klik di{" "} Terjadi kesalahan dan ingin membatalkan fermentasi? Klik di{" "}