add file ShowAdressPane that contains ShowAddress, because ShowAddress must be called in several files

This commit is contained in:
2021-08-13 16:54:31 +02:00
parent 1d2cbc4f62
commit b0187d0594
4 changed files with 114 additions and 111 deletions

View File

@@ -24,7 +24,7 @@
</template>
<template v-slot:body>
<show-address
<show-address-pane
v-bind:context="this.context"
v-bind:options="this.options"
v-bind:default="this.default"
@@ -32,7 +32,7 @@
v-bind:valid="this.valid"
v-bind:flag="this.flag"
ref="showAddress">
</show-address>
</show-address-pane>
</template>
<template v-slot:footer>
@@ -50,7 +50,7 @@
</teleport>
<div class="mt-4" v-else>
<show-address v-if="flag.showPane"
<show-address-pane v-if="flag.showPane"
v-bind:context="this.context"
v-bind:options="this.options"
v-bind:default="this.default"
@@ -60,7 +60,7 @@
ref="showAddress"
v-bind:insideModal="false" @openEditPane="openEditPane"
@submitAddress="$emit('submitAddress')">
</show-address>
</show-address-pane>
</div>
<!-- step 2 -->
@@ -79,7 +79,7 @@
</template>
<template v-slot:body>
<edit-address
<edit-address-pane
v-bind:context="this.context"
v-bind:options="this.options"
v-bind:default="this.default"
@@ -87,7 +87,7 @@
v-bind:flag="this.flag"
@getCities="getCities"
@getReferenceAddresses="getReferenceAddresses">
</edit-address>
</edit-address-pane>
</template>
<template v-slot:footer>
@@ -104,7 +104,7 @@
</teleport>
<div class="mt-4" v-else>
<edit-address v-if="flag.editPane"
<edit-address-pane v-if="flag.editPane"
v-bind:context="this.context"
v-bind:options="this.options"
v-bind:default="this.default"
@@ -113,7 +113,7 @@
v-bind:insideModal="false" @closeEditPane="closeEditPane"
@getCities="getCities"
@getReferenceAddresses="getReferenceAddresses">
</edit-address>
</edit-address-pane>
</div>
</template>
@@ -122,8 +122,8 @@
import Modal from 'ChillMainAssets/vuejs/_components/Modal';
import { getAddress, fetchCountries, fetchCities, fetchReferenceAddresses, patchAddress, postAddress, postPostalCode } from '../api';
import { postAddressToPerson, postAddressToHousehold } from "ChillPersonAssets/vuejs/_api/AddAddress.js";
import ShowAddress from './ShowAddress.vue';
import EditAddress from './EditAddress.vue';
import ShowAddressPane from './ShowAddressPane.vue';
import EditAddressPane from './EditAddressPane.vue';
export default {
name: "AddAddress",
@@ -131,8 +131,8 @@ export default {
emits: ['submitAddress'],
components: {
Modal,
ShowAddress,
EditAddress,
ShowAddressPane,
EditAddressPane,
},
data() {
return {