${renderGuidePanel("guide.dashboard_title", ["guide.dashboard_1", "guide.dashboard_2", "guide.dashboard_3", "guide.dashboard_4"], "", { t })}
- ${renderGuidePanel("guide.training_title", ["guide.training_1", "guide.training_2", "guide.training_3", "guide.training_4", "guide.training_5", "guide.training_6", "guide.training_7", "guide.training_8", "guide.training_9", "guide.training_10", "guide.training_11", "guide.training_12", "guide.training_13", "guide.training_14", "guide.training_15", "guide.training_16", "guide.training_17", "guide.training_18", "guide.training_19", "guide.training_20"], "", { t })}
+ ${renderGuidePanel("guide.training_title", ["guide.training_1", "guide.training_2", "guide.training_3", "guide.training_4", "guide.training_5", "guide.training_6", "guide.training_7", "guide.training_8", "guide.training_9", "guide.training_10", "guide.training_11", "guide.training_12", "guide.training_13", "guide.training_14", "guide.training_15", "guide.training_16", "guide.training_17", "guide.training_18", "guide.training_19", "guide.training_20", "guide.training_21", "guide.training_22", "guide.training_23"], "", { t })}
diff --git a/src/public_training.css b/src/public_training.css
index f4e9ef0..79baecc 100644
--- a/src/public_training.css
+++ b/src/public_training.css
@@ -217,6 +217,116 @@ button {
font-size: clamp(1.15rem, 4vw, 1.65rem);
}
+.profile-motivation-grid {
+ display: grid;
+ grid-template-columns: minmax(250px, 0.8fr) minmax(0, 1.2fr);
+ gap: 12px;
+ margin-top: 14px;
+}
+
+.profile-credit-card,
+.profile-challenge-card {
+ padding: 17px;
+}
+
+.profile-credit-card {
+ background:
+ radial-gradient(circle at 92% 8%, rgba(67, 213, 139, 0.2), transparent 42%),
+ color-mix(in srgb, var(--surface) 94%, transparent);
+}
+
+.profile-credit-card > p,
+.profile-challenge-card > p {
+ margin: 7px 0 13px;
+ color: var(--muted);
+}
+
+.profile-credit-card ul {
+ display: grid;
+ gap: 8px;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+.profile-credit-card li {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
+
+.profile-credit-card li > span {
+ display: grid;
+ flex: 0 0 auto;
+ place-items: center;
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background: rgba(67, 213, 139, 0.16);
+ color: var(--green);
+ font-family: Orbitron, sans-serif;
+ font-size: 0.7rem;
+}
+
+.profile-challenges {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 7px;
+}
+
+.profile-challenge {
+ display: flex;
+ min-width: 0;
+ gap: 8px;
+ padding: 9px;
+ border: 1px solid var(--line);
+ border-radius: 10px;
+ background: rgba(255, 255, 255, 0.025);
+}
+
+.profile-challenge > span {
+ display: grid;
+ flex: 0 0 auto;
+ place-items: center;
+ width: 30px;
+ height: 30px;
+ border-radius: 8px;
+ background: rgba(241, 42, 36, 0.16);
+ color: #ff8f89;
+ font-family: Orbitron, sans-serif;
+ font-size: 0.58rem;
+ font-weight: 700;
+}
+
+.profile-challenge > div {
+ min-width: 0;
+ flex: 1;
+}
+
+.profile-challenge strong,
+.profile-challenge small {
+ display: block;
+}
+
+.profile-challenge small {
+ margin: 2px 0 7px;
+ color: var(--muted);
+ font-size: 0.68rem;
+}
+
+.profile-challenge .profile-progress {
+ height: 4px;
+}
+
+.profile-challenge.is-complete {
+ border-color: color-mix(in srgb, var(--green) 48%, var(--line) 52%);
+}
+
+.profile-challenge.is-complete > span {
+ background: rgba(67, 213, 139, 0.16);
+ color: var(--green);
+}
+
.profile-grid {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
@@ -633,6 +743,14 @@ button {
grid-template-columns: 1fr;
}
+ .profile-motivation-grid {
+ grid-template-columns: 1fr;
+ }
+
+ .profile-challenges {
+ grid-template-columns: 1fr;
+ }
+
.profile-performance-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
diff --git a/src/public_training.js b/src/public_training.js
index 3cf0026..bd89af9 100644
--- a/src/public_training.js
+++ b/src/public_training.js
@@ -77,13 +77,34 @@ const messages = {
nextAchievement: "Nästa delmål",
achievement_first_session: "Första träningspasset",
achievement_laps_100: "100 träningsvarv",
+ achievement_laps_250: "250 träningsvarv",
achievement_laps_500: "500 träningsvarv",
achievement_laps_1000: "1 000 träningsvarv",
achievement_laps_1500: "1 500 träningsvarv",
achievement_days_3: "3 träningsdagar",
achievement_days_10: "10 träningsdagar",
+ achievement_sessions_5: "5 fullföljda träningspass",
achievement_controlled_5: "5 kontrollerade varv i rad",
+ achievement_controlled_10: "10 kontrollerade varv i rad",
achievement_five_minute: "Fullföljd femminutersstint",
+ achievement_five_minutes_3: "3 fullföljda femminutersstintar",
+ achievement_consistency_5: "Jämnhet under 5 procent",
+ achievement_pace_gain: "Förbättrat snittempo",
+ creditTitle: "Din träning räknas",
+ creditBody: "Varje genomfört varv bygger erfarenhet. Du jämförs med din egen utveckling, inte med andra förare.",
+ todayLapsCredit: "{laps} giltiga varv idag",
+ paceCredit: "Snittempot är {lap} snabbare per varv",
+ consistencyCredit: "{value} procentenheter jämnare körning",
+ controlledCredit: "{laps} kontrollerade varv i rad",
+ fiveMinuteCredit: "Du har fullföljt en femminutersstint",
+ buildingCredit: "{laps} varv har redan byggt din erfarenhet",
+ readyCredit: "Första giltiga varvet startar din utvecklingsresa",
+ challenges: "Små utmaningar",
+ challengesHint: "Valfria mål som ger kredit för mängd, kontroll och uthållighet.",
+ challengeLaps: "Samla 20 varv idag",
+ challengeControlled: "Kör 5 kontrollerade varv i rad",
+ challengeFive: "Fullfölj en femminutersstint",
+ challengeProgress: "{current} / {target}",
},
en: {
loading: "Loading training profile...",
@@ -153,13 +174,34 @@ const messages = {
nextAchievement: "Next milestone",
achievement_first_session: "First practice session",
achievement_laps_100: "100 practice laps",
+ achievement_laps_250: "250 practice laps",
achievement_laps_500: "500 practice laps",
achievement_laps_1000: "1,000 practice laps",
achievement_laps_1500: "1,500 practice laps",
achievement_days_3: "3 practice days",
achievement_days_10: "10 practice days",
+ achievement_sessions_5: "5 completed practice sessions",
achievement_controlled_5: "5 controlled laps in a row",
+ achievement_controlled_10: "10 controlled laps in a row",
achievement_five_minute: "Completed five-minute stint",
+ achievement_five_minutes_3: "3 completed five-minute stints",
+ achievement_consistency_5: "Consistency below 5 percent",
+ achievement_pace_gain: "Improved average pace",
+ creditTitle: "Your practice counts",
+ creditBody: "Every completed lap builds experience. You are compared with your own development, not other drivers.",
+ todayLapsCredit: "{laps} valid laps today",
+ paceCredit: "Average pace is {lap} faster per lap",
+ consistencyCredit: "{value} percentage points more consistent",
+ controlledCredit: "{laps} controlled laps in a row",
+ fiveMinuteCredit: "You completed a five-minute stint",
+ buildingCredit: "{laps} laps have already built your experience",
+ readyCredit: "Your first valid lap starts the development journey",
+ challenges: "Small challenges",
+ challengesHint: "Optional goals that recognize volume, control, and endurance.",
+ challengeLaps: "Collect 20 laps today",
+ challengeControlled: "Run 5 controlled laps in a row",
+ challengeFive: "Complete a five-minute stint",
+ challengeProgress: "{current} / {target}",
},
};
@@ -212,6 +254,39 @@ function recommendationCopy(recommendation) {
};
}
+function getLocalDayKey(timestamp) {
+ const date = new Date(Number(timestamp || 0));
+ if (Number.isNaN(date.getTime())) return "";
+ return `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")}`;
+}
+
+function buildProfileMotivation(stats) {
+ const todayKey = getLocalDayKey(Date.now());
+ const today = (Array.isArray(stats?.dailySummaries) ? stats.dailySummaries : []).find((day) => day.dateKey === todayKey);
+ const activeToday = Boolean(today);
+ const todayLaps = Number(today?.laps || 0);
+ const controlled = activeToday ? Number(stats?.controlledLapStreak || 0) : 0;
+ const completedFive = stats?.bestFiveMinuteResult ? 1 : 0;
+ const challenges = [
+ { id: "Laps", current: todayLaps, target: 20 },
+ { id: "Controlled", current: controlled, target: 5 },
+ { id: "Five", current: completedFive, target: 1 },
+ ].map((challenge) => ({
+ ...challenge,
+ percent: Math.min(100, Math.max(0, (challenge.current / challenge.target) * 100)),
+ completed: challenge.current >= challenge.target,
+ }));
+ const credits = [];
+ if (todayLaps) credits.push(t("todayLapsCredit", { laps: todayLaps }));
+ if (stats?.trendSampleReady && Number(stats.averageTrendMs || 0) > 0) credits.push(t("paceCredit", { lap: formatLap(stats.averageTrendMs) }));
+ if (stats?.trendSampleReady && Number(stats.consistencyTrendPct || 0) > 0.1) credits.push(t("consistencyCredit", { value: Number(stats.consistencyTrendPct).toFixed(1) }));
+ if (controlled >= 5) credits.push(t("controlledCredit", { laps: controlled }));
+ if (completedFive) credits.push(t("fiveMinuteCredit"));
+ if (!credits.length && Number(stats?.totalLaps || 0) > 0) credits.push(t("buildingCredit", { laps: stats.totalLaps }));
+ if (!credits.length) credits.push(t("readyCredit"));
+ return { challenges, credits: credits.slice(0, 3) };
+}
+
function renderProfile(data) {
profileData = data;
const { profile, branding } = data;
@@ -224,6 +299,7 @@ function renderProfile(data) {
const recommendation = activeClass?.recommendation || data.recommendation;
const goals = activeClass?.goals || data.goals || [];
const currentSession = activeClass?.currentSession || data.currentSession;
+ const motivation = buildProfileMotivation(stats);
const recommendationText = recommendationCopy(recommendation);
const timerState = readTimerState();
const timerConfig = getTimerConfig(timerState);
@@ -239,6 +315,17 @@ function renderProfile(data) {
${escapeHtml(t(`achievement_${achievement.id}`))}${escapeHtml(t(achievement.unlocked ? "unlocked" : "nextAchievement"))}
`).join("");
+ const creditMarkup = motivation.credits.map((credit) => `
+${escapeHtml(credit)}`).join("");
+ const challengeMarkup = motivation.challenges.map((challenge) => `
+
+ ${challenge.completed ? "OK" : `${Math.round(challenge.percent)}%`}
+
+
${escapeHtml(t(`challenge${challenge.id}`))}
+
${escapeHtml(t("challengeProgress", { current: challenge.current, target: challenge.target }))}
+
+
+ `).join("");
const paceTrend = !stats.trendSampleReady
? t("collectingTrend")
: stats.averageTrendMs > 0
@@ -303,6 +390,19 @@ function renderProfile(data) {
${renderStat(t("consistency"), stats.recentLapCount ? `${Number(stats.consistencySpreadPct).toFixed(1)}%` : "-")}
+
+
+ ${escapeHtml(t("creditTitle"))}
+ ${escapeHtml(t("creditBody"))}
+
+
+
+ ${escapeHtml(t("challenges"))}${motivation.challenges.filter((challenge) => challenge.completed).length}/${motivation.challenges.length}
+ ${escapeHtml(t("challengesHint"))}
+ ${challengeMarkup}
+
+
+
${escapeHtml(t("recentProgress"))}
diff --git a/src/styles.css b/src/styles.css
index 6d5233c..be9eaf3 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -476,6 +476,187 @@ body {
margin-top: 14px;
}
+.training-motivation-grid {
+ display: grid;
+ grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);
+ gap: 14px;
+ margin-top: 14px;
+}
+
+.training-credit-card,
+.training-missions-card {
+ padding: 18px;
+ border: 1px solid var(--line);
+ border-radius: 16px;
+ box-shadow: var(--shadow);
+}
+
+.training-credit-card {
+ background:
+ radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--success) 22%, transparent), transparent 42%),
+ linear-gradient(140deg, color-mix(in srgb, var(--success) 10%, var(--panel) 90%), var(--panel));
+}
+
+.training-credit-card h3,
+.training-missions-card h3 {
+ margin: 4px 0 0;
+}
+
+.training-credit-card > p,
+.training-missions-card > p {
+ margin: 8px 0 14px;
+ color: var(--muted);
+}
+
+.training-credit-card ul {
+ display: grid;
+ gap: 8px;
+ margin: 14px 0 0;
+ padding: 0;
+ list-style: none;
+}
+
+.training-credit-card li {
+ display: flex;
+ align-items: center;
+ gap: 9px;
+}
+
+.training-credit-card li > span {
+ display: grid;
+ flex: 0 0 auto;
+ place-items: center;
+ width: 25px;
+ height: 25px;
+ border-radius: 50%;
+ background: color-mix(in srgb, var(--success) 22%, var(--panel-2) 78%);
+ color: color-mix(in srgb, var(--success) 62%, var(--text) 38%);
+ font-family: Orbitron, sans-serif;
+ font-size: 0.75rem;
+}
+
+.training-missions-card {
+ background: var(--panel);
+}
+
+.training-missions {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 8px;
+}
+
+.training-mission {
+ display: flex;
+ min-width: 0;
+ gap: 9px;
+ padding: 11px;
+ border: 1px solid var(--line);
+ border-radius: 12px;
+ background: var(--surface-elevated);
+}
+
+.training-mission > div {
+ min-width: 0;
+ flex: 1;
+}
+
+.training-mission strong,
+.training-mission small {
+ display: block;
+}
+
+.training-mission small {
+ margin: 3px 0 8px;
+ color: var(--muted);
+ font-size: 0.72rem;
+}
+
+.training-mission-check {
+ display: grid;
+ flex: 0 0 auto;
+ place-items: center;
+ width: 32px;
+ height: 32px;
+ border-radius: 9px;
+ background: color-mix(in srgb, var(--accent) 18%, var(--panel-2) 82%);
+ color: color-mix(in srgb, var(--accent) 58%, var(--text) 42%);
+ font-family: Orbitron, sans-serif;
+ font-size: 0.62rem;
+ font-weight: 700;
+}
+
+.training-mission.is-complete {
+ border-color: color-mix(in srgb, var(--success) 48%, var(--line) 52%);
+}
+
+.training-mission.is-complete .training-mission-check {
+ background: color-mix(in srgb, var(--success) 22%, var(--panel-2) 78%);
+ color: color-mix(in srgb, var(--success) 62%, var(--text) 38%);
+}
+
+.training-mission .training-progress {
+ height: 4px;
+}
+
+.training-club-goal-panel .panel-header h3 {
+ margin: 4px 0 0;
+}
+
+.training-club-goal {
+ padding: 16px;
+ border: 1px solid var(--line);
+ border-radius: 14px;
+ background:
+ linear-gradient(130deg, color-mix(in srgb, var(--accent) 10%, transparent), transparent 58%),
+ var(--surface-elevated);
+}
+
+.training-club-goal.is-reached {
+ border-color: color-mix(in srgb, var(--success) 55%, var(--line) 45%);
+}
+
+.training-club-goal-head {
+ display: flex;
+ align-items: end;
+ justify-content: space-between;
+ gap: 16px;
+ margin-bottom: 12px;
+}
+
+.training-club-goal-head h3 {
+ margin: 4px 0 0;
+}
+
+.training-club-goal-head > strong {
+ font-family: Orbitron, sans-serif;
+ white-space: nowrap;
+}
+
+.training-club-goal > p {
+ margin: 9px 0 0;
+ color: var(--muted);
+}
+
+.training-club-goal .actions {
+ margin-top: 12px;
+}
+
+.training-club-goal-editor {
+ margin-top: 12px;
+}
+
+.training-club-goal-editor > summary {
+ color: var(--accent);
+ cursor: pointer;
+ font-weight: 700;
+}
+
+.training-club-goal-form {
+ grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
+ align-items: end;
+ margin-top: 12px;
+}
+
.training-development-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -3162,10 +3343,19 @@ select:focus {
.training-insight-grid,
.training-focus-grid,
+ .training-motivation-grid,
.training-development-grid {
grid-template-columns: 1fr;
}
+ .training-missions {
+ grid-template-columns: 1fr;
+ }
+
+ .training-club-goal-form {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
.decoder-role-grid,
.decoder-connection-card {
grid-template-columns: 1fr;
@@ -3254,6 +3444,15 @@ select:focus {
flex: 1;
}
+ .training-club-goal-head {
+ align-items: flex-start;
+ flex-direction: column;
+ }
+
+ .training-club-goal-form {
+ grid-template-columns: 1fr;
+ }
+
.training-live-head {
align-items: stretch;
flex-direction: column;
diff --git a/src/training_logic.js b/src/training_logic.js
index 82c4184..eeeb32c 100644
--- a/src/training_logic.js
+++ b/src/training_logic.js
@@ -12,6 +12,18 @@ function getTrainingDriverIds(state, driverId, classId = "") {
export function normalizeTrainingState(training, { uid }) {
const source = training && typeof training === "object" ? training : {};
+ const clubGoalSource = source.clubGoal && typeof source.clubGoal === "object" ? source.clubGoal : null;
+ const clubGoal = clubGoalSource && Number(clubGoalSource.targetLaps || 0) > 0
+ ? {
+ id: String(clubGoalSource.id || uid("club_goal")),
+ title: String(clubGoalSource.title || "").trim(),
+ reward: String(clubGoalSource.reward || "").trim(),
+ targetLaps: Math.max(1, Math.round(Number(clubGoalSource.targetLaps || 0) || 0)),
+ baselineLaps: Math.max(0, Math.round(Number(clubGoalSource.baselineLaps || 0) || 0)),
+ createdAt: String(clubGoalSource.createdAt || new Date().toISOString()),
+ celebratedAt: clubGoalSource.celebratedAt ? String(clubGoalSource.celebratedAt) : "",
+ }
+ : null;
const goals = Array.isArray(source.goals)
? source.goals
.map((goal) => ({
@@ -88,7 +100,7 @@ export function normalizeTrainingState(training, { uid }) {
.sort((left, right) => left.timestamp - right.timestamp)
: [];
- return { goals, ledger, shares, markers };
+ return { goals, ledger, shares, markers, clubGoal };
}
function getPassingSourceKey(sessionId, passing, index) {
@@ -129,7 +141,13 @@ export function syncTrainingLedger(training, state, { uid }) {
});
});
- return normalizeTrainingState({ goals: normalized.goals, ledger: [...retained, ...current], shares: normalized.shares, markers: normalized.markers }, { uid });
+ return normalizeTrainingState({
+ goals: normalized.goals,
+ ledger: [...retained, ...current],
+ shares: normalized.shares,
+ markers: normalized.markers,
+ clubGoal: normalized.clubGoal,
+ }, { uid });
}
export function getDriverTrainingLaps(state, driverId, classId = "") {
@@ -299,13 +317,19 @@ export function buildTrainingAchievements(stats) {
const definitions = [
["first_session", Number(source.totalSessions || 0), 1],
["laps_100", Number(source.totalLaps || 0), 100],
+ ["laps_250", Number(source.totalLaps || 0), 250],
["laps_500", Number(source.totalLaps || 0), 500],
["laps_1000", Number(source.totalLaps || 0), 1000],
["laps_1500", Number(source.totalLaps || 0), 1500],
+ ["sessions_5", Number(source.totalSessions || 0), 5],
["days_3", Number(source.trainingDays || 0), 3],
["days_10", Number(source.trainingDays || 0), 10],
["controlled_5", Number(source.controlledLapStreak || 0), 5],
+ ["controlled_10", Number(source.controlledLapStreak || 0), 10],
["five_minute", source.bestFiveMinuteResult ? 1 : 0, 1],
+ ["five_minutes_3", Number(source.completedFiveMinuteStints || 0), 3],
+ ["consistency_5", source.recentLapCount >= 30 && source.consistencySpreadPct <= 5 ? 1 : 0, 1],
+ ["pace_gain", source.trendSampleReady && source.averageTrendMs > 0 ? 1 : 0, 1],
];
return definitions.map(([id, current, target]) => ({
id,
@@ -341,6 +365,15 @@ function buildDailySummaries(laps) {
.sort((left, right) => right.latestTimestamp - left.latestTimestamp);
}
+function getControlledLapStreak(lapTimes, controlTargetMs) {
+ let streak = 0;
+ for (let index = lapTimes.length - 1; index >= 0; index -= 1) {
+ if (!controlTargetMs || lapTimes[index] > controlTargetMs) break;
+ streak += 1;
+ }
+ return streak;
+}
+
export function splitTrainingStints(laps, breakThresholdMs = 2 * 60 * 1000) {
const sorted = (Array.isArray(laps) ? laps : [])
.filter((lap) => Number(lap?.lapMs || 0) > 500 && Number(lap?.timestamp || 0) > 0)
@@ -461,15 +494,16 @@ export function buildDriverTrainingStats(state, driverId, classId = "") {
const recentBestMs = recentLapTimes.length ? Math.min(...recentLapTimes) : 0;
const personalBestGainMs = previousBestMs && recentBestMs ? Math.max(0, previousBestMs - recentBestMs) : 0;
const controlTargetMs = bestLapMs ? Math.round(bestLapMs * 1.08) : 0;
- let controlledLapStreak = 0;
- for (let index = lapTimes.length - 1; index >= 0; index -= 1) {
- if (!controlTargetMs || lapTimes[index] > controlTargetMs) break;
- controlledLapStreak += 1;
- }
+ const controlledLapStreak = getControlledLapStreak(lapTimes, controlTargetMs);
const dailySummaries = buildDailySummaries(laps);
const stints = splitTrainingStints(laps);
+ const completedFiveMinuteStints = stints.filter((stint) => getBestTrainingDurationResult([stint], 5 * 60 * 1000)).length;
const bestThreeConsecutive = getBestConsecutiveTrainingLaps(stints, 3);
const bestFiveMinuteResult = getBestTrainingDurationResult(stints, 5 * 60 * 1000);
+ const todayKey = getLocalDayKey(Date.now());
+ const todayLaps = laps.filter((lap) => getLocalDayKey(lap.timestamp) === todayKey);
+ const todayStints = splitTrainingStints(todayLaps);
+ const todayLapTimes = todayLaps.map((lap) => lap.lapMs);
const stats = {
totalLaps,
@@ -484,6 +518,11 @@ export function buildDriverTrainingStats(state, driverId, classId = "") {
previousBestMs,
personalBestGainMs,
controlledLapStreak,
+ todayLaps: todayLaps.length,
+ todayBestLapMs: todayLapTimes.length ? Math.min(...todayLapTimes) : 0,
+ todayAverageLapMs: average(todayLapTimes),
+ todayControlledLapStreak: getControlledLapStreak(todayLapTimes, controlTargetMs),
+ todayCompletedFiveMinuteStints: todayStints.filter((stint) => getBestTrainingDurationResult([stint], 5 * 60 * 1000)).length,
consistencySpreadPct,
previousConsistencySpreadPct,
consistencyTrendPct: trendSampleReady ? previousConsistencySpreadPct - consistencySpreadPct : 0,
@@ -492,6 +531,7 @@ export function buildDriverTrainingStats(state, driverId, classId = "") {
lastLapAt: laps.at(-1)?.timestamp || 0,
dailySummaries,
stintCount: stints.length,
+ completedFiveMinuteStints,
bestThreeConsecutive,
bestFiveMinuteResult,
};
@@ -630,3 +670,48 @@ export function getNextTrainingMilestone(stats) {
const targetLaps = presets.find((target) => target > currentLaps) || (Math.floor(currentLaps / 1000) + 1) * 1000;
return getTrainingGoalProgress({ targetLaps }, stats);
}
+
+export function buildTrainingMissions(stats) {
+ const source = stats && typeof stats === "object" ? stats : {};
+ const definitions = [
+ ["laps_today", Number(source.todayLaps || 0), 20],
+ ["controlled_today", Number(source.todayControlledLapStreak || 0), 5],
+ ["five_minute_today", Number(source.todayCompletedFiveMinuteStints || 0), 1],
+ ];
+ return definitions.map(([id, current, target]) => ({
+ id,
+ current: Math.max(0, current),
+ target,
+ percent: Math.min(100, Math.max(0, (current / target) * 100)),
+ completed: current >= target,
+ }));
+}
+
+export function buildTrainingHighlights(stats) {
+ const source = stats && typeof stats === "object" ? stats : {};
+ const highlights = [];
+ if (source.todayLaps > 0) highlights.push({ id: "today_laps", value: Number(source.todayLaps) });
+ if (source.personalBestGainMs > 0) highlights.push({ id: "personal_best", value: Number(source.personalBestGainMs) });
+ if (source.trendSampleReady && source.averageTrendMs > 0) highlights.push({ id: "pace_gain", value: Number(source.averageTrendMs) });
+ if (source.trendSampleReady && source.consistencyTrendPct > 0.1) highlights.push({ id: "consistency_gain", value: Number(source.consistencyTrendPct) });
+ if (source.todayControlledLapStreak >= 5) highlights.push({ id: "controlled_streak", value: Number(source.todayControlledLapStreak) });
+ if (source.todayCompletedFiveMinuteStints > 0) highlights.push({ id: "five_minute", value: Number(source.todayCompletedFiveMinuteStints) });
+ if (!highlights.length && source.totalLaps > 0) highlights.push({ id: "keep_building", value: Number(source.totalLaps) });
+ if (!highlights.length) highlights.push({ id: "ready", value: 0 });
+ return highlights.slice(0, 3);
+}
+
+export function getClubTrainingGoalProgress(training) {
+ const goal = training?.clubGoal && typeof training.clubGoal === "object" ? training.clubGoal : null;
+ if (!goal || Number(goal.targetLaps || 0) <= 0) return null;
+ const totalLaps = Array.isArray(training?.ledger) ? training.ledger.length : 0;
+ const currentLaps = Math.max(0, totalLaps - Math.max(0, Number(goal.baselineLaps || 0)));
+ const targetLaps = Math.max(1, Number(goal.targetLaps || 1));
+ return {
+ currentLaps,
+ targetLaps,
+ remainingLaps: Math.max(0, targetLaps - currentLaps),
+ percent: Math.min(100, Math.max(0, (currentLaps / targetLaps) * 100)),
+ reached: currentLaps >= targetLaps,
+ };
+}
diff --git a/src/training_views.js b/src/training_views.js
index 6b86311..524032b 100644
--- a/src/training_views.js
+++ b/src/training_views.js
@@ -43,6 +43,9 @@ export function renderTrainingView(deps) {
buildTrainingRecommendation,
getTrainingGoalProgress,
getNextTrainingMilestone,
+ buildTrainingMissions,
+ buildTrainingHighlights,
+ getClubTrainingGoalProgress,
buildTrainingPaceBuckets,
buildTrainingWeekdayStats,
buildTrainingStintAnalysis,
@@ -79,7 +82,7 @@ export function renderTrainingView(deps) {
}
if (!selectedProfileId || !selectedProfile) {
- renderTrainingOverview({ state, dom, t, escapeHtml, formatLap, profiles, buildDriverTrainingStats, getNextTrainingMilestone, setSelectedDriverId, setSelectedClassId, renderView });
+ renderTrainingOverview({ state, dom, t, escapeHtml, formatLap, uid, saveState, profiles, buildDriverTrainingStats, getNextTrainingMilestone, getClubTrainingGoalProgress, setSelectedDriverId, setSelectedClassId, renderView });
return;
}
@@ -96,6 +99,8 @@ export function renderTrainingView(deps) {
const activePractice = buildDriverActivePracticeStats(state, selectedProfileId, Date.now(), selectedClassId);
const recommendation = buildTrainingRecommendation(stats);
const nextMilestone = getNextTrainingMilestone(stats);
+ const missions = buildTrainingMissions(stats);
+ const highlights = buildTrainingHighlights(stats);
const paceBuckets = buildTrainingPaceBuckets(state, selectedProfileId, selectedClassId, 30).slice(-24);
const weekdayStats = buildTrainingWeekdayStats(state, selectedProfileId, selectedClassId);
const stintAnalysis = buildTrainingStintAnalysis(state, selectedProfileId, selectedClassId);
@@ -184,6 +189,19 @@ export function renderTrainingView(deps) {
`).join("")
: `${escapeHtml(t("training.achievement_empty"))}
`;
+ const highlightMarkup = highlights.map((highlight) => `
+ +${escapeHtml(formatTrainingHighlight(highlight, { t, formatLap }))}
+ `).join("");
+ const missionMarkup = missions.map((mission) => `
+
+ ${mission.completed ? "OK" : `${Math.round(mission.percent)}%`}
+
+
${escapeHtml(t(`training.mission_${mission.id}`))}
+
${escapeHtml(t("training.mission_progress", { current: mission.current, target: mission.target }))}
+
+