From 3a0c25c8711f57fd6fb4ce33b785548d220afe24 Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Tue, 27 Apr 2021 23:24:17 +0200
Subject: [PATCH] fix addPerson feature with vue3+store+i18n

---
 .../components/PersonsAssociated.vue          | 28 +++++++++----------
 .../js/AccompanyingCourse/store/index.js      |  4 +++
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/Bundle/ChillPersonBundle/Resources/public/js/AccompanyingCourse/components/PersonsAssociated.vue b/src/Bundle/ChillPersonBundle/Resources/public/js/AccompanyingCourse/components/PersonsAssociated.vue
index 18c91c87a..ca5b2b272 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/js/AccompanyingCourse/components/PersonsAssociated.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/js/AccompanyingCourse/components/PersonsAssociated.vue
@@ -29,34 +29,32 @@
       </li>
    </ul>
 </div>
+
 </template>
 
 <script>
+import { mapState } from 'vuex';
 import PersonItem from "./PersonItem.vue"
 
+let SimpsonId = 10000
+
 export default {
    name: 'PersonsAssociated',
    components: { 
-      PersonItem 
-   },
-   computed: {
-      accompanying_course() {
-         return this.$store.state.accompanying_course
-      },
-      participations() {
-         return this.accompanying_course.participations
-      },
-      counter() {
-         return this.participations.length
-      }
+      PersonItem,
    },
+   computed: mapState({
+      participations: state => state.accompanying_course.participations,
+      counter: state => state.accompanying_course.participations.length
+   }),
    methods: {
       addPerson() {
          this.$store.commit('addParticipation', {
-            person: { firstName: "Lisa", lastName: "Simpson", },
-            startDate: "1975-09-15", endDate: "2021-04-20"
+            id: SimpsonId++,
+            person: { firstName: "Lisa", lastName: "Simpson", id: SimpsonId },
+            startDate: { datetime: "1975-09-15T00:00:00+0100" }, 
+            endDate: { datetime: "1975-09-28T00:00:00+0100" }, 
          })
-         return this.accompanying_course
       },
       removePerson(item) {
          this.$store.commit('removeParticipation', item)
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/js/AccompanyingCourse/store/index.js b/src/Bundle/ChillPersonBundle/Resources/public/js/AccompanyingCourse/store/index.js
index 6d5d710e3..387b56072 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/js/AccompanyingCourse/store/index.js
+++ b/src/Bundle/ChillPersonBundle/Resources/public/js/AccompanyingCourse/store/index.js
@@ -11,6 +11,8 @@ let promise = getAccompanyingCourse(window.accompanyingCourseId)
          state: {
             accompanying_course: accompanying_course
          },
+         getters: {
+         },
          mutations: {
             removeParticipation(state, item) {
                console.log('remove item', item.id);
@@ -20,6 +22,8 @@ let promise = getAccompanyingCourse(window.accompanyingCourseId)
                console.log('add new item');
                state.accompanying_course.participations.push(item)
             }
+         },
+         actions: {
          }
       });
       //console.log('store', store);