alex/puppy-tracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add meal gaps to the timing panel

Browse Source 
Meals have the same shape as the pee and poo intervals already shown here —
gapsBetween() is type-agnostic, so it is two more rows and one more call. The
window, the median-based "typical" and the em-dash empty state all come along
unchanged.

The heading drops "Bathroom", which stops being accurate once feeding is in
the panel. data-panel stays "timing", so a collapsed panel stays collapsed
across the rename.

The hint keeps keying off pees: it is advice about when to take the puppy out,
which meal spacing has nothing to say about. Only its empty-state text widens.
This commit is contained in:
Alexander Heldt
2026-08-24 12:59:52 +00:00
parent 2a14c34010
commit 29b961c1b0
3 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/index.html
+3 -1
View File
@@ -170,12 +170,14 @@
</section>
<section class="timing" data-panel="timing">
<h2>Bathroom timing <span class="muted-note">(last 7 days)</span></h2>
<h2>Timing <span class="muted-note">(last 7 days)</span></h2>
<div class="lasts">
<div class="last-row"><span>Typical time between pees</span><span id="gap-pee">—</span></div>
<div class="last-row"><span>Shortest between pees</span><span id="gap-pee-min">—</span></div>
<div class="last-row"><span>Typical time between poos</span><span id="gap-poo">—</span></div>
<div class="last-row"><span>Shortest between poos</span><span id="gap-poo-min">—</span></div>
<div class="last-row"><span>Typical time between meals</span><span id="gap-eat">—</span></div>
<div class="last-row"><span>Shortest between meals</span><span id="gap-eat-min">—</span></div>
</div>
<p class="muted-note timing-hint" id="timing-hint"></p>
</section>