From c258179017fbcc4d1720959dd179b12cd841edff Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Fri, 27 Aug 2021 11:02:35 +0200
Subject: [PATCH] move and rename vue HouseholdRenderBox

---
 .../components/Household.vue                  |  8 +--
 .../HouseholdRenderBox.vue}                   | 61 ++++++++-----------
 2 files changed, 30 insertions(+), 39 deletions(-)
 rename src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/{Household/Household.vue => Entity/HouseholdRenderBox.vue} (82%)

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Household.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Household.vue
index 05746429c..23334a0f9 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Household.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Household.vue
@@ -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,
   },
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Household/Household.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/HouseholdRenderBox.vue
similarity index 82%
rename from src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Household/Household.vue
rename to src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/HouseholdRenderBox.vue
index 9e6ee90a1..21734e7e8 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Household/Household.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/HouseholdRenderBox.vue
@@ -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';