From 6da8f1c1077c9c83d4ed7ccf52939278f7a1dfc4 Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Wed, 12 May 2021 15:26:46 +0200
Subject: [PATCH] when passed option uniq, suggestions are with radio button,
 not checkbox

---
 .../vuejs/AccompanyingCourse/components/Requestor.vue |  5 +----
 .../Resources/public/vuejs/_components/AddPersons.vue | 11 ++++++-----
 .../public/vuejs/_components/PersonSuggestion.vue     |  8 +++++---
 3 files changed, 12 insertions(+), 12 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 27ab1eab7..189fa8687 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Requestor.vue
@@ -104,10 +104,7 @@ export default {
       },
       addNewPersons({ selected, modal }) {
          console.log('@@@ CLICK button addNewPersons', selected);
-         selected.forEach(function(item) {
-               this.$store.dispatch('addRequestor', item);
-            }, this
-         );
+         this.$store.dispatch('addRequestor', selected);
          this.$refs.addPersons.resetSearch(); // to cast child method
          modal.showModal = false;
       }
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue
index 5595c7944..8e653466c 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons.vue
@@ -30,7 +30,7 @@
 
                </div>
             </div>
-            <div class="modal-body">
+            <div class="modal-body" v-if="checkUniq === 'checkbox'">
                <div class="count">
                   <span>
                      <a v-if="suggestedCounter > 2" @click="selectAll">
@@ -57,6 +57,7 @@
                   v-bind:key="itemKey(item)"
                   v-bind:item="item"
                   v-bind:search="search"
+                  v-bind:type="checkUniq"
                   @updateSelected="updateSelected">
                </person-suggestion>
 
@@ -71,7 +72,6 @@
                @click.prevent="$emit('addNewPersons', { selected, modal })">
                <i class="fa fa-plus fa-fw"></i>{{ $t('action.add')}}
             </button>
-            {{ $t(checkUniq) }}
          </template>
 
       </modal>
@@ -148,10 +148,10 @@ export default {
          return this.options;
       },
       checkUniq() {
-         if (this.options.uniq === true && this.selectedCounter > 1) {
-            return "error_only_one_person";
+         if (this.options.uniq === true) {
+            return 'radio';
          }
-         return '';
+         return 'checkbox';
       }
    },
    methods: {
@@ -180,6 +180,7 @@ export default {
          }, this);
       },
       updateSelected(value) {
+         console.log('value', value);
          this.search.selected = value;
       },
       resetSearch() {
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/PersonSuggestion.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/PersonSuggestion.vue
index 649953903..9a09a5bc7 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/PersonSuggestion.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/PersonSuggestion.vue
@@ -2,8 +2,8 @@
    <div class="list-item" :class="{ checked: isChecked }">
          
          <div class="container">
-            <input type="checkbox" 
-               v-model="selected"
+            <input v-model="selected"
+               :type="type" 
                :value="item" />
          </div>
             
@@ -32,12 +32,14 @@ export default {
    },
    props: [
       'item', 
-      'search'
+      'search',
+      'type'
    ],
    emits: ['updateSelected'],
    computed: {
       selected: {
          set(value) {
+            console.log('value', value);
             this.$emit('updateSelected', value);
          },
          get() {