From badf632a8a83338a2449471815b77424572f57d4 Mon Sep 17 00:00:00 2001
From: Julie Lenaerts <julielenaerts@gmail.com>
Date: Fri, 20 Aug 2021 16:55:04 +0200
Subject: [PATCH] #134 fixes address multiline

---
 .../PersonsAssociated/ParticipationItem.vue   |  2 +-
 .../_components/Entity/PersonRenderBox.vue    | 22 ++++++++++++++++---
 .../vuejs/_components/OnTheFly/Person.vue     |  4 ++--
 3 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated/ParticipationItem.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated/ParticipationItem.vue
index bd2c2043f..04c6b73a9 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated/ParticipationItem.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated/ParticipationItem.vue
@@ -7,7 +7,7 @@
                addLink: false,
                addAltNames: true,
                addAge : false,
-               hLevel : 3
+               hLevel : 3,
             }"
       :person="participation.person">
 
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 f4db98c0f..464e2190e 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue
@@ -45,7 +45,7 @@
                 
                 <li v-if="person.current_household_address">
                     <i class="fa fa-li fa-map-marker"></i>
-                    <show-address :address="person.current_household_address" :isMultiline="false"></show-address>
+                    <show-address :address="person.current_household_address" :isMultiline="isMultiline"></show-address>
                 </li>
                 <li v-else-if="options.addNoData">
                     <i class="fa fa-li fa-map-marker"></i>
@@ -77,7 +77,6 @@
                     <i class="fa fa-li fa-long-arrow-right"></i>
                     <p class="chill-no-data-statement">{{ $t('renderbox.no_data') }}</p>
                 </li>
-                
                 <slot name="custom-zone"></slot>
 
             </ul>
@@ -104,6 +103,13 @@ export default {
         getGender: function() {
             return this.person.gender == 'woman' ? 'renderbox.birthday.woman' : 'renderbox.birthday.man';
         },
+        isMultiline: function() {
+            if(this.options.isMultiline){
+                return this.options.isMultiline
+            } else {
+                return false
+            }
+        },
         getGenderIcon: function() {
             return this.person.gender == 'woman' ? 'fa-venus' : this.person.gender == 'man' ? 'fa-mars' : 'fa-neuter';
         },
@@ -129,7 +135,7 @@ export default {
 }
 </script>
 
-<style>
+<style lang='scss'>
 .lastname:before{
     content: " "
 }
@@ -137,6 +143,16 @@ export default {
 div.item-col:first-child{
     width: 33%;
 }
+
+div.flex-table {
+   div.item-bloc {
+      div.item-row {
+         div.item-col:last-child {
+            justify-content: flex-start;
+         }
+      }
+   }
+}
 </style>
 
 
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/OnTheFly/Person.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/OnTheFly/Person.vue
index db9515efa..84c5e1a57 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/OnTheFly/Person.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/OnTheFly/Person.vue
@@ -1,7 +1,6 @@
 <template>
 <div v-if="action === 'show'">
    <div class="flex-table">
-      <!-- {{ person }} -->
       <person-render-box
          :person="person"
          :options="{
@@ -12,7 +11,8 @@
             addLink: false,
             hLevel: 3,
             addCenter: true,
-            addNoData: true
+            addNoData: true,
+            isMultiline: true
          }"
       ></person-render-box>
    </div>