iontalp/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test

Browse Source
This commit is contained in:
iontalp
2026-07-29 03:00:02 +02:00
parent 9544ba5c96
commit cb67fb4a84
1 changed files with 39 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/kaza.js
+39 -18
View File
@@ -1,4 +1,9 @@
import { gregorianToHijri, calculateMissedPrayers, getHijriAge, getHijriBirthDate } from "../utils/hijri.js";
import {
gregorianToHijri,
calculateMissedPrayers,
getHijriAge,
getHijriBirthDate,
} from "../utils/hijri.js";
const PRAYERS = [
{ id: "fajr", name: "SABAH", arabic: "Fecr" },
@@ -10,7 +15,7 @@ const PRAYERS = [
];
export function renderKaza(pb) {
const pbBirthDate = pb.authStore.model?.birthDate;
const pbBirthDate = pb.authStore.model?.birthdate;
const pbGender = pb.authStore.model?.gender;
const profileS = localStorage.getItem("kaza_profile");
let profile = profileS ? JSON.parse(profileS) : null;
@@ -29,7 +34,9 @@ export function renderKaza(pb) {
Hicri yaşını ve kalan kaza namazını takip et.
</p>
${!birthDate ? `
${
!birthDate
? `
<div class="bg-slate-900/40 border border-white/10 p-6 rounded-2xl mb-6">
<h3 class="text-sm font-semibold text-slate-300 mb-4">Profil Bilgileri</h3>
<form id="profileForm" class="grid grid-cols-1 md:grid-cols-3 gap-4">
@@ -51,19 +58,22 @@ export function renderKaza(pb) {
</div>
</form>
</div>
` : `
`
: `
<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3 mb-6">
<div class="bg-slate-900/40 border border-white/10 p-3 rounded-2xl text-center">
<p class="text-[10px] text-slate-400 mb-1">Hicri Doğum Tarihi</p>
<p class="text-sm font-bold text-white" id="hijriBirthDateDisplay">-</p>
</div>
${PRAYERS.map((p) => `
${PRAYERS.map(
(p) => `
<div class="bg-slate-900/40 border border-white/10 p-3 rounded-2xl text-center">
<p class="text-[10px] text-slate-400 mb-1">${p.name}</p>
<p class="text-xs text-white">Kalan: <span id="remaining-${p.id}" class="font-bold text-emerald-300">-</span></p>
<p class="text-[10px] text-slate-500 mt-1">Toplam: <span id="total-${p.id}">-</span></p>
</div>
`).join("")}
`,
).join("")}
</div>
<div class="bg-slate-900/40 border border-white/10 p-4 rounded-2xl mb-6">
@@ -89,7 +99,7 @@ export function renderKaza(pb) {
${PRAYERS.map((p) => {
const todayKey = new Date().toISOString().split("T")[0];
const alreadyDone = profile?.todayLogs?.some(
(l) => l.prayerId === p.id && l.date === todayKey
(l) => l.prayerId === p.id && l.date === todayKey,
);
return `
<div class="bg-slate-900/40 border ${alreadyDone ? "border-emerald-500/50 bg-emerald-500/10" : "border-white/10"} rounded-2xl p-4 text-center transition-all">
@@ -106,7 +116,8 @@ export function renderKaza(pb) {
<p class="text-xs text-slate-500">Yükleniyor...</p>
</div>
</div>
`}
`
}
</div>
`;
@@ -185,7 +196,11 @@ export function renderKaza(pb) {
await refreshKazaStats(container, pb, birthDate, gender, profile);
} catch (err) {
console.error("Kaza eklenemedi:", err);
showKazaMsg(msg, "Eklenemedi. PocketBase bağlantısını kontrol et.", false);
showKazaMsg(
msg,
"Eklenemedi. PocketBase bağlantısını kontrol et.",
false,
);
}
});
}
@@ -223,7 +238,11 @@ export function renderKaza(pb) {
await refreshKazaStats(container, pb, birthDate, gender, profile);
} catch (err) {
console.error("Kaza çıkarılamadı:", err);
showKazaMsg(msg, "Çıkarılamadı. PocketBase bağlantısını kontrol et.", false);
showKazaMsg(
msg,
"Çıkarılamadı. PocketBase bağlantısını kontrol et.",
false,
);
}
});
}
@@ -261,7 +280,8 @@ async function refreshKazaStats(container, pb, birthDate, gender, profile) {
}));
logs.forEach((l) => {
logsByPrayer[l.prayerId] = (logsByPrayer[l.prayerId] || 0) + (l.count || 1);
logsByPrayer[l.prayerId] =
(logsByPrayer[l.prayerId] || 0) + (l.count || 1);
});
} catch (err) {
console.error("Loglar yüklenemedi:", err);
@@ -287,18 +307,19 @@ async function refreshKazaStats(container, pb, birthDate, gender, profile) {
const logsContainer = container.querySelector("#logsContainer");
if (logsContainer) {
logsContainer.innerHTML = logs
.slice(0, 20)
.map((log) => {
const prayer = PRAYERS.find((p) => p.id === log.prayerId);
return `
logsContainer.innerHTML =
logs
.slice(0, 20)
.map((log) => {
const prayer = PRAYERS.find((p) => p.id === log.prayerId);
return `
<div class="flex items-center justify-between bg-slate-900/20 border border-white/5 rounded-xl px-4 py-2">
<span class="text-xs text-slate-300">${prayer?.name || log.prayerId} x${log.count} - ${log.date}</span>
<span class="text-xs text-emerald-400">+${log.count}</span>
</div>
`;
})
.join("") || '<p class="text-xs text-slate-500">Henüz kayıt yok.</p>';
})
.join("") || '<p class="text-xs text-slate-500">Henüz kayıt yok.</p>';
}
}