mirror of
https://gitlab.com/Chill-Projet/chill-bundles.git
synced 2025-06-13 05:44:24 +00:00
address: add focus on selectAddress field
This commit is contained in:
parent
6f8231f6f6
commit
4cf3cc8353
@ -46,6 +46,7 @@
|
|||||||
|
|
||||||
<city-selection
|
<city-selection
|
||||||
v-bind:address="address"
|
v-bind:address="address"
|
||||||
|
v-bind:focusOnAddress="focusOnAddress"
|
||||||
v-bind:getReferenceAddresses="getReferenceAddresses">
|
v-bind:getReferenceAddresses="getReferenceAddresses">
|
||||||
</city-selection>
|
</city-selection>
|
||||||
|
|
||||||
@ -173,6 +174,14 @@ export default {
|
|||||||
// this.$refs.search.focus(); // positionner le curseur à l'ouverture de la modale
|
// 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() {
|
getCountries() {
|
||||||
console.log('getCountries');
|
console.log('getCountries');
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<VueMultiselect
|
<VueMultiselect
|
||||||
|
id="addressSelector"
|
||||||
v-model="value"
|
v-model="value"
|
||||||
@select="selectAddress"
|
@select="selectAddress"
|
||||||
name="field"
|
name="field"
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<VueMultiselect
|
<VueMultiselect
|
||||||
|
id="citySelector"
|
||||||
v-model="value"
|
v-model="value"
|
||||||
@select="selectCity"
|
@select="selectCity"
|
||||||
name="field"
|
name="field"
|
||||||
@ -35,7 +36,7 @@ import VueMultiselect from 'vue-multiselect';
|
|||||||
export default {
|
export default {
|
||||||
name: 'CitySelection',
|
name: 'CitySelection',
|
||||||
components: { VueMultiselect },
|
components: { VueMultiselect },
|
||||||
props: ['address', 'getReferenceAddresses'],
|
props: ['address', 'getReferenceAddresses', 'focusOnAddress'],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
value: null
|
value: null
|
||||||
@ -74,6 +75,7 @@ export default {
|
|||||||
this.address.newPostalCode.name = value.name;
|
this.address.newPostalCode.name = value.name;
|
||||||
this.address.newPostalCode.code = value.code;
|
this.address.newPostalCode.code = value.code;
|
||||||
this.getReferenceAddresses(value);
|
this.getReferenceAddresses(value);
|
||||||
|
this.focusOnAddress();
|
||||||
},
|
},
|
||||||
addPostalCode() {
|
addPostalCode() {
|
||||||
this.address.writeNewPostalCode = true;
|
this.address.writeNewPostalCode = true;
|
||||||
|
@ -40,7 +40,6 @@ export default {
|
|||||||
return name.fr //TODO multilang
|
return name.fr //TODO multilang
|
||||||
},
|
},
|
||||||
selectCountry(value) {
|
selectCountry(value) {
|
||||||
console.log(value);
|
|
||||||
this.address.selected.country = value;
|
this.address.selected.country = value;
|
||||||
this.getCities(value);
|
this.getCities(value);
|
||||||
},
|
},
|
||||||
|
Loading…
x
Reference in New Issue
Block a user