From 5b635fbe586c8381348affc0e843a89c05b33402 Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Mon, 17 May 2021 22:17:08 +0200
Subject: [PATCH] fix input value for radio selection in AddPersons modal

selected value is different for radio or checkbox
for radio value is an object, for checkbox vaue is an array of objects
---
 .../AccompanyingCourse/components/Requestor.vue  |  2 +-
 .../_components/AddPersons/PersonSuggestion.vue  | 16 ++++++++++++----
 2 files changed, 13 insertions(+), 5 deletions(-)

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 189fa8687..96860b048 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue
@@ -104,7 +104,7 @@ export default {
       },
       addNewPersons({ selected, modal }) {
          console.log('@@@ CLICK button addNewPersons', selected);
-         this.$store.dispatch('addRequestor', selected);
+         this.$store.dispatch('addRequestor', selected.shift());
          this.$refs.addPersons.resetSearch(); // to cast child method
          modal.showModal = false;
       }
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/PersonSuggestion.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/PersonSuggestion.vue
index d99612f21..d71fce599 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/PersonSuggestion.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/PersonSuggestion.vue
@@ -2,9 +2,12 @@
    <div class="list-item" :class="{ checked: isChecked }">
          
          <div class="container">
-            <input v-model="selected"
-               :type="type" 
-               :value="item" />
+            <input 
+               v-bind:type="type" 
+               v-model="selected"
+               name="item"
+               v-bind:id="item"
+               v-bind:value="setValueIfType(item, type)" />
          </div>
             
          <suggestion-person 
@@ -48,7 +51,12 @@ export default {
       },
       isChecked() {
          return (this.search.selected.indexOf(this.item) === -1) ? false : true;
-      }
+      },
    },
+   methods: {
+      setValueIfType(value, type) {
+         return (type === 'radio')? [value] : value;
+      }
+   }
 };
 </script>