From b24eb93c57f5e8e8605e0cf21ecac39c5b394ec3 Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Sat, 8 May 2021 12:12:58 +0200
Subject: [PATCH] addNewPersons() method is called out of addPerson component

note: this allow to use same addPersons component
to add participations, requestor, or interlocutors
---
 .../components/PersonsAssociated.vue           | 18 +++++++++++++++---
 .../components/Requestor.vue                   | 17 ++++++++++++++++-
 .../public/vuejs/_components/AddPersons.vue    | 15 ++++-----------
 3 files changed, 35 insertions(+), 15 deletions(-)

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
index c39960620..e6bad4e43 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
@@ -23,7 +23,10 @@
       </tbody>
    </table>
 
-   <add-persons buttonTitle="persons_associated.add_persons"></add-persons>
+   <add-persons 
+      buttonTitle="persons_associated.add_persons"
+      @addNewPersons="addNewPersons">
+   </add-persons>
 
 </div>
 </template>
@@ -45,11 +48,20 @@ export default {
    }),
    methods: {
       removeParticipation(item) {
-         this.$store.dispatch('removeParticipation', item)
+         this.$store.dispatch('removeParticipation', item);
       },
       closeParticipation(item) {
          console.log('@@ CLICK close participation: item', item);
-         this.$store.dispatch('closeParticipation', item)
+         this.$store.dispatch('closeParticipation', item);
+      },
+      addNewPersons({ selected, modal }) {
+         console.log('@@@ CLICK button addNewPersons', selected);
+         selected.forEach(function(item) {
+               //console.log('# dispatch action for each item', item);
+               this.$store.dispatch('addParticipation', item);
+            }, this
+         );
+         modal.showModal = false;
       }
    }
 }
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue
index 138204074..f41aa65a5 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue
@@ -38,7 +38,10 @@
       </div>
    </div>
    
-   <add-persons buttonTitle="requestor.add_requestor"></add-persons>
+   <add-persons 
+      buttonTitle="requestor.add_requestor"
+      @addNewPersons="addNewPersons">
+   </add-persons>
 
 </div>
 </template>
@@ -59,6 +62,18 @@ export default {
       accompanyingCourse() {
          return this.$store.state.accompanyingCourse
       }
+   },
+   methods: {
+      addNewPersons({ selected, modal }) {
+         console.log('@@@ CLICK button addNewPersons', selected);
+         selected.forEach(function(item) {
+               //console.log('# dispatch action for each item', item);
+               console.log('HU-HUE, we want add new requestor !!', item);
+               //this.$store.dispatch('addRequestor', item);
+            }, this
+         );
+         modal.showModal = false;
+      }
    }
 }
 </script>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue
index a4d0618aa..a800331be 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue
@@ -55,7 +55,8 @@
          </template>
 
          <template v-slot:footer>
-            <button class="sc-button green" @click="addNewPersons">
+            <button class="sc-button green" 
+               @click.prevent="$emit('addNewPersons', { selected, modal })">
                <i class="fa fa-plus fa-fw"></i>{{ $t('action.add')}}
             </button>
          </template>
@@ -119,16 +120,8 @@ export default {
          this.$nextTick(function() {
             this.$refs.search.focus();
          })
-      },
-      addNewPersons() {
-         console.log('@@@ CLICK button addNewPersons')
-         this.selected.forEach(function(item) {
-               //console.log('# dispatch action for each item', item);
-               this.$store.dispatch('addParticipation', item);
-            }, this
-         );
-         this.modal.showModal = false;
       }
-   }
+   },
+   emits: ['addNewPersons'],
 }
 </script>