first conditionalities added analog to twig template

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue

@@ -5,8 +5,16 @@
    <div>
       <label class="col-form-label">{{ $tc('persons_associated.counter', counter) }}</label>
    </div>
+
+   <participation-item
+   v-for="participation in participations"
+   v-bind:participation="participation"
+   v-bind:key="participation.id"
+   @remove="removeParticipation"
+   @close="closeParticipation">
+   </participation-item>
    
-   <table class="table table-bordered table-striped border-dark align-middle" v-if="participations.length > 0">
+   <!-- <table class="table table-bordered table-striped border-dark align-middle" v-if="participations.length > 0">
       <thead>
          <tr>
             <th class="chill-orange">{{ $t('persons_associated.name') }}</th>
@@ -24,7 +32,7 @@
             @close="closeParticipation">
          </participation-item>
       </tbody>
-   </table>
+   </table> -->
 
    <div>
       <add-persons 

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated/ParticipationItem.vue

@@ -1,8 +1,21 @@
 <template>
-<tr>
+
+   <person-render-box
+      :options="{
+               addInfo : false,
+               addId : true,
+               addEntity: false,
+               addLink: false,
+               addAltNames: false,
+               addAge : false,
+               hLevel : 1
+            }"
+      :participation="participation"
+   ></person-render-box>
+<!-- <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"
@@ -30,12 +43,12 @@
                action="edit">
             </on-the-fly>
          </li>
-         <!--li>
+         li>
             <button class="btn btn-delete"
                :title="$t('action.delete')" 
                @click.prevent="$emit('remove', participation)">
             </button>
-         </li-->
+         </li
          <li>
             <button v-if="!participation.endDate"
                class="btn btn-remove"
@@ -46,7 +59,7 @@
          </li>
       </ul>
    </td>
-</tr>
+</tr> -->
 </template>
 
 <script>
@@ -66,7 +79,7 @@ export default {
          PersonRenderBox: {
             participation : 'participation',
             options : {
-               addInfo : true,
+               addInfo : false,
                addId : true,
                addAge : false,
                hLevel : 1