add store postAddress fetch request

This commit is contained in:
2021-05-12 09:50:43 +02:00
parent 2aed37757e
commit cb846891d6
4 changed files with 60 additions and 30 deletions

View File

@@ -11,8 +11,7 @@
</div>
<add-address
@addNewAddress="addNewAddress"
ref="addAddress">
@addNewAddress="addNewAddress">
</add-address>
</template>
@@ -35,7 +34,6 @@ export default {
addNewAddress({ address, modal }) {
console.log('@@@ CLICK button addNewAdress', address);
this.$store.dispatch('addAddress', address.selected);
//this.$refs.addAddress.resetAll(); // to cast child method
modal.showModal = false;
}
}

View File

@@ -1,12 +1,16 @@
import 'es6-promise/auto';
import { createStore } from 'vuex';
// le fetch POST serait rangé dans la logique du composant qui appelle AddAddress
//import { postAddress } from '... api'
const debug = process.env.NODE_ENV !== 'production';
const store = createStore({
strict: debug,
state: {
address: {}
address: {},
errorMsg: {}
},
getters: {
},
@@ -19,7 +23,19 @@ const store = createStore({
actions: {
addAddress({ commit }, payload) {
console.log('@A addAddress payload', payload);
commit('addAddress', payload);
commit('addAddress', payload); // à remplacer par
// fetch POST qui envoie l'adresse, et récupère la confirmation que c'est ok.
// La confirmation est l'adresse elle-même.
//
// postAddress(payload)
// .fetch(address => new Promise((resolve, reject) => {
// commit('addAddress', address);
// resolve();
// }))
// .catch((error) => {
// state.errorMsg.push(error.message);
// });
}
}
});