address selection: add more fields

This commit is contained in:
nobohan
2021-05-11 15:32:02 +02:00
parent c3926991ac
commit 15e301b889
6 changed files with 45 additions and 28 deletions

View File

@@ -14,32 +14,48 @@
<template v-slot:body>
<div class="address_form__fields">
<div class="address_form__fields__isNoAddress">
<input type="checkbox" name="isNoAddress" :placeholder="$t('isNoAddress')" v-model="isNoAddress"/>
<label for="isNoAddress">{{ $t('isNoAddress') }}</label>
</div>
<div class="address_form__left">
<div class="address_form__select">
<div class="address_form__select__header">
<h4>{{ $t('select_an_address') }}</h4>
</div>
<div class="address_form__select__left">
<country-selection>
</country-selection>
<country-selection>
</country-selection>
<city-selection>
</city-selection>
<city-selection>
</city-selection>
<address-selection>
</address-selection>
<address-selection>
</address-selection>
</div>
<div class="address_form__map">
<address-map ref="addressMap">
</address-map>
</div>
<div class="address_form__map">
<address-map ref="addressMap">
</address-map>
</div>
</div>
<div v-if="!isNoAddress" class="address_form__fields">
<input type="text" name="floor" :placeholder="$t('floor')" v-model="floor"/>
<input type="text" name="corridor" :placeholder="$t('corridor')" v-model="corridor"/>
<input type="text" name="steps" :placeholder="$t('steps')" v-model="steps"/>
<div class="address_form__fields__header">
<h4>{{ $t('fill_an_address') }}</h4>
</div>
<div class="address_form__fields__left">
<input type="text" name="floor" :placeholder="$t('floor')" v-model="floor"/>
<input type="text" name="corridor" :placeholder="$t('corridor')" v-model="corridor"/>
<input type="text" name="steps" :placeholder="$t('steps')" v-model="steps"/>
<input type="text" name="flat" :placeholder="$t('flat')" v-model="flat"/>
</div>
<div class="address_form__fields__right">
<input type="text" name="buildingName" :placeholder="$t('buildingName')" v-model="buildingName"/>
<input type="text" name="extra" :placeholder="$t('extra')" v-model="extra"/>
<input type="text" name="distribution" :placeholder="$t('distribution')" v-model="distribution"/>
</div>
</div>
@@ -91,6 +107,7 @@ export default {
return this.$store.state.form.isNoAddress; //TODO could be this.add_address.form.isNoAddress
}
},
//TODO define setter and getter for form input (floor, steps, ...)
},
methods: {
openModal() {