diff --git a/resources/assets/js/views/settings/CompanyInfo.vue b/resources/assets/js/views/settings/CompanyInfo.vue index 5299d896..fe976983 100644 --- a/resources/assets/js/views/settings/CompanyInfo.vue +++ b/resources/assets/js/views/settings/CompanyInfo.vue @@ -27,6 +27,7 @@ :upload-handler="cropperHandler" trigger="#pick-avatar" @changed="setFileObject" + @error="hadleUploadError" />
@@ -177,9 +178,9 @@ export default { }, isFetchingData: false, formData: { - name: '', + name: null, logo: null, - email: '', + email: null, phone: null, zip: null, address_street_1: null, @@ -286,6 +287,9 @@ export default { setFileObject (file) { this.fileObject = file }, + hadleUploadError (message, type, xhr) { + window.toastr['error']('Oops! Something went wrong...') + }, async setInitialData () { let response = await this.loadData() this.isFetchingData = true @@ -318,15 +322,19 @@ export default { let response = await this.editCompany(data) if (response.data.success) { this.isLoading = false - if (this.previewLogo) { + if (this.fileObject && this.previewLogo) { let logoData = new FormData() - logoData.append('company_logo', JSON.stringify({name: 'company', data: this.previewLogo})) - let logoUpload = await axios.post('/api/settings/company/upload-logo', logoData) - console.log(logoUpload.data) + logoData.append('company_logo', JSON.stringify({ + name: this.fileObject.name, + data: this.previewLogo + })) + await axios.post('/api/settings/company/upload-logo', logoData) } + this.isLoading = false window.toastr['success'](this.$t('settings.company_info.updated_message')) return true } + this.isLoading = false window.toastr['error'](response.data.error) return true }, diff --git a/resources/assets/js/views/wizard/CompanyInfo.vue b/resources/assets/js/views/wizard/CompanyInfo.vue index 9c58b36e..c0390ea9 100644 --- a/resources/assets/js/views/wizard/CompanyInfo.vue +++ b/resources/assets/js/views/wizard/CompanyInfo.vue @@ -22,6 +22,7 @@ :upload-handler="cropperHandler" trigger="#pick-avatar" @changed="setFileObject" + @error="hadleUploadError" />
@@ -256,30 +257,28 @@ export default { setFileObject (file) { this.fileObject = file }, + hadleUploadError (message, type, xhr) { + window.toastr['error']('Oops! Something went wrong...') + }, async next () { this.$v.companyData.$touch() if (this.$v.companyData.$invalid) { return true } this.loading = true - let data = new FormData() - data.append('logo', this.fileObject) - data.append('name', this.companyData.name) - data.append('address_street_1', this.companyData.address_street_1) - data.append('address_street_2', this.companyData.address_street_2) - data.append('city_id', this.companyData.city_id) - data.append('state_id', this.companyData.state_id) - data.append('country_id', this.companyData.country_id) - data.append('zip', this.companyData.zip) - data.append('phone', this.companyData.phone) - - let response = await window.axios.post('/api/admin/onboarding/company', data, { - headers: { - 'Content-Type': 'multipart/form-data' - } - }) + let response = await window.axios.post('/api/admin/onboarding/company', this.companyData) if (response.data) { + if (this.fileObject && this.previewLogo) { + let logoData = new FormData() + logoData.append('company_logo', JSON.stringify({ + name: this.fileObject.name, + data: this.previewLogo + })) + + await axios.post('/api/settings/company/upload-logo', logoData) + } + this.$emit('next') this.loading = false }