brian/baby-monitor
1
0
Fork 0
Code Issues 3 Pull Requests 1 Actions Packages Projects Releases 12 Wiki Activity

added redirect to overview page when clicking most recent entry box

Browse Source
This commit is contained in:
Brian Bjarke Jensen
2025-12-03 19:39:48 +01:00
parent fdcfb3c8a5
commit 32946e1165
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/baby_monitor/static/index.html
+12 -12
View File
@@ -547,7 +547,7 @@
// Build diaper card // Build diaper card
const diaperCard = lastDiaperChange const diaperCard = lastDiaperChange
? ` ? `
<div class="activity-card"> <a href="/diapers.html" class="activity-card" style="text-decoration:none; color:inherit;">
<div class="icon">🧷</div> <div class="icon">🧷</div>
<div class="type">Last Diaper</div> <div class="type">Last Diaper</div>
<div class="time">${formatTime(lastDiaperChange.change_time)}</div> <div class="time">${formatTime(lastDiaperChange.change_time)}</div>
@@ -556,19 +556,19 @@
${lastDiaperChange.poop_amount && lastDiaperChange.pee_amount ? " • " : ""} ${lastDiaperChange.poop_amount && lastDiaperChange.pee_amount ? " • " : ""}
${lastDiaperChange.pee_amount ? `💧 ${lastDiaperChange.pee_amount}` : ""} ${lastDiaperChange.pee_amount ? `💧 ${lastDiaperChange.pee_amount}` : ""}
</div> </div>
</div> </a>
` `
: ` : `
<div class="activity-card empty"> <a href="/diapers.html" class="activity-card empty" style="text-decoration:none; color:inherit;">
<div class="icon">🧷</div> <div class="icon">🧷</div>
<div class="type">No diaper changes yet</div> <div class="type">No diaper changes yet</div>
</div> </a>
`; `;
// Build feeding card // Build feeding card
const feedingCard = lastFeeding const feedingCard = lastFeeding
? ` ? `
<div class="activity-card"> <a href="/feedings.html" class="activity-card" style="text-decoration:none; color:inherit;">
<div class="icon">🍼</div> <div class="icon">🍼</div>
<div class="type">Last Feeding</div> <div class="type">Last Feeding</div>
<div class="time">${formatTime(lastFeeding.start_time)}</div> <div class="time">${formatTime(lastFeeding.start_time)}</div>
@@ -576,32 +576,32 @@
${formatFeedingType(lastFeeding.feeding_type)} ${formatFeedingType(lastFeeding.feeding_type)}
${lastFeeding.end_time ? ` • ${calculateDuration(lastFeeding.start_time, lastFeeding.end_time)}` : " (ongoing)"} ${lastFeeding.end_time ? ` • ${calculateDuration(lastFeeding.start_time, lastFeeding.end_time)}` : " (ongoing)"}
</div> </div>
</div> </a>
` `
: ` : `
<div class="activity-card empty"> <a href="/feedings.html" class="activity-card empty" style="text-decoration:none; color:inherit;">
<div class="icon">🍼</div> <div class="icon">🍼</div>
<div class="type">No feedings yet</div> <div class="type">No feedings yet</div>
</div> </a>
`; `;
// Build sleep card // Build sleep card
const sleepCard = lastSleep const sleepCard = lastSleep
? ` ? `
<div class="activity-card"> <a href="/sleep.html" class="activity-card" style="text-decoration:none; color:inherit;">
<div class="icon">😴</div> <div class="icon">😴</div>
<div class="type">Last Sleep</div> <div class="type">Last Sleep</div>
<div class="time">${formatTime(lastSleep.start_time)}</div> <div class="time">${formatTime(lastSleep.start_time)}</div>
<div class="details"> <div class="details">
${lastSleep.end_time ? calculateDuration(lastSleep.start_time, lastSleep.end_time) : "ongoing"} ${lastSleep.end_time ? calculateDuration(lastSleep.start_time, lastSleep.end_time) : "ongoing"}
</div> </div>
</div> </a>
` `
: ` : `
<div class="activity-card empty"> <a href="/sleep.html" class="activity-card empty" style="text-decoration:none; color:inherit;">
<div class="icon">😴</div> <div class="icon">😴</div>
<div class="type">No sleep sessions yet</div> <div class="type">No sleep sessions yet</div>
</div> </a>
`; `;
return ` return `