Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-08-22 15:43:51 +00:00
Code Issues Actions Projects Releases Wiki Activity

new choose button, improve household renderbox

Browse Source
This commit is contained in:
Mathieu Jaumotte
2021-08-31 16:02:18 +02:00
parent b69fdd459a
commit 3927fd738c
4 changed files with 10 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/HouseholdRenderBox.vue
View File

@@ -15,11 +15,10 @@
</div>
<div class="item-col">
<ul class="list-content fa-ul">
<ul class="list-content">
<!-- member part -->
<li v-if="hasCurrentMembers" class="members">
<i class="fa fa-li fa-hop" :title="$t('current_members')"></i>
<li v-if="hasCurrentMembers" class="members" :title="$t('current_members')">
<template v-for="m in currentMembers()" :key="m.id">
<person-render-box render="badge"
:person="m.person"
@@ -30,18 +29,15 @@
</person-render-box>
</template>
</li>
<li v-else class="members">
<i class="fa fa-li fa-hop" :title="$t('current_members')"></i>
<li v-else class="members" :title="$t('current_members')">
<p class="chill-no-data-statement">{{ $t('no_members_yet') }}</p>
</li>
<!-- address part -->
<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>
</li>
@@ -121,32 +117,10 @@ export default {
section.chill-entity {
&.entity-household {
.fa-hop::marker {
content: '::';
ul.list-content li::marker {
content: '';
}
/*
.identifier {
//grid-area: iden;
font-size: 1.3em;
font-weight: 700;
color: var(--chill-blue);
}
display: grid;
grid-template-columns: auto auto 30%;
grid-template-areas:
"iden iden where"
"who who where";
.members {
//grid-area: who;
.current-members {
font-weight: 700;
}
}
.where {
//grid-area: where
}
*/
}
}
</style>