adrian/contact-mailer
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

less global id in dom

Browse Source
This commit is contained in:
Adrian Amaglio 2020-08-25 10:07:30 +02:00
parent 9e9d393de8
commit 7f75ca2712
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
client/index.js
View File

@ -1,5 +1,4 @@
function message (level, text) {
const messageContainer = document.getElementById('contact-mailer-message')
function message (messageContainer, level, text) {
const messageElement = document.createElement('p')
messageContainer.appendChild(messageElement)
messageElement.textContent = text
@ -20,6 +19,12 @@ function interceptForm (formId) {
console.error('You tried to intercept form id:"' + formId + '" but it was not found.')
return
}
/* Create the message container */
const messageBox = document.createElement('div')
messageBox.classList.add('contact-mailer-message-container')
formElem.parentNode.insertBefore(messageBox, formElem)
/* Intercept the submit event */
formElem.onsubmit = async (e) => {
e.preventDefault()
fetch(formElem.action, {
@ -28,14 +33,14 @@ function interceptForm (formId) {
})
.then(data => {
if (!data.ok || data.status == 500) {
message('error', 'Erreur du service d’envoi. Réessayez plus tard ou contactez https://jean-cloud.net')
message(messageBox, 'error', 'Erreur du service d’envoi. Réessayez plus tard ou contactez https://jean-cloud.net')
} else if (data.ok || data.status == 200) {
message('success', 'Le message a bien été envoyé !')
message(messageBox, 'success', 'Le message a bien été envoyé !')
formElem.reset()
}
})
.catch((error) => {
message('error', 'Impossible d’envoyer le formulaire. Vérifiez votre connexion internet ou réessayez plus tard.')
message(messageBox, 'error', 'Impossible d’envoyer le formulaire. Vérifiez votre connexion internet ou réessayez plus tard.')
})
}
}