From 6bb5440220befc62c73ec4bf5f84ce3f49ea8e10 Mon Sep 17 00:00:00 2001
From: Julie Lenaerts <julielenaerts@gmail.com>
Date: Thu, 12 Aug 2021 16:23:58 +0200
Subject: [PATCH] injecting person data into renderbox, no styling yet

---
 .../PersonsAssociated/ParticipationItem.vue   | 25 ++++++++++++++--
 .../_components/Entity/PersonRenderBox.vue    | 29 ++++++++++---------
 2 files changed, 37 insertions(+), 17 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 685b140a9..ea27b59f8 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
@@ -1,8 +1,12 @@
 <template>
 <tr>
    <td>
-      {{ participation.person.firstName }}
-      {{ participation.person.lastName }}
+      <!-- {{ participation.person.firstName }}
+      {{ participation.person.lastName }} -->
+      <person-render-box
+         v-bind:options="options"
+         v-bind:participation="participation"
+      ></person-render-box>
    </td>
    <td><span v-if="participation.startDate">
        {{ $d(participation.startDate.datetime, 'short') }}</span>
@@ -47,13 +51,28 @@
 
 <script>
 import OnTheFly from 'ChillMainAssets/vuejs/_components/OnTheFly.vue';
+import PersonRenderBox from '../../../_components/Entity/PersonRenderBox.vue';
 
 export default {
    name: 'ParticipationItem',
    components: {
-      OnTheFly
+      OnTheFly,
+      PersonRenderBox
    },
    props: ['participation'],
    emits: ['remove', 'close'],
+   data() {
+      return {
+         PersonRenderBox: {
+            participation : 'participation',
+            options : {
+               addInfo : true,
+               addId : true,
+               addAge : false,
+               hLevel : 1
+            }
+         }
+      }
+   }
 }
 </script>
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 3fead699c..232fff316 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue
@@ -3,7 +3,7 @@
     <div class="item-row entity-bloc">
 
         <!-- LABEL -->
-        <div class="item-col">
+        <div  class="item-col">
             <div class="entity-label">
 
                 <!-- NAME TAG -->
@@ -11,19 +11,19 @@
 
                     <!-- NAME IF ADD LINK AND PERMISSION GRANTED -->
                     <a href="#">
-                        <span class="firstname">**firstname**</span>
-                        <span class="lastname">**lastname**</span>
+                        <span class="firstname">{{ participation.person.firstName }}</span>
+                        <span class="lastname">{{ participation.person.lastName }}</span>
                         <!-- IF ALT NAMES -->
-                        <!-- <span class="altnames"> -->
+                        <span class="altnames">
                             <!-- LOOP THROUGH ALT NAMES -->
-                            <!-- <span class="altname altname-**key**">**label**</span> -->
+                            <span class="altname altname-**key**">**label**</span>
                             <!-- END LOOP -->
-                        <!-- </span> -->
+                        </span>
                     </a>
 
                     <!-- WITHOUT LINK JUST NAME -->
-                    <span class="firstname">**firstname**</span>
-                    <span class="lastname">**lastname**</span>
+                    <span class="firstname">{{ participation.person.firstName }}</span>
+                    <span class="lastname">{{ participation.person.lastName }}</span>
                     <!-- IF ALT NAMES -->
                     <span class="altnames">
                         <!-- LOOP THROUGH ALT NAMES -->
@@ -33,7 +33,7 @@
 
                     <!-- IF ADD ENTITY OPTION -->
                     <span class="badge rounded-pill bg-secondary">**Person object?**</span>
-                    <span class="id-number" title="**n°person_id**">**person_id**</span>
+                    <span class="id-number" title="n° participation.person.id">{{ participation.person.id }}</span>
 
                 </div>
                 <!-- END NAME TAG -->
@@ -42,9 +42,9 @@
                 <p class="moreinfo">
                     <i class="fa fa-fw **gender**" title="**gender title**"></i>
                     <time datetime="13/05/1867" title="**birthdate**">
-                        birthdate
+                        {{ participation.person.birthdate }}
                     </time>
-                    <span class="age">**age**</span>
+                    <span class="age">{{ participation.person.age }}</span>
                 </p>
                 <!-- END BIRTH/DEATH AND AGE -->
 
@@ -61,9 +61,9 @@
 
                 <!-- PHONENUMBER -->
                 <li>
-                    <i class="fa fa-li fa-mobile"></i><a href="#">**mobilenumber**</a>
+                    <i class="fa fa-li fa-mobile"></i><a href="#">{{ participation.person.mobilenumber }}</a>
                     <i class="fa fa-li fa-phone"></i>
-                    <a href="#">**regular phonenumber**</a>
+                    <a href="#">{{ participation.person.phonenumber }}</a>
                     <span class="chill-no-data-statement">**no phonenumber**</span>
                 </li>
             </ul>
@@ -87,7 +87,8 @@
 export default {
     name: "PersonRenderBox",
     props: [
-        'options'
+        'options',
+        'participation'
     ],
     data() {
         return {