Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-12 21:34:25 +00:00
Code Issues Actions Projects Releases Wiki Activity

move and rename vue HouseholdRenderBox

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Household.vue
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,
}, },

61
src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Household/Household.vue → src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/HouseholdRenderBox.vue
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,45 +34,36 @@
<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 {
display: grid; &.entity-household {
grid-template-areas: display: grid;
"identifier identifier where" grid-template-columns: auto auto 30%;
"who who where" grid-template-areas:
; "iden iden where"
grid-template-columns: "who who where";
auto auto 30% .identifier {
; grid-area: iden;
font-size: 1.3em;
.identifier { font-weight: 700;
grid-area: identifier; color: var(--chill-blue);
}
font-size: 1.3em; .members {
font-weight: 700; grid-area: who;
color: var(--chill-blue); .current-members {
font-weight: 700;
} }
.members { }
grid-area: who; .where {
grid-area: where
.current-members { }
font-weight: 700; }
}
}
.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';