From c1c648de74dc4b0cd7f98435b994931ee4a19385 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Wed, 26 Aug 2026 10:53:24 +0200
Subject: [PATCH] =?UTF-8?q?Erweiterung=20der=20Teamformatierungsfunktionen?=
 =?UTF-8?q?=20um=20Altersgruppen=20f=C3=BCr=20bessere=20Anzeige=20in=20Spi?=
 =?UTF-8?q?elpl=C3=A4nen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/HomeSpielplanTeamWidget.vue       |  8 +++----
 components/Navigation.vue                    |  2 +-
 components/Spielplan.vue                     |  8 +++----
 server/api/homepage/spielplan-options.get.js | 12 +++++-----
 utils/team-display.js                        | 24 +++++++++++++-------
 5 files changed, 31 insertions(+), 23 deletions(-)

diff --git a/components/HomeSpielplanTeamWidget.vue b/components/HomeSpielplanTeamWidget.vue
index 6bf56e2..4dc5228 100755
--- a/components/HomeSpielplanTeamWidget.vue
+++ b/components/HomeSpielplanTeamWidget.vue
@@ -58,9 +58,9 @@
               </p>
             </div>
             <p class="text-sm text-gray-800">
-              {{ formatMatchTeamName(game.HeimMannschaft, game.HeimMannschaftAltersklasse) }}
+              {{ formatMatchTeamName(game.HeimMannschaft, game.HeimMannschaftAltersklasse, game.Altersklasse) }}
               vs
-              {{ formatMatchTeamName(game.GastMannschaft, game.GastMannschaftAltersklasse) }}
+              {{ formatMatchTeamName(game.GastMannschaft, game.GastMannschaftAltersklasse, game.Altersklasse) }}
             </p>
           </div>
         </div>
@@ -97,8 +97,8 @@ const widgetTitle = computed(() => {
   return formatTeamDisplayName(props.teamName, props.teamAgeGroup)
 })
 
