troogs/astrain
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance routine run UI with selectable items, check icons, and weight select dropdown

Browse Source
This commit is contained in:
troogs
2026-02-07 18:30:03 +01:00
parent c00e36eff4
commit d6a187c01a
3 changed files with 59 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/ASTRAIN.Client/Pages/Routines.razor
View File

@@ -113,15 +113,20 @@
<div class="list">
@foreach (var entry in RunEntries)
{
<div class="list-item @(entry.Completed ? "done" : string.Empty)">
<label class="checkbox-row">
<input type="checkbox" checked="@entry.Completed" @onchange="() => ToggleRunCompleted(entry.ExerciseId)" />
<span>@GetExerciseName(entry.ExerciseId)</span>
</label>
<div class="input-unit">
<input class="input input-sm" type="number" step="0.5" @bind="entry.Weight" @bind:event="oninput" />
<span class="unit">kg</span>
<div class="list-item selectable @(entry.Completed ? "selected" : string.Empty)" @onclick="() => ToggleRunCompleted(entry.ExerciseId)">
<div class="item-title">@GetExerciseName(entry.ExerciseId)</div>
<div class="item-actions" @onclick:stopPropagation="true">
<div class="input-unit">
<select class="input input-sm" @bind="entry.Weight">
@foreach (var w in WeightOptions)
{
<option value="@w">@w</option>
}
</select>
<span class="unit">kg</span>
</div>
</div>
<span class="check-icon @(entry.Completed ? "visible" : string.Empty)" aria-hidden="true">✓</span>
</div>
}
</div>