address form: add the possibility to create a new address

This commit is contained in:
nobohan
2021-06-01 21:55:34 +02:00
parent 935006eae3
commit 8011293b28
3 changed files with 26 additions and 9 deletions

View File

@@ -7,7 +7,11 @@
track-by="id"
label="value"
:custom-label="transName"
:taggable="true"
:multiple="false"
@tag="addAddress"
:placeholder="$t('select_address')"
:tagPlaceholder="$t('create_address')"
:options="addresses">
</VueMultiselect>
</div>
@@ -25,18 +29,25 @@ export default {
value: null
}
},
computed: {
addresses() {
return this.address.loaded.addresses;
}
},
methods: {
transName(value) {
return `${value.street}, ${value.streetNumber}`
return value.streetNumber === undefined ? value.street : `${value.street}, ${value.streetNumber}`
},
selectAddress(value) {
this.address.selected.address = value;
this.updateMapCenter(value.point);
},
},
computed: {
addresses() {
return this.address.loaded.addresses;
addAddress (newAddress) {
const address = {
street: newAddress
};
this.value = address;
this.address.selected.address = address;
}
}
};