Fix reactivity issue for genderIcon rendering

This commit is contained in:
Julie Lenaerts 2024-10-01 13:09:38 +02:00
parent 23e7f4a120
commit 05d56c6eeb

View File

@ -37,8 +37,7 @@
</div> </div>
<p v-if="options.addInfo === true" class="moreinfo"> <p v-if="options.addInfo === true" class="moreinfo">
<!-- <i :class="'fa fa-fw ' + getGenderIcon" :title="$t(getGender)"></i>--> <gender-icon-render-box v-if="person.gender" :gender="person.gender"></gender-icon-render-box>
<gender-icon-render-box :gender="person.gender"></gender-icon-render-box>
<time v-if="person.birthdate && !person.deathdate" :datetime="person.birthdate" :title="birthdate"> <time v-if="person.birthdate && !person.deathdate" :datetime="person.birthdate" :title="birthdate">
{{ $t(getGenderTranslation) + ' ' + $d(birthdate, 'text') }} {{ $t(getGenderTranslation) + ' ' + $d(birthdate, 'text') }}
</time> </time>
@ -224,9 +223,9 @@ export default {
return false return false
} }
}, },
getGenderIcon: function () { /* getGenderIcon: function () {
return this.person.gender === 'woman' ? 'fa-venus' : this.person.gender === 'man' ? 'fa-mars' : this.person.gender === 'both' ? 'fa-neuter' : 'fa-genderless'; return this.person.gender === 'woman' ? 'fa-venus' : this.person.gender === 'man' ? 'fa-mars' : this.person.gender === 'both' ? 'fa-neuter' : 'fa-genderless';
}, },*/
getGenderTranslation: function () { getGenderTranslation: function () {
return this.person.gender === 'woman' ? 'renderbox.birthday.woman' : 'renderbox.birthday.man'; return this.person.gender === 'woman' ? 'renderbox.birthday.woman' : 'renderbox.birthday.man';
}, },