address multiline as option in householdrenderbox

This commit is contained in:
2021-08-31 11:06:44 +02:00
parent c0d2454473
commit 3fa4f1b28b
3 changed files with 31 additions and 19 deletions

View File

@@ -15,9 +15,11 @@
</div>
<div class="item-col">
<ul class="list-content fa-ul">
<!-- member part -->
<div v-if="hasCurrentMembers" class="members" :title="$t('current_members')">
<li v-if="hasCurrentMembers" class="members">
<i class="fa fa-li fa-hop" :title="$t('current_members')"></i>
<template v-for="m in currentMembers()" :key="m.id">
<person-render-box render="badge"
:person="m.person"
@@ -27,21 +29,23 @@
}">
</person-render-box>
</template>
</div>
<div v-else class="members" :title="$t('current_members')">
</li>
<li v-else class="members">
<i class="fa fa-li fa-hop" :title="$t('current_members')"></i>
<p class="chill-no-data-statement">{{ $t('no_members_yet') }}</p>
</div>
</li>
<!-- address part -->
<div v-if="hasAddress()" class="where">
<i class="fa fa-fw fa-map-marker"></i>
<show-address :address="household.current_address" isMultiline="false"></show-address>
</div>
<div v-else class="where">
<i class="fa fa-fw fa-map-marker"></i>
<li v-if="hasAddress()">
<i class="fa fa-li fa-map-marker"></i>
<show-address :address="household.current_address" :isMultiline="isMultiline"></show-address>
</li>
<li v-else>
<i class="fa fa-li fa-map-marker"></i>
<span class="chill-no-data-statement">{{ $t('no_current_address') }}</span>
</div>
</li>
</ul>
</div>
</div>
</section>
@@ -66,12 +70,17 @@ const i18n = {
export default {
name: 'Household',
props: ['household'],
props: ['household', 'isAddressMultiline'],
components: {
PersonRenderBox,
ShowAddress,
},
i18n,
computed: {
isMultiline() {
return (typeof this.isAddressMultiline !== 'undefined') ? this.isAddressMultiline : false;
}
},
methods: {
hasCurrentMembers() {
return this.household.current_members_id.length > 0;
@@ -112,6 +121,10 @@ export default {
section.chill-entity {
&.entity-household {
.fa-hop::marker {
content: '::';
}
/*
.identifier {
//grid-area: iden;