From 4220d1a2d3740fb9fe40c2d238a11bc425213bab Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Wed, 12 Jul 2023 17:44:47 +0200
Subject: [PATCH] Revert "UX: [vue][onTheFly] improve residential address
 position in modale"

This reverts commit 62d610680176ae8abc547d0c439c7a856f7adb40.
---
 .../_components/Entity/AddressRenderBox.vue   |  2 +-
 .../_components/Entity/PersonRenderBox.vue    | 93 ++++++++++++-------
 2 files changed, 62 insertions(+), 33 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Entity/AddressRenderBox.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Entity/AddressRenderBox.vue
index 00fb2b996..14a376856 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Entity/AddressRenderBox.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Entity/AddressRenderBox.vue
@@ -1,6 +1,6 @@
 <template>
 
-   <component :is="component" class="chill-entity entity-address">
+   <component :is="component" class="chill-entity entity-address my-3">
 
       <component :is="component" class="address" :class="multiline">
 
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue
index ca9385990..2576efd35 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue
@@ -68,45 +68,27 @@
               <ul class="list-content fa-ul">
                 <li v-if="person.current_household_id">
                   <i class="fa fa-li fa-map-marker"></i>
-                  <address-render-box v-if="person.current_household_address" :address="person.current_household_address" :isMultiline="isMultiline"></address-render-box>
-                  <p v-else class="chill-no-data-statement">{{ $t('renderbox.household_without_address') }}</p>
+                  <address-render-box v-if="person.current_household_address"
+                                      :address="person.current_household_address"
+                                      :isMultiline="isMultiline">
+                  </address-render-box>
+                  <p v-else class="chill-no-data-statement">
+                    {{ $t('renderbox.household_without_address') }}
+                  </p>
                   <a v-if="options.addHouseholdLink === true"
                      :href="getCurrentHouseholdUrl"
                      :title="$t('persons_associated.show_household_number', {id: person.current_household_id})">
-                       <span class="badge rounded-pill bg-chill-beige">
-                           <i class="fa fa-fw fa-home"></i><!--{{ $t('persons_associated.show_household') }}-->
-                       </span>
+                                <span class="badge rounded-pill bg-chill-beige">
+                                    <i class="fa fa-fw fa-home"></i><!--{{ $t('persons_associated.show_household') }}-->
+                                </span>
                   </a>
                 </li>
                 <li v-else-if="options.addNoData">
-                  <i class="fa fa-li fa-map-marker"></i><p class="chill-no-data-statement">{{ $t('renderbox.no_data') }}</p>
+                  <i class="fa fa-li fa-map-marker"></i>
+                  <p class="chill-no-data-statement">
+                    {{ $t('renderbox.no_data') }}
+                  </p>
                 </li>
-                
-                <template v-if="this.showResidentialAddresses && (person.current_residential_addresses || []).length > 0">
-                   <li v-for="(addr, i) in person.current_residential_addresses" :key="i">
-                      <i class="fa fa-li fa-map-marker"></i>
-                      <div v-if="addr.address">
-                         <span class="item-key">{{ $t('renderbox.residential_address') }}:</span>
-                         <div style="margin-top: -1em;">
-                           <address-render-box :address="addr.address" :isMultiline="isMultiline"></address-render-box>
-                         </div>
-                      </div>
-                      <div v-else-if="addr.hostPerson" class="mt-3">
-                         <p>{{ $t('renderbox.located_at') }}:</p>
-                         <span class="chill-entity entity-person badge-person">
-                             <person-text v-if="addr.hostPerson" :person="addr.hostPerson"></person-text>
-                         </span>
-                         <address-render-box v-if="addr.hostPerson.address" :address="addr.hostPerson.address" :isMultiline="isMultiline"></address-render-box>
-                      </div>
-                      <div v-else-if="addr.hostThirdParty" class="mt-3">
-                         <p>{{ $t('renderbox.located_at') }}:</p>
-                         <span class="chill-entity entity-person badge-thirdparty">
-                             <third-party-text v-if="addr.hostThirdParty" :thirdparty="addr.hostThirdParty"></third-party-text>
-                         </span>
-                         <address-render-box v-if="addr.hostThirdParty.address" :address="addr.hostThirdParty.address" :isMultiline="isMultiline"></address-render-box>
-                      </div>
-                   </li>
-                </template>
 
                 <li v-if="person.email">
                   <i class="fa fa-li fa-envelope-o"></i>
@@ -149,6 +131,53 @@
           </div>
         </div>
 
+        <div class="item-col mx-3"
+             v-if="this.showResidentialAddresses && (person.current_residential_addresses || []).length > 0">
+          <div class="float-button bottom">
+            <div class="box">
+              <ul class="list-content fa-ul">
+                <li v-for="(addr, i) in person.current_residential_addresses" :key="i">
+                  <i class="fa fa-li fa-map-marker"></i>
+                  <div v-if="addr.address">
+                    <address-render-box
+                        :address="addr.address"
+                        :isMultiline="isMultiline">
+                    </address-render-box>
+                    <p>({{ $t('renderbox.residential_address') }})</p>
+                  </div>
+                  <div v-else-if="addr.hostPerson" class="mt-3">
+                    <p>{{ $t('renderbox.located_at') }}:</p>
+                    <span class="chill-entity entity-person badge-person">
+                                    <person-text
+                                        v-if="addr.hostPerson"
+                                        :person="addr.hostPerson"
+                                    ></person-text>
+                                </span>
+                    <address-render-box v-if="addr.hostPerson.address"
+                                        :address="addr.hostPerson.address"
+                                        :isMultiline="isMultiline">
+                    </address-render-box>
+                  </div>
+                  <div v-else-if="addr.hostThirdParty" class="mt-3">
+                    <p>{{ $t('renderbox.located_at') }}:</p>
+                    <span class="chill-entity entity-person badge-thirdparty">
+                                    <third-party-text
+                                        v-if="addr.hostThirdParty"
+                                        :thirdparty="addr.hostThirdParty"
+                                    ></third-party-text>
+                                </span>
+                    <address-render-box v-if="addr.hostThirdParty.address"
+                                        :address="addr.hostThirdParty.address"
+                                        :isMultiline="isMultiline">
+                    </address-render-box>
+                  </div>
+
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+
       </div>
 
       <slot name="end-bloc"></slot>