merge 2 subcomponent to use only Entity/PersonRenderBox.vue

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

@@ -1,5 +1,5 @@
 <template>
-   <person-render-box
+   <person-render-box :render="bloc"
       :options="{
                addInfo : true,
                addId : false,

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

@@ -30,7 +30,7 @@
       </template>
       </third-party-render-box>
 
-      <person-render-box v-else-if="accompanyingCourse.requestor.type == 'person'"
+      <person-render-box :render="bloc" v-else-if="accompanyingCourse.requestor.type == 'person'"
          :person="accompanyingCourse.requestor"
          :options="{
             addLink: false,

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

@@ -1,5 +1,5 @@
 <template>
-   <person-render-box
+   <person-render-box :render="bloc"
       v-if="resource.resource.type === 'person'"
       :person="resource.resource"
       :options="{ addInfo : true, addId : false, addEntity: true, addLink: false, addAltNames: true, addAge : false, hLevel : 3 }"

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkCreate/App.vue

@@ -35,7 +35,7 @@
         <ul>
           <li v-for="p in personsReachables" :key="p.id">
             <input type="checkbox" :value="p.id" v-model="personsPicked">
-            <person :person="p"></person>
+            <person-render-box render="badge" :person="p"></person-render-box>
           </li>
         </ul>
       </div>
@@ -124,7 +124,7 @@
 import { mapState, mapActions, mapGetters } from 'vuex';
 import VueMultiselect from 'vue-multiselect';
 import { dateToISO, ISOToDate } from 'ChillMainAssets/chill/js/date.js';
