nemunaire/travel-steps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

frontend: create-post: better error handling

Browse source 
Signed-off-by: Nicolas Froger <nicolas@kektus.xyz>
This commit is contained in:
Nicolas Froger 2024-07-26 15:35:45 +02:00
commit 4356816f07
No known key found for this signature in database
1 changed files with 25 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

37
summer2024-frontend/src/views/CreatePostView.vue
View file

@ -46,6 +46,13 @@ const formStatus = ref({
errorMsg: '' errorMsg: ''
}) })
function formError(message) {
formStatus.value.sending = false
formStatus.value.error = true
formStatus.value.errorMsg = message
formContainer.value.classList.remove('invisible')
}
const onSubmit = form.handleSubmit(async (values) => { const onSubmit = form.handleSubmit(async (values) => {
if (!authStore.isAuth) if (!authStore.isAuth)
return return
@ -65,14 +72,16 @@ const onSubmit = form.handleSubmit(async (values) => {
'X-admin-token': authStore.adminToken 'X-admin-token': authStore.adminToken
}, },
body: JSON.stringify({ filename: file.file.name }) body: JSON.stringify({ filename: file.file.name })
}).catch((e) => {
console.log('Contact API asset failed: ' + e)
formError('Erreur à la préparation de l\'envoi d\'un média : ' + e)
}) })
if (!response)
return
if (!response.ok) { if (!response.ok) {
console.log('Contact API asset failed: ' + response.statusText + '\n\n' + response.body) console.log('Contact API asset failed: ' + response.statusText + '\n\n' + response.body)
formStatus.value.sending = false formError('Erreur à la préparation de l\'envoi d\'un média : ' + response.statusText)
formStatus.value.error = true
formStatus.value.errorMsg = 'Une erreur est survenue à la préparation de l\'envoi d\'un média : ' + response.statusText
formContainer.value.classList.remove('invisible')
return return
} }
const responseBody = await response.json() const responseBody = await response.json()
@ -88,13 +97,15 @@ const onSubmit = form.handleSubmit(async (values) => {
const s3Response = await fetch(`${S3_ENDPOINT}/${S3_BUCKET}/`, { const s3Response = await fetch(`${S3_ENDPOINT}/${S3_BUCKET}/`, {
method: 'POST', method: 'POST',
body: mediaUploadFormData body: mediaUploadFormData
}).catch((e) => {
console.log('Erreur envoi S3: ' + e)
formError('Une erreur est survenue pendant l\'envoi d\'un média : ' + e)
}) })
if (!s3Response)
return
if (!s3Response.ok) { if (!s3Response.ok) {
console.log('Envoi media S3 failed: ' + s3Response.statusText + '\n\n' + s3Response.body) console.log('Envoi media S3 failed: ' + s3Response.statusText + '\n\n' + s3Response.body)
formStatus.value.sending = false formError('Une erreur est survenue pendant l\'envoi d\'un média : ' + s3Response.statusText)
formStatus.value.error = true
formStatus.value.errorMsg = 'Une erreur est survenue pendant l\'envoi d\'un média : ' + s3Response.statusText
formContainer.value.classList.remove('invisible')
return return
} }
@ -115,13 +126,15 @@ const onSubmit = form.handleSubmit(async (values) => {
country: values.country, country: values.country,
assets: assets assets: assets
}) })
}).catch((e) => {
console.log('Erreur envoi post : ' + e)
formError('Une erreur est survenue pendant l\'envoi du post : ' + e)
}) })
if (!response)
return
if (!response.ok) { if (!response.ok) {
console.log('POST post API failed: ' + response.statusText + '\n\n' + response.body) console.log('POST post API failed: ' + response.statusText + '\n\n' + response.body)
formStatus.value.sending = false formError('Une erreur est survenue lors de l\'envoi du poste : ' + response.statusText)
formStatus.value.error = true
formStatus.value.errorMsg = 'Une erreur est survenue lors de l\'envoi du poste : ' + response.statusText
formContainer.value.classList.remove('hidden')
return return
} }