torsten/trainingstagebuch
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(tournament): enhance age class display in TournamentClassList

Browse Source 
- 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.
This commit is contained in:
Torsten Schulz (local)
2026-01-30 23:18:36 +01:00
parent 28db204aba
commit 19410a0ee2
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/tournament/TournamentClassList.vue
View File

@@ -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>