move and rename vue HouseholdRenderBox

This commit is contained in:
Mathieu Jaumotte 2021-08-27 11:02:35 +02:00
parent 2333b5c6b4
commit c258179017
2 changed files with 30 additions and 39 deletions

View File

@ -3,7 +3,7 @@
<div v-if="hasHousehold">
<div>
<household-viewer :household="household"></household-viewer>
<household-render-box :household="household"></household-render-box>
</div>
<div v-if="isHouseholdNew && !hasHouseholdAddress">
@ -101,7 +101,7 @@
v-for="h in filterHouseholdSuggestionByAccompanyingPeriod"
class="item"
>
<household-viewer :household="h"></household-viewer>
<household-render-box :household="h"></household-render-box>
<ul class="record_actions">
<li>
@ -155,14 +155,14 @@ div.householdAddressSuggestionList {
<script>
import { mapGetters, mapState } from 'vuex';
import HouseholdViewer from 'ChillPersonAssets/vuejs/_components/Household/Household.vue';
import HouseholdRenderBox from 'ChillPersonAssets/vuejs/_components/Entity/HouseholdRenderBox.vue';
import ShowAddress from 'ChillMainAssets/vuejs/Address/components/ShowAddress.vue';
import AddAddress from 'ChillMainAssets/vuejs/Address/components/AddAddress.vue';
export default {
name: 'Household',
components: {
HouseholdViewer,
HouseholdRenderBox,
ShowAddress,
AddAddress,
},

View File

@ -1,5 +1,5 @@
<template>
<div class="chill-entity chill-entity__household">
<template>A
<section class="chill-entity entity-household">
<!-- identifier -->
<div v-if="isHouseholdNew()" class="identifier">
<i class="fa fa-home"></i>
@ -34,45 +34,36 @@
<i class="fa fa-where"></i>
<p class="chill-no-data-statement">{{ $t('no_current_address') }}</p>
</div>
</div>
</section>B
</template>
<style lang="scss">
.chill-entity__household {
display: grid;
grid-template-areas:
"identifier identifier where"
"who who where"
;
grid-template-columns:
auto auto 30%
;
.identifier {
grid-area: identifier;
font-size: 1.3em;
font-weight: 700;
color: var(--chill-blue);
}
.members {
grid-area: who;
.current-members {
font-weight: 700;
}
}
.where {
grid-area: where
}
section.chill-entity {
&.entity-household {
display: grid;
grid-template-columns: auto auto 30%;
grid-template-areas:
"iden iden where"
"who who where";
.identifier {
grid-area: iden;
font-size: 1.3em;
font-weight: 700;
color: var(--chill-blue);
}
.members {
grid-area: who;
.current-members {
font-weight: 700;
}
}
.where {
grid-area: where
}
}
}
</style>
<script>
import Person from 'ChillPersonAssets/vuejs/_components/Person/Person.vue';