From 6565e3f8e3923c12516987c29cdab90296eced33 Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Fri, 15 Oct 2021 15:37:16 +0200
Subject: [PATCH] fix invisible selected item in multiselect

---
 .../vuejs/Activity/components/Location.vue    | 26 +++++++++----------
 .../Activity/components/SocialIssuesAcc.vue   |  2 +-
 2 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/Location.vue b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/Location.vue
index 9b884c0de..0dbf2652a 100644
--- a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/Location.vue
+++ b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/Location.vue
@@ -9,15 +9,15 @@
                 <VueMultiselect
                     name="selectLocation"
                     id="selectLocation"
+                    label="name"
                     track-by="id"
+                    open-direction="top"
                     :multiple="false"
                     :searchable="true"
-                    open-direction="top"
                     :placeholder="$t('activity.choose_location')"
-                    label="name"
                     :custom-label="customLabel"
-                    v-model="location"
-                    :options="locations">
+                    :options="locations"
+                    v-model="location">
                 </VueMultiselect>
 
                 <new-location @saveNewLocation="saveNewLocation"></new-location>
@@ -73,11 +73,16 @@ export default {
             let body = {
                 type: 'location',
                 name: selected.name,
-                address: { id: selected.addressId },
-                locationType: { id: selected.type, type: 'location-type' },
-                email: selected.email,
+                address: {
+                    id: selected.addressId
+                },
+                locationType: {
+                    id: selected.type,
+                    type: 'location-type'
+                },
                 phonenumber1: selected.phonenumber1,
                 phonenumber2: selected.phonenumber2,
+                email: selected.email,
             }
             postLocation(body).then(location => new Promise(resolve => {
                 console.log('postLocation', location);
@@ -89,11 +94,4 @@ export default {
     }
 }
 
-/*
-*
-* TODO
-*  - multiselect, n'affiche pas l'item choisi
-*  - addAddress, les multiselect pays/localité/adresse ne se remplissent pas
-*
-*/
 </script>
diff --git a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc.vue b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc.vue
index d4d1b8a0f..06e0b197c 100644
--- a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc.vue
+++ b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc.vue
@@ -205,7 +205,7 @@ export default {
 </script>
 
 <style src="vue-multiselect/dist/vue-multiselect.css"></style>
-<style lang="scss">
+<style lang="scss" scoped>
    span.multiselect__single {
       display: none !important;
    }