Improve decoder setup UI and add configurable training timers

This commit is contained in:
larssand
2026-08-27 17:29:44 +02:00
parent 32acc0e9c7
commit a87c64a47c
8 changed files with 493 additions and 57 deletions

View File

@@ -214,14 +214,14 @@ export function renderTrainingView(deps) {
<div class="training-progress"><span style="width:${nextMilestone.percent.toFixed(2)}%"></span></div>
</section>
<section class="panel training-plan">
<div class="panel-header"><h3>${escapeHtml(t("training.recommendation"))}</h3><span class="badge">20 min</span></div>
<div class="panel-header"><h3>${escapeHtml(t("training.recommendation"))}</h3><span class="badge">${escapeHtml(t("training.flexible_duration"))}</span></div>
<div class="panel-body">
<span class="training-kicker">${escapeHtml(t(recommendation.titleKey))}</span>
<h3>${escapeHtml(targetText)}</h3>
<p>${escapeHtml(t(recommendation.bodyKey))}</p>
<div class="training-blocks">
<div><strong>10 min</strong><span>${escapeHtml(t("training.block_push"))}</span></div>
<div><strong>10 min</strong><span>${escapeHtml(t("training.block_control"))}</span></div>
<div><strong>${escapeHtml(t("training.block_one"))}</strong><span>${escapeHtml(t("training.block_push"))}</span></div>
<div><strong>${escapeHtml(t("training.block_two"))}</strong><span>${escapeHtml(t("training.block_control"))}</span></div>
</div>
</div>
</section>