-import Person from 'ChillPersonAssets/vuejs/_components/Person/Person.vue';
+import PersonRenderBox from 'ChillPersonAssets/vuejs/_components/Entity/PersonRenderBox.vue';
 
 const i18n = {
   messages: {
@@ -145,7 +145,7 @@ export default {
   name: 'App',
   components: {
     VueMultiselect,
-    Person,
+     PersonRenderBox,
   },
   methods: {
     submit() {

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue

@@ -122,7 +122,7 @@
          <ul>
             <li v-for="p in personsReachables" :key="p.id">
                <input v-model="personsPicked" :value="p.id" type="checkbox">
-               <person :person="p"></person>
+               <person-render-box render="badge" :person="p"></person-render-box>
             </li>
          </ul>
       </div>
@@ -229,7 +229,7 @@ import CKEditor from '@ckeditor/ckeditor5-vue';
 import ClassicEditor from 'ChillMainAssets/module/ckeditor5/index.js';
 import AddResult from './components/AddResult.vue';
 import AddEvaluation from './components/AddEvaluation.vue';
-import Person from 'ChillPersonAssets/vuejs/_components/Person/Person.vue';
+import PersonRenderBox from 'ChillPersonAssets/vuejs/_components/Entity/PersonRenderBox.vue';
 import AddPersons from 'ChillPersonAssets/vuejs/_components/AddPersons.vue';
 import ShowAddress from 'ChillMainAssets/vuejs/Address/components/ShowAddress.vue';
 
@@ -274,7 +274,7 @@ export default {
       AddResult,
       AddEvaluation,
       AddPersons,
-      Person,
+      PersonRenderBox,
       ShowAddress,
    },
    i18n,

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Concerned.vue

@@ -25,7 +25,7 @@
         <div class="item-row">
           <div class="item-col">
             <div>
-              <person :person="conc.person"></person>
+              <person-render-box render="badge" :person="conc.person"></person-render-box>
             </div>
             <div v-if="conc.person.birthdate !== null">
               {{ $t('person.born', {'gender': conc.person.gender} ) }}
@@ -126,7 +126,7 @@ div.person {
 <script>
 import { mapGetters } from 'vuex';
 import AddPersons from 'ChillPersonAssets/vuejs/_components/AddPersons.vue';
-import Person from 'ChillPersonAssets/vuejs/_components/Person/Person.vue';
+import PersonRenderBox from 'ChillPersonAssets/vuejs/_components/Entity/PersonRenderBox.vue';
 import MemberDetails from './MemberDetails.vue';
 import { ISOToDatetime } from 'ChillMainAssets/chill/js/date.js';
 
@@ -135,7 +135,7 @@ export default {
   components: {
     AddPersons,
     MemberDetails,
-    Person,
+    PersonRenderBox,
   },
   computed: {
     ...mapGetters([

src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/MemberDetails.vue

@@ -3,7 +3,7 @@
     <div class="item-row">
       <div class="item-col">
         <div>
-          <person :person="conc.person"></person>
+          <person-render-box render="badge" :person="conc.person"></person-render-box>
           <span v-if="isHolder" class="badge bg-primary holder">
             {{ $t('household_members_editor.holder') }}
           </span>
@@ -73,14 +73,14 @@ div.participation-details {
 
 <script>
 import { mapGetters } from 'vuex';
-import Person from 'ChillPersonAssets/vuejs/_components/Person/Person.vue';
+import PersonRenderBox from 'ChillPersonAssets/vuejs/_components/Entity/PersonRenderBox.vue';
 import CKEditor from '@ckeditor/ckeditor5-vue';
 import ClassicEditor from 'ChillMainAssets/module/ckeditor5/index.js';
 
 export default {
   name: 'MemberDetails',
   components: {
-    Person,
+    PersonRenderBox,
     ckeditor: CKEditor.component,
   },
   props: [

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/HouseholdRenderBox.vue

@@ -21,11 +21,15 @@
                <li v-if="hasCurrentMembers" class="members">
                   <i class="fa fa-li fa-user" :title="$t('current_members')"></i>
                   <template v-for="(m, index) in currentMembers()" :key="m.id">
-                     <person :person="m.person"></person>
                      <span v-if="m.holder">
                     &nbsp;<span class="badge bg-primary">{{ $t('holder') }}</span>
                   </span>
                      <span v-if="index != (currentMembersLength() - 1)">, </span>
+                     <person-render-box render="badge"
+                       :person="m.person"
+                       :options="{
+                       }">
+                     </person-render-box>
                   </template>
                </li>
                <li v-else class="members">
@@ -51,7 +55,7 @@
 </template>
 
 <script>
-import Person from 'ChillPersonAssets/vuejs/_components/Person/Person.vue';
+import PersonRenderBox from 'ChillPersonAssets/vuejs/_components/Entity/PersonRenderBox.vue';
 import ShowAddress from 'ChillMainAssets/vuejs/Address/components/ShowAddress.vue';
 
 const i18n = {
@@ -73,7 +77,7 @@ export default {
   name: 'Household',
   props: ['household'],
   components: {
-    Person,
+    PersonRenderBox,
     ShowAddress,
   },
   i18n,

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue

@@ -1,5 +1,6 @@
 <template>
- <div class="item-bloc">
+  <div v-if="render === 'bloc'"
+    class="item-bloc">
     <section class="chill-entity entity-person">
     <div class="item-row entity-bloc">
 
@@ -86,7 +87,7 @@
 
     </div>
     </section>
- </div>
+  </div>
 </template>
 
 <script>
@@ -98,7 +99,7 @@ export default {
     components: {
         ShowAddress
     },
-    props: ['person', 'options'],
+    props: ['person', 'options', 'render'],
     computed: {
         getGender: function() {
             return this.person.gender == 'woman' ? 'renderbox.birthday.woman' : 'renderbox.birthday.man';

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/OnTheFly/Person.vue

@@ -1,7 +1,7 @@
 <template>
 <div v-if="action === 'show'">
    <div class="flex-table">
-      <person-render-box
+      <person-render-box :render="bloc"
          :person="person"
          :options="{
             addInfo: true,

src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Person/Person.vue

@@ -1,16 +0,0 @@
-<template>
-  <span class="chill-entity chill-entity__person">
-    <span class="chill-entity__person__text chill_denomination">
-      {{ person.text }}
-    </span>
-  </span>
-</template>
-
-<script>
-
-export default {
-  name: 'Person',
-  props: ['person']
-}
-
-</script>