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

View File

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