hnzio/mood-tracking
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 7 Wiki Activity

feat(track): replace alcohol checkbox with a selectable tile

Browse Source
This commit is contained in:
Florian Heinz
2026-04-14 15:09:25 +02:00
parent ab1d8bc677
commit e953d0fd42
2 changed files with 31 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/icons/alcohol.svg
+8
View File
@@ -0,0 +1,8 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23 11C23.4 9.8 24.5 9 25.8 9H38.2C39.5 9 40.6 9.8 41 11L44.4 22.7C44.8 24.2 45 25.8 45 27.3C45 33.9 39.8 39.3 33.3 39.8V51H39.5C40.9 51 42 52.1 42 53.5C42 54.9 40.9 56 39.5 56H24.5C23.1 56 22 54.9 22 53.5C22 52.1 23.1 51 24.5 51H30.7V39.8C24.2 39.3 19 33.9 19 27.3C19 25.8 19.2 24.2 19.6 22.7L23 11Z" fill="#EFF7FF"/>
<path d="M22.4 20H41.6L41.2 22C41 22.9 41 23.8 41 24.7C41 29.8 36.8 34 31.7 34H32.3C37.2 34 41.2 30 41.2 25.1C41.2 24 41.1 23 40.8 22L40.3 20H22.4Z" fill="#8BE4FF" opacity="0.95"/>
<path d="M22 21.5C22 20.7 22.7 20 23.5 20H40.5C41.3 20 42 20.7 42 21.5C42 27.3 37.3 32 31.5 32C25.7 32 21 27.3 21 21.5H22Z" fill="#7FF3BB" opacity="0.8"/>
<path d="M24 15H40" stroke="#8BE4FF" stroke-width="2.8" stroke-linecap="round"/>
<path d="M27.5 44H36.5" stroke="#8BE4FF" stroke-width="3" stroke-linecap="round"/>
<path d="M25 53H39" stroke="#7FF3BB" stroke-width="3.2" stroke-linecap="round" opacity="0.9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

templates/pages/track.php
+23 -15
View File
@@ -6,7 +6,7 @@
<h3><?= e(format_display_date($entry['date'])) ?></h3> <h3><?= e(format_display_date($entry['date'])) ?></h3>
</div> </div>
<div class="section-head__actions"> <div class="section-head__actions">
<a class="ghost-link" href="/archive?date=<?= e(rawurlencode($entry['date'])) ?>">Im Archiv ansehen</a> <a class="ghost-link" href="/archive?view=days&amp;date=<?= e(rawurlencode($entry['date'])) ?>">Im Archiv ansehen</a>
<a class="ghost-link" href="/track?date=<?= e(today()) ?>">Heute</a> <a class="ghost-link" href="/track?date=<?= e(today()) ?>">Heute</a>
</div> </div>
</div> </div>
@@ -45,23 +45,31 @@
<input type="range" min="1" max="10" step="1" name="pain" value="<?= e((string) $entry['pain']) ?>"> <input type="range" min="1" max="10" step="1" name="pain" value="<?= e((string) $entry['pain']) ?>">
</label> </label>
<label class="checkbox-row checkbox-row--panel checkbox-row--tall"> <div class="sport-choice-field sport-choice-field--single">
<input type="checkbox" name="alcohol" value="1" <?= !empty($entry['alcohol']) ? 'checked' : '' ?>> <div class="sport-choice-list sport-choice-list--single">
<span> <label class="sport-choice">
<strong>Alkohol</strong> <input type="checkbox" name="alcohol" value="1" <?= !empty($entry['alcohol']) ? 'checked' : '' ?>>
<small>Wenn du heute Alkohol getrunken hast, werden 5 Punkte abgezogen.</small> <span class="sport-choice__card sport-choice__card--toggle">
</span> <img src="<?= e(icon_path('alcohol')) ?>" alt="">
</label> <strong>Alkohol</strong>Heute was getrunken?
</span>
</label>
</div>
</div>
</div> </div>
<?php else: ?> <?php else: ?>
<div class="field-grid field-grid--single"> <div class="field-grid field-grid--single">
<label class="checkbox-row checkbox-row--panel"> <div class="sport-choice-field sport-choice-field--single">
<input type="checkbox" name="alcohol" value="1" <?= !empty($entry['alcohol']) ? 'checked' : '' ?>> <div class="sport-choice-list sport-choice-list--single">
<span> <label class="sport-choice">
<strong>Alkohol</strong> <input type="checkbox" name="alcohol" value="1" <?= !empty($entry['alcohol']) ? 'checked' : '' ?>>
<small>Wenn du heute Alkohol getrunken hast, werden 5 Punkte abgezogen.</small> <span class="sport-choice__card sport-choice__card--toggle">
</span> <img src="<?= e(icon_path('alcohol')) ?>" alt="">
</label> <strong>Alkohol</strong>Heute was getrunken?
</span>
</label>
</div>
</div>
</div> </div>
<?php endif; ?> <?php endif; ?>