Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-13 05:44:24 +00:00
Code Issues Actions Projects Releases Wiki Activity

altNames displayed dynamically

Browse Source
This commit is contained in:
Julie Lenaerts 2021-08-14 12:01:44 +02:00
parent b89a66b20c
commit 77fe497994
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue
View File

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