altNames displayed dynamically

This commit is contained in:
Julie Lenaerts 2021-08-14 12:01:44 +02:00
parent b89a66b20c
commit 77fe497994

View File

@ -19,7 +19,7 @@
<!-- IF ALT NAMES -->
<span v-if="this.options.addAltNames == true" class="altnames">
<!-- LOOP THROUGH ALT NAMES -->
<span class="altname altname-**key**">hello</span>
<span :class="'altname altname-' + altNameKey">{{ altNameLabel }}</span>
<!-- END LOOP -->
</span>
</a>
@ -30,7 +30,7 @@
<!-- IF ALT NAMES -->
<span v-if="this.options.addAltNames == true" class="altnames">
<!-- LOOP THROUGH ALT NAMES -->
<span v-for="alt in participation.person.altnames" :key="alt.label" class="altname altname-**key**">{{ alt.label }}</span>
<span :class="'altname altname-' + altNameKey">{{ altNameLabel }}</span>
<!-- END LOOP -->
</span>
@ -50,7 +50,6 @@
<span class="age">{{ participation.person.age }}</span>
</p>
<!-- END BIRTH/DEATH AND AGE -->
</div>
</div>
<!-- END LABEL -->
@ -146,6 +145,16 @@ export default {
var year = date.getFullYear()
return `${day} ${months[month]} ${year}`;
},
altNameLabel: function(){
for(let i = 0; i < this.participation.person.altNames.length; i++){
return this.participation.person.altNames[i].label
}
},
altNameKey: function(){
for(let i = 0; i < this.participation.person.altNames.length; i++){
return this.participation.person.altNames[i].key
}
},
}
}
</script>