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

Make recent activity cards dynamic #45

Merged
brian merged 1 commits from make-recent-activity-last-sleep-dynamic into main 2026-05-21 15:29:18 +02:00
Conversation 0 Commits 1 Files Changed 1
+3 -3
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/baby_monitor/static/index.html
+3 -3
View File
@@ -414,7 +414,7 @@
if (feedings.length > 0) { if (feedings.length > 0) {
// Calculate the most recent feeding session // Calculate the most recent feeding session
let sessionStart = feedings[0].start_time; let sessionStart = feedings[0].start_time;
let sessionEnd = feedings[0].end_time || feedings[0].start_time; let sessionEnd = feedings[0].end_time;
let sessionChildId = feedings[0].child_id; let sessionChildId = feedings[0].child_id;
let sessionEntries = [feedings[0]]; let sessionEntries = [feedings[0]];
@@ -649,7 +649,7 @@
<a href="/feedings.html" class="activity-card" style="text-decoration:none; color:inherit;"> <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 Session</div> <div class="type">Last Feeding Session</div>
<div class="time">${formatTime(lastFeeding.start_time)}</div> <div class="time">${lastFeeding.end_time ? `stopped ${formatTime(lastFeeding.end_time)}` : `started ${formatTime(lastFeeding.start_time)}`}</div>
<div class="details"> <div class="details">
${lastFeeding.feeding_types_string ? `${lastFeeding.feeding_types_string}` : ""} ${lastFeeding.feeding_types_string ? `${lastFeeding.feeding_types_string}` : ""}
${lastFeeding.feeding_types_string && lastFeeding.accumulated_minutes ? " • " : ""} ${lastFeeding.feeding_types_string && lastFeeding.accumulated_minutes ? " • " : ""}
@@ -671,7 +671,7 @@
<a href="/sleep.html" class="activity-card" style="text-decoration:none; color:inherit;"> <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">${lastSleep.end_time ? `stopped ${formatTime(lastSleep.end_time)}` : `started ${formatTime(lastSleep.start_time)}`}</div>
<div class="details"> <div class="details">
Duration: ${lastSleep.end_time ? calculateDuration(lastSleep.start_time, lastSleep.end_time) : "ongoing"} Duration: ${lastSleep.end_time ? calculateDuration(lastSleep.start_time, lastSleep.end_time) : "ongoing"}
</div> </div>