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

feat(falukant): add age information to lovers in family view
All checks were successful
Deploy to production / deploy (push) Successful in 3m7s
Details

Browse Source 
- Updated FalukantService to include age details for partners in relationships.
- Added translations for 'age' in English, German, and Spanish localization files.
- Enhanced FamilyView component to display age information for lovers and candidates, improving user experience.
This commit is contained in:
Torsten Schulz (local)
2026-03-31 11:36:12 +02:00
parent db0e80a559
commit 0d625f1727
16 changed files with 2249 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/views/falukant/FamilyView.vue
View File

@@ -347,6 +347,9 @@
<div class="lover-card__header">
<div>
<strong>{{ $t('falukant.titles.' + lover.gender + '.' + lover.title) }} {{ lover.name }}</strong>
<div v-if="lover.age != null" class="lover-card__age">
{{ $t('falukant.family.lovers.age') }}: {{ lover.age }}
</div>
<div class="lover-card__role">
{{ $t('falukant.family.lovers.role.' + (lover.role || 'lover')) }}
</div>
@@ -421,7 +424,7 @@
<article v-for="candidate in possibleLovers" :key="candidate.characterId" class="lover-candidate-card">
<div class="lover-candidate-card__main">
<strong>{{ $t('falukant.titles.' + candidate.gender + '.' + candidate.title) }} {{ candidate.name }}</strong>
<span>{{ $t('falukant.family.spouse.age') }}: {{ candidate.age }}</span>
<span>{{ $t('falukant.family.lovers.age') }}: {{ candidate.age }}</span>
<span>{{ $t('falukant.family.lovers.statusFit') }}: {{ candidate.statusFit }}</span>
<span>{{ $t('falukant.family.lovers.monthlyCost') }}: {{ formatCost(candidate.estimatedMonthlyCost || 0) }}</span>
</div>
@@ -1276,6 +1279,12 @@ export default {
margin-bottom: 12px;
}
.lover-card__age {
font-size: 0.9rem;
color: rgba(0, 0, 0, 0.62);
margin-top: 4px;
}
.lover-card__role {
margin-top: 4px;
color: var(--color-text-secondary);