From e562122ab47c72b0cd1fab49f9230d54f2486c73 Mon Sep 17 00:00:00 2001
From: Thies Mueller <git@td00.de>
Date: Wed, 26 Aug 2026 23:35:49 +0200
Subject: [PATCH] dynamic race tracks

---
 app.js | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/app.js b/app.js
index ba47a43..70b92ee 100644
--- a/app.js
+++ b/app.js
@@ -149,17 +149,17 @@ function renderRennplan() {
                     </div>
 
                     <div class="p-5 flex flex-wrap gap-2 text-sm">
-                        <span class="bg-slate-100 px-3 py-1 rounded-full">
-                            Bahn 1 · ${race.bahn1}
-                        </span>
-
-                        <span class="bg-slate-100 px-3 py-1 rounded-full">
-                            Bahn 2 · ${race.bahn2}
-                        </span>
-
-                        <span class="bg-slate-100 px-3 py-1 rounded-full">
-                            Bahn 3 · ${race.bahn3}
-                        </span>
+                        ${[
+                            ["Bahn 1", race.bahn1],
+                            ["Bahn 2", race.bahn2],
+                            ["Bahn 3", race.bahn3]
+                        ]
+                            .filter(([, value]) => value !== undefined && value !== null && value !== "")
+                            .map(([label, value]) => `
+                                <span class="bg-slate-100 px-3 py-1 rounded-full">
+                                    ${label} · ${value}
+                                </span>
+                            `).join("")}
                     </div>
 
                 </div>
@@ -178,7 +178,7 @@ function renderResults() {
 
     races.forEach(([_, race]) => {
 
-        const lane = (key, data, winner) => {
+        const lane = (key, data) => {
             const isWinner = race.winner === key;
 
             return `
@@ -205,6 +205,8 @@ function renderResults() {
             </div>`;
         };
 
+        const lanes = ["bahn1", "bahn2", "bahn3"]
+            .filter(key => race[key] !== undefined && race[key] !== null);
         container.innerHTML += `
         <div class="bg-white rounded-3xl shadow-sm overflow-hidden">
 
@@ -226,9 +228,7 @@ function renderResults() {
             </div>
 
             <div class="p-5 grid gap-3 md:grid-cols-3">
-                ${lane("bahn1", race.bahn1)}
-                ${lane("bahn2", race.bahn2)}
-                ${lane("bahn3", race.bahn3)}
+                ${lanes.map(key => lane(key, race[key])).join("")}
             </div>
 
         </div>`;