Public/Live_RC
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add race setup status badges and summary warnings

Browse Source
This commit is contained in:
larssand
2026-03-20 14:46:49 +01:00
parent 4a16a76206
commit 920763601b
4 changed files with 185 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

123
src/app.js
View File

@@ -203,6 +203,17 @@ const TRANSLATIONS = {
"events.context_endurance_hint": "I Grundläge döljs kval- och finalfälten här eftersom endurance normalt byggs runt Team Race. Öppna Avancerat om eventet även ska ha stödheat eller finaler.",
"events.context_rules_title": "Valideringsexempel",
"events.context_rules_hint": "Exempel på kort teknisk bana: 11s min / 60s max. Justera efter verklig varvtid så statistik och stintar blir rimliga.",
"events.status_complete": "Klar",
"events.status_pending": "Väntar",
"events.status_attention": "Åtgärda",
"events.summary_warnings_title": "Kontrollpunkter",
"events.summary_warning_no_participants": "Inga racedeltagare är valda ännu.",
"events.summary_warning_no_sessions": "Inga sessioner finns ännu. Skapa dem i wizarden eller via Race actions.",
"events.summary_warning_no_qualifying": "Inga kvalsessioner finns ännu.",
"events.summary_warning_no_finals": "Inga finalsessioner finns ännu.",
"events.summary_warning_no_teams": "Endurance/Team Race saknar lag. Lägg upp lag i Setup innan körning.",
"events.summary_warning_invalid_lap_window": "Min/max varvtid ser fel ut. Max måste vara större än min.",
"guide.manage_steps_6": "6. Statusbrickorna visar om varje steg är klart, väntar eller behöver åtgärdas. Sammanfattningen till höger visar också varningar om deltagare, lag eller sessioner saknas.",
"guide.race_wizard_title": "Create Race Wizard",
"guide.race_wizard_1": "1. Börja i Race Setup och använd wizarden när du skapar ett nytt race, i stället för att bygga allt direkt i Hantera.",
"guide.race_wizard_2": "2. Steg 1 sätter namn, datum, klass och preset. Presetet fyller rimliga standardvärden innan du finjusterar något.",
@@ -919,6 +930,17 @@ const TRANSLATIONS = {
"events.context_endurance_hint": "Basic mode hides most qualifying and finals fields here because endurance is normally built around Team Race. Open Advanced if the event also needs support heats or finals.",
"events.context_rules_title": "Validation example",
"events.context_rules_hint": "Example for a short technical track: 11s min / 60s max. Adjust to the real lap pace so stats and stints remain meaningful.",
"events.status_complete": "Complete",
"events.status_pending": "Pending",
"events.status_attention": "Needs action",
"events.summary_warnings_title": "Checkpoints",
"events.summary_warning_no_participants": "No race participants are selected yet.",
"events.summary_warning_no_sessions": "No sessions exist yet. Create them in the wizard or via Race Actions.",
"events.summary_warning_no_qualifying": "No qualifying sessions exist yet.",
"events.summary_warning_no_finals": "No finals exist yet.",
"events.summary_warning_no_teams": "Endurance/Team Race has no teams yet. Add teams in Setup before running.",
"events.summary_warning_invalid_lap_window": "The min/max lap window looks invalid. Max must be greater than min.",
"guide.manage_steps_6": "6. The status badges show whether each step is complete, pending, or needs action. The summary on the right also warns when participants, teams, or sessions are missing.",
"guide.race_wizard_title": "Create Race Wizard",
"guide.race_wizard_1": "1. Start in Race Setup and use the wizard when creating a new race instead of building everything directly in Manage.",
"guide.race_wizard_2": "2. Step 1 sets name, date, class and preset. The preset fills sensible defaults before you fine-tune anything.",
@@ -3744,6 +3766,8 @@ function renderEventManager(eventId) {
const showBasicFinalFields = raceFormatAdvanced || !isEndurancePreset;
const selectedParticipantCount = event.mode === "race" ? (event.raceConfig.participantsConfigured ? (event.raceConfig.driverIds || []).length : raceDrivers.length) : 0;
const raceSummaryItems = event.mode === "race" ? getRaceSummaryItems(event, sessions, raceDrivers, selectedPreset) : [];
const raceSummaryWarnings = event.mode === "race" ? getRaceSummaryWarnings(event, sessions, raceDrivers, raceTeams, selectedPreset) : [];
const manageStatuses = event.mode === "race" ? getRaceManageStatuses(event, sessions, raceDrivers, raceTeams, selectedPreset) : null;
const gridSessions = event.mode === "race" ? sessions.filter((session) => normalizeStartMode(session.startMode) === "position") : [];
if (selectedGridSessionId && !gridSessions.some((session) => session.id === selectedGridSessionId)) {
selectedGridSessionId = "";
@@ -3902,20 +3926,20 @@ function renderEventManager(eventId) {
? `
<section class="panel mt-16">
<div class="panel-body manage-step-grid">
<article class="manage-step-card">
<strong>${t("events.manage_step_setup")}</strong>
<article class="manage-step-card manage-step-card-${manageStatuses?.setup || "pending"}">
<div class="manage-step-head"><strong>${t("events.manage_step_setup")}</strong>${renderManageStatusBadge(manageStatuses?.setup || "pending")}</div>
<p>${t("events.manage_step_setup_hint")}</p>
</article>
<article class="manage-step-card">
<strong>${t("events.manage_step_format")}</strong>
<article class="manage-step-card manage-step-card-${manageStatuses?.format || "pending"}">
<div class="manage-step-head"><strong>${t("events.manage_step_format")}</strong>${renderManageStatusBadge(manageStatuses?.format || "pending")}</div>
<p>${t("events.manage_step_format_hint")}</p>
</article>
<article class="manage-step-card">
<strong>${t("events.manage_step_generate")}</strong>
<article class="manage-step-card manage-step-card-${manageStatuses?.generation || "pending"}">
<div class="manage-step-head"><strong>${t("events.manage_step_generate")}</strong>${renderManageStatusBadge(manageStatuses?.generation || "pending")}</div>
<p>${t("events.manage_step_generate_hint")}</p>
</article>
<article class="manage-step-card">
<strong>${t("events.manage_step_live")}</strong>
<article class="manage-step-card manage-step-card-${manageStatuses?.live || "pending"}">
<div class="manage-step-head"><strong>${t("events.manage_step_live")}</strong>${renderManageStatusBadge(manageStatuses?.live || "pending")}</div>
<p>${t("events.manage_step_live_hint")}</p>
</article>
</div>
@@ -4267,6 +4291,14 @@ function renderEventManager(eventId) {
<div class="panel-header"><h3>${t("events.race_summary")}</h3></div>
<div class="panel-body">
<p class="hint">${t("events.race_summary_hint")}</p>
${raceSummaryWarnings.length ? `
<div class="race-summary-warnings">
<strong>${t("events.summary_warnings_title")}</strong>
<ul>
${raceSummaryWarnings.map((warning) => `<li>${escapeHtml(warning)}</li>`).join("")}
</ul>
</div>
` : ""}
<div class="race-summary-list">
${raceSummaryItems
.map(
@@ -5788,7 +5820,7 @@ function renderGuide() {
<div class="guide-section-grid mt-16">
${renderGuidePanel("guide.race_title", ["guide.race_1", "guide.race_2", "guide.race_3", "guide.race_4", "guide.race_4a", "guide.race_5", "guide.race_6", "guide.race_7", "guide.race_8", "guide.race_9", "guide.race_10"])}
${renderGuidePanel("guide.manage_steps_title", ["guide.manage_steps_1", "guide.manage_steps_2", "guide.manage_steps_3", "guide.manage_steps_4", "guide.manage_steps_5"])}
${renderGuidePanel("guide.manage_steps_title", ["guide.manage_steps_1", "guide.manage_steps_2", "guide.manage_steps_3", "guide.manage_steps_4", "guide.manage_steps_5", "guide.manage_steps_6"])}
</div>
<div class="guide-section-grid mt-16">
@@ -7740,6 +7772,79 @@ function getRaceSummaryItems(event, sessions, raceDrivers, selectedPreset) {
];
}
function getRaceSummaryWarnings(event, sessions, raceDrivers, raceTeams, selectedPreset) {
const cfg = event.raceConfig || {};
const participantCount = cfg.participantsConfigured ? (cfg.driverIds || []).length : raceDrivers.length;
const warnings = [];
const isEndurancePreset = selectedPreset?.id === "endurance";
const hasQualifying = sessions.some((session) => session.type === "qualification");
const hasFinals = sessions.some((session) => session.type === "final");
const hasAnySession = sessions.length > 0;
if (participantCount <= 0) {
warnings.push(t("events.summary_warning_no_participants"));
}
if (!hasAnySession) {
warnings.push(t("events.summary_warning_no_sessions"));
}
if (!isEndurancePreset && !hasQualifying) {
warnings.push(t("events.summary_warning_no_qualifying"));
}
if (!isEndurancePreset && !hasFinals) {
warnings.push(t("events.summary_warning_no_finals"));
}
if (isEndurancePreset && raceTeams.length <= 0) {
warnings.push(t("events.summary_warning_no_teams"));
}
const minLapMs = Math.max(0, Number(cfg.minLapMs || 0) || 0);
const maxLapMs = Math.max(0, Number(cfg.maxLapMs || 0) || 0);
if (maxLapMs > 0 && maxLapMs <= minLapMs) {
warnings.push(t("events.summary_warning_invalid_lap_window"));
}
return warnings;
}
function getRaceManageStatuses(event, sessions, raceDrivers, raceTeams, selectedPreset) {
const cfg = event.raceConfig || {};
const participantCount = cfg.participantsConfigured ? (cfg.driverIds || []).length : raceDrivers.length;
const isEndurancePreset = selectedPreset?.id === "endurance";
const hasQualifying = sessions.some((session) => session.type === "qualification");
const hasFinals = sessions.some((session) => session.type === "final");
const hasTeamRace = sessions.some((session) => session.type === "team_race");
const hasStartedSession = sessions.some((session) => ["running", "finished", "stopped"].includes(String(session.status || "").toLowerCase()) || session.startedAt);
const practiceRows = buildPracticeStandings(event);
const qualifyingRows = buildQualifyingStandings(event);
const finalRows = buildFinalStandings(event);
const lapWindowValid = Math.max(0, Number(cfg.maxLapMs || 0) || 0) > Math.max(0, Number(cfg.minLapMs || 0) || 0);
const setupStatus = participantCount > 0 && (!isEndurancePreset || raceTeams.length > 0)
? "complete"
: participantCount > 0 || raceTeams.length > 0
? "attention"
: "pending";
const formatStatus = lapWindowValid ? "complete" : "attention";
const generationReady = isEndurancePreset ? hasTeamRace : hasQualifying || hasFinals;
const generationStatus = generationReady ? "complete" : sessions.length > 0 ? "attention" : "pending";
const liveStatus = hasStartedSession || practiceRows.length > 0 || qualifyingRows.length > 0 || finalRows.length > 0
? "complete"
: generationReady
? "pending"
: "pending";
return {
setup: setupStatus,
format: formatStatus,
generation: generationStatus,
live: liveStatus,
};
}
function renderManageStatusBadge(status) {
return `<span class="status-chip status-chip-${status}">${t(`events.status_${status}`)}</span>`;
}
function getDriversForClass(classId) {
return state.drivers.filter((driver) => !classId || driver.classId === classId);
}