From 4cf3cc8353c228c706e5b3d24be7f3c9ff76c70f Mon Sep 17 00:00:00 2001
From: nobohan <juminet@gmail.com>
Date: Tue, 29 Jun 2021 14:25:26 +0200
Subject: [PATCH] address: add focus on selectAddress field

---
 .../Resources/public/vuejs/_components/AddAddress.vue    | 9 +++++++++
 .../vuejs/_components/AddAddress/AddressSelection.vue    | 1 +
 .../vuejs/_components/AddAddress/CitySelection.vue       | 4 +++-
 .../vuejs/_components/AddAddress/CountrySelection.vue    | 1 -
 4 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress.vue
index e8bb3700b..497a9ff39 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress.vue
@@ -46,6 +46,7 @@
 
                      <city-selection
                         v-bind:address="address"
+                        v-bind:focusOnAddress="focusOnAddress"
                         v-bind:getReferenceAddresses="getReferenceAddresses">
                      </city-selection>
 
@@ -173,6 +174,14 @@ export default {
          //   this.$refs.search.focus(); // positionner le curseur à l'ouverture de la modale
          //})
       },
+      focusOnCity() {
+          const citySelector = document.getElementById('citySelector');
+          citySelector.focus();
+      },
+      focusOnAddress() {
+          const addressSelector = document.getElementById('addressSelector');
+          addressSelector.focus();
+      },
       getCountries() {
          console.log('getCountries');
          this.loading = true;
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress/AddressSelection.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress/AddressSelection.vue
index a02e71c73..6ede9168c 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress/AddressSelection.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress/AddressSelection.vue
@@ -1,6 +1,7 @@
 <template>
    <div class="container">
       <VueMultiselect
+         id="addressSelector"
          v-model="value"
          @select="selectAddress"
          name="field"
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress/CitySelection.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress/CitySelection.vue
index 51781d391..81662d2eb 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress/CitySelection.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress/CitySelection.vue
@@ -1,6 +1,7 @@
 <template>
    <div class="container">
       <VueMultiselect
+         id="citySelector"
          v-model="value"
          @select="selectCity"
          name="field"
@@ -35,7 +36,7 @@ import VueMultiselect from 'vue-multiselect';
 export default {
    name: 'CitySelection',
    components: { VueMultiselect },
-   props: ['address', 'getReferenceAddresses'],
+   props: ['address', 'getReferenceAddresses', 'focusOnAddress'],
    data() {
       return {
          value: null
@@ -74,6 +75,7 @@ export default {
          this.address.newPostalCode.name = value.name;
          this.address.newPostalCode.code = value.code;
          this.getReferenceAddresses(value);
+         this.focusOnAddress();
       },
       addPostalCode() {
          this.address.writeNewPostalCode = true;
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress/CountrySelection.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress/CountrySelection.vue
index 43fa8cf02..388ab7e8e 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress/CountrySelection.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress/CountrySelection.vue
@@ -40,7 +40,6 @@ export default {
          return name.fr //TODO multilang
       },
       selectCountry(value) {
-         console.log(value);
          this.address.selected.country = value;
          this.getCities(value);
       },