-function formatMatchTeamName(teamName, teamAgeGroup) {
-  return formatTeamDisplayName(teamName, teamAgeGroup) || '-'
+function formatMatchTeamName(teamName, teamAgeGroup, competitionAgeGroup) {
+  return formatTeamDisplayName(teamName, teamAgeGroup, competitionAgeGroup) || '-'
 }
 
 const seasonLabel = computed(() => {
diff --git a/components/Navigation.vue b/components/Navigation.vue
index 780f311..fb0fe67 100755
--- a/components/Navigation.vue
+++ b/components/Navigation.vue
@@ -216,7 +216,7 @@
                     <div class="h-3 w-px shrink-0 bg-primary-700" />
                     <NuxtLink
                       to="/mannschaften/spielplaene"
-                      class="shrink-0 px-2.5 py-1 text-xs text-gray-300 hover:text-white hover:bg-primary-700/50 rounded transition-all"
+                      class="shrink-0 whitespace-nowrap px-2.5 py-1 text-xs text-gray-300 hover:text-white hover:bg-primary-700/50 rounded transition-all"
                       active-class="text-white bg-primary-600"
                     >
                       Spielpläne
diff --git a/components/Spielplan.vue b/components/Spielplan.vue
index c3d594e..fefa9e1 100755
--- a/components/Spielplan.vue
+++ b/components/Spielplan.vue
@@ -146,7 +146,7 @@
                     Heim
                   </p>
                   <p class="font-semibold text-gray-900">
-                    {{ formatTeamName(game.HeimMannschaft, game.HeimMannschaftAltersklasse) }}
+                    {{ formatTeamName(game.HeimMannschaft, game.HeimMannschaftAltersklasse, game.Altersklasse) }}
                   </p>
                 </div>
                 <div class="text-center mx-4">
@@ -159,7 +159,7 @@
                     Gast
                   </p>
                   <p class="font-semibold text-gray-900">
-                    {{ formatTeamName(game.GastMannschaft, game.GastMannschaftAltersklasse) }}
+                    {{ formatTeamName(game.GastMannschaft, game.GastMannschaftAltersklasse, game.Altersklasse) }}
                   </p>
                 </div>
               </div>
@@ -356,10 +356,10 @@ const formatTime = (terminString) => {
   }
 }
 
-const formatTeamName = (teamName, ageGroup) => {
+const formatTeamName = (teamName, ageGroup, competitionAgeGroup) => {
   if (!teamName) return 'Nicht angegeben'
 
-  return formatTeamDisplayName(teamName, ageGroup)
+  return formatTeamDisplayName(teamName, ageGroup, competitionAgeGroup)
 }
 
 const formatRunde = (runde) => {
diff --git a/server/api/homepage/spielplan-options.get.js b/server/api/homepage/spielplan-options.get.js
index 2da2f1a..e67aa59 100755
--- a/server/api/homepage/spielplan-options.get.js
+++ b/server/api/homepage/spielplan-options.get.js
@@ -1,15 +1,15 @@
 import { listSpielplanSeasons, readSpielplanData, validateSeasonSlug } from '../../utils/spielplan-data.js'
 import { formatTeamDisplayName } from '../../../utils/team-display.js'
 
-function teamLabel(teamName, teamAgeGroup) {
-  return formatTeamDisplayName(teamName, teamAgeGroup)
+function teamLabel(teamName, teamAgeGroup, competitionAgeGroup) {
+  return formatTeamDisplayName(teamName, teamAgeGroup, competitionAgeGroup)
 }
 
 function extractHarheimerTeams(rows) {
   const seen = new Set()
   const teams = []
 
-  const addTeam = (teamName, teamAgeGroup) => {
+  const addTeam = (teamName, teamAgeGroup, competitionAgeGroup) => {
     const name = String(teamName || '').trim()
     if (!name) return
     const age = String(teamAgeGroup || '').trim()
@@ -18,7 +18,7 @@ function extractHarheimerTeams(rows) {
     seen.add(key)
     teams.push({
       key,
-      label: teamLabel(name, age),
+      label: teamLabel(name, age, competitionAgeGroup),
       teamName: name,
       teamAgeGroup: age
     })
@@ -26,10 +26,10 @@ function extractHarheimerTeams(rows) {
 
   for (const row of rows || []) {
     if (String(row.HeimVereinName || '').trim() === 'Harheimer TC') {
-      addTeam(row.HeimMannschaft, row.HeimMannschaftAltersklasse)
+      addTeam(row.HeimMannschaft, row.HeimMannschaftAltersklasse, row.Altersklasse)
     }
     if (String(row.GastVereinName || '').trim() === 'Harheimer TC') {
-      addTeam(row.GastMannschaft, row.GastMannschaftAltersklasse)
+      addTeam(row.GastMannschaft, row.GastMannschaftAltersklasse, row.Altersklasse)
     }
   }
 
diff --git a/utils/team-display.js b/utils/team-display.js
index cfbc7bf..e8c4ca3 100644
--- a/utils/team-display.js
+++ b/utils/team-display.js
@@ -1,22 +1,30 @@
 /**
  * Makes youth teams identifiable while retaining the team name supplied by
  * click-TT. Age groups occur in a few forms, for example "Jugend 13",
- * "Jugend 13 1. Kreisklasse", and "J13".
+ * "Jugend 13 1. Kreisklasse", and "J13". Some imports provide the age
+ * only for the whole fixture, therefore `competitionAgeGroup` is considered
+ * as a fallback.
  */
-export function youthTeamCode(teamAgeGroup, teamName = '') {
-  const ageGroup = String(teamAgeGroup || '').trim()
+export function youthTeamCode(teamAgeGroup, teamName = '', competitionAgeGroup = '') {
+  const ageGroup = [teamAgeGroup, competitionAgeGroup]
+    .map(value => String(value || '').trim())
+    .filter(Boolean)
+    .join(' ')
   const name = String(teamName || '').trim()
-  const codeMatch = ageGroup.match(/\b(?:jugend\s*|j\s*)(\d{1,2})\b/i)
+  const codeMatch = `${ageGroup} ${name}`.match(/\b(?:jugend\s*|j\s*\(?)(\d{1,2})\b/i)
 
   if (codeMatch) return `J${codeMatch[1]}`
   if (/\bjugend\b/i.test(ageGroup) || /\bjugend\b/i.test(name)) return 'J'
   return ''
 }
 
-export function formatTeamDisplayName(teamName, teamAgeGroup) {
-  const name = String(teamName || '').trim()
-  if (!name) return ''
+export function formatTeamDisplayName(teamName, teamAgeGroup, competitionAgeGroup = '') {
+  const rawName = String(teamName || '').trim()
+  if (!rawName) return ''
 
-  const youthCode = youthTeamCode(teamAgeGroup, name)
+  const youthCode = youthTeamCode(teamAgeGroup, rawName, competitionAgeGroup)
+  const name = youthCode
+    ? rawName.replace(/\s*\(J\d{1,2}\)\s*$/i, '').trim()
+    : rawName
   return youthCode ? `(${youthCode}) ${name}` : name
 }