From 19410a0ee2e06c56fe1b4f81525cf68a42c277dc Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Fri, 30 Jan 2026 23:18:36 +0100
Subject: [PATCH] feat(tournament): enhance age class display in
 TournamentClassList

- Updated the age class badge logic to display both minimum and maximum birth years when applicable, improving clarity for tournament participants.
- Added conditional rendering for cases where only minimum or maximum birth years are defined, ensuring comprehensive age class information is presented.
---
 .../components/tournament/TournamentClassList.vue    | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/tournament/TournamentClassList.vue b/frontend/src/components/tournament/TournamentClassList.vue
index cdb7d7f..0e210a5 100644
--- a/frontend/src/components/tournament/TournamentClassList.vue
+++ b/frontend/src/components/tournament/TournamentClassList.vue
@@ -20,8 +20,16 @@
                         <span v-if="classItem.gender" class="class-gender-badge" :class="'gender-' + classItem.gender">
                             {{ classItem.gender === 'male' ? $t('members.genderMale') : classItem.gender === 'female' ? $t('members.genderFemale') : $t('tournaments.genderMixed') }}
                         </span>
-                        <span v-if="classItem.minBirthYear" class="class-birth-year-badge">
-                            ≥ {{ classItem.minBirthYear }}
+                        <span v-if="classItem.minBirthYear || classItem.maxBirthYear" class="class-birth-year-badge">
+                            <template v-if="classItem.minBirthYear && classItem.maxBirthYear">
+                                {{ classItem.minBirthYear }}–{{ classItem.maxBirthYear }}
+                            </template>
+                            <template v-else-if="classItem.maxBirthYear">
+                                ≤ {{ classItem.maxBirthYear }}
+                            </template>
+                            <template v-else>
+                                ≥ {{ classItem.minBirthYear }}
+                            </template>
                         </span>
                         <button @click.stop="editClass(classItem)" class="btn-edit-small" :title="$t('tournaments.edit')">✏️</button>
                         <button @click.stop="deleteClass(classItem)" class="trash-btn-small" :title="$t('tournaments.delete')">🗑️</button>