Address selection: add a leaflet map

src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/AddAddress.vue

@@ -29,7 +29,7 @@
 
          <template v-slot:body>
             <!--span class="discret">Selection: {{ selected }}</span-->
-            <div class="results">
+            <div class="address_form__left">
                <!-- <div class="count">
                   <span>
                      <a  v-if="suggestedCounter > 0" href="#">
@@ -48,16 +48,17 @@
                <city-selection>
                </city-selection>
 
-               <address-selection
-                  v-for="item in this.referenceAddresses.slice().reverse()"
-                  v-bind:item="item"
-                  v-bind:key="item.id">
+               <address-selection>
                </address-selection>
 
                <!-- <button v-if="query.length >= 3" class="sc-button bt-create ml-5 mt-2" name="createPerson">
                   {{ $t('action.create') }} "{{ query }}"
                </button> -->
             </div>
+            <div class="address_form__map">
+               <address-map>
+               </address-map>
+            </div>
          </template>
 
          <template v-slot:footer>
@@ -76,6 +77,8 @@ import Modal from './Modal';
 import CountrySelection from './CountrySelection';
 import CitySelection from './CitySelection';
 import AddressSelection from './AddressSelection';
+import AddressMap from './AddressMap';
+
 
 export default {
    name: 'AddAddresses',
@@ -84,6 +87,7 @@ export default {
       CountrySelection,
       CitySelection,
       AddressSelection,
+      AddressMap
    },
    data() {
       return {
@@ -94,8 +98,7 @@ export default {
       }
    },
    computed: {
-      ...mapState(['add_addresses']),
-      referenceAddresses() { return this.$store.getters.getReferenceAddresses; }
+      ...mapState(['add_addresses']), //TODO: is it useful?
       // query: {
       //    set(query) {
       //       this.$store.dispatch('setQuery', { query });
@@ -123,9 +126,9 @@ export default {
    methods: {
       openModal() {
          this.modal.showModal = true;
-         this.$nextTick(function() {
-            this.$refs.search.focus();
-         })
+         // this.$nextTick(function() {
+         //    this.$refs.search.focus();
+         // })
       },
       addAddresses() {
          console.log('@@@ CLICK button addAddresses')