requestor, just display datas

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

@@ -1,13 +1,13 @@
 <template>
    <button class="sc-button bt-create centered mt-4" @click="openModal">
-      {{ $t('add_persons.search_add_others_persons') }}
+      {{ $t(buttonTitle) }}
    </button>
-   
+
    <teleport to="body">
-      <modal v-if="modal.showModal" 
-         :modalDialogClass="modal.modalDialogClass" 
-         @close="modal.showModal = false">      
-            
+      <modal v-if="modal.showModal"
+         :modalDialogClass="modal.modalDialogClass"
+         @close="modal.showModal = false">
+
          <template v-slot:header>
             <h3 class="modal-title">{{ $t('add_persons.title') }}</h3>
          </template>
@@ -17,16 +17,16 @@
                <label style="float: right;">
                   {{ $tc('add_persons.suggested_counter', suggestedCounter) }}
                </label>
-               
+
                <input id="search-persons"
-                  name="query" 
-                  v-model="query" 
-                  :placeholder="$t('add_persons.search_some_persons')" 
+                  name="query"
+                  v-model="query"
+                  :placeholder="$t('add_persons.search_some_persons')"
                   ref="search" />
                <i class="fa fa-search fa-lg"></i>
             </div>
          </template>
-               
+
          <template v-slot:body>
             <!--span class="discret">Selection: {{ selected }}</span-->
             <div class="results">
@@ -34,32 +34,32 @@
                   <span>
                      <a  v-if="suggestedCounter > 0" href="#">
                         {{ $t('action.check_all')}}</a>
-                     <a  v-if="selectedCounter > 0" href="#"> 
+                     <a  v-if="selectedCounter > 0" href="#">
                         {{ $t('action.reset')}}</a>
                   </span>
                   <span v-if="selectedCounter > 0">
                      {{ $tc('add_persons.selected_counter', selectedCounter) }}
                   </span>
                </div>
-               
-               <person-suggestion 
+
+               <person-suggestion
                   v-for="item in this.selectedAndSuggested.slice().reverse()"
-                  v-bind:item="item" 
+                  v-bind:item="item"
                   v-bind:key="item.id">
                </person-suggestion>
-               
+
                <button v-if="query.length >= 3" class="sc-button bt-create ml-5 mt-2" name="createPerson">
                   {{ $t('action.create') }} "{{ query }}"
                </button>
             </div>
          </template>
-               
+
          <template v-slot:footer>
             <button class="sc-button green" @click="addNewPersons">
                <i class="fa fa-plus fa-fw"></i>{{ $t('action.add')}}
             </button>
          </template>
-         
+
       </modal>
    </teleport>
 </template>
@@ -71,6 +71,7 @@ import PersonSuggestion from 'ChillPersonAssets/vuejs/_components/PersonSuggesti
 
 export default {
    name: 'AddPersons',
+   props: ['buttonTitle'],
    components: {
       Modal,
       PersonSuggestion,
@@ -80,7 +81,8 @@ export default {
          modal: {
             showModal: false,
             modalDialogClass: "modal-dialog-scrollable modal-xl"
-         }
+         },
+         //button: this.buttonTitle
       }
    },
    computed: {
@@ -100,10 +102,10 @@ export default {
       },
       suggestedCounter() {
          return this.addPersons.suggested.length;
-      }, 
+      },
       selected() {
          return this.addPersons.selected;
-      }, 
+      },
       selectedCounter() {
          return this.addPersons.selected.length;
       },
@@ -121,7 +123,7 @@ export default {
       addNewPersons() {
          console.log('@@@ CLICK button addNewPersons')
          this.selected.forEach(function(item) {
-               //console.log('# dispatch action for each item', item); 
+               //console.log('# dispatch action for each item', item);
                this.$store.dispatch('addParticipation', item);
             }, this
          );