fix logo upload

This commit is contained in:
yogesh_gohil
2019-11-16 17:50:21 +05:30
parent fa9197c5bc
commit 8de610ad63
2 changed files with 29 additions and 22 deletions

View File

@ -27,6 +27,7 @@
:upload-handler="cropperHandler"
trigger="#pick-avatar"
@changed="setFileObject"
@error="hadleUploadError"
/>
</div>
<div class="row">
@ -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
},

View File

@ -22,6 +22,7 @@
:upload-handler="cropperHandler"
trigger="#pick-avatar"
@changed="setFileObject"
@error="hadleUploadError"
/>
</div>
<div class="row">
@ -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
}