diff options
Diffstat (limited to 'day9/task5_vue/src/components/EditFormBox.vue')
| -rw-r--r-- | day9/task5_vue/src/components/EditFormBox.vue | 16 |
1 files changed, 4 insertions, 12 deletions
diff --git a/day9/task5_vue/src/components/EditFormBox.vue b/day9/task5_vue/src/components/EditFormBox.vue index f18bf69..42bb3c6 100644 --- a/day9/task5_vue/src/components/EditFormBox.vue +++ b/day9/task5_vue/src/components/EditFormBox.vue @@ -95,7 +95,7 @@ </div> <div class="formButtons"> - <button type="button" @click="cancelCallback">Cancel</button> + <button type="button" @click="$emit('close-form')">Cancel</button> <button type="button" v-if="formType === 'update'" @click="submitForm">Update</button> <button type="button" v-else-if="formType === 'create'" @click="submitForm">Create</button> @@ -109,7 +109,7 @@ export default { name: "EditFormBox", - props: ['formType', 'cancelCallback', 'tableRow', 'showPopup'], + props: ['formType', 'tableRow'], data() { return { @@ -126,14 +126,6 @@ } }, - mounted() { - let action = ''; - if (this.formType === 'create') action = '/api/add'; - else if (this.formType === 'update') action = '/api/update'; - - this.$refs.tableForm.action = action; - }, - methods: { submitForm() { let creation_date = this.$refs.creation_request_sent_date.value; @@ -177,8 +169,8 @@ data: JSON.stringify(formData) }) .then(response => { - this.cancelCallback(); - this.showPopup('Database updated successfully'); + this.$emit('close-form'); + this.$emit('show-popup', 'Database updated successfully'); }); } } |