ki9
/
mailapi
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Replaced msg with alerts on clientside

master
Keith Irwin 2021-12-26 16:24:55 -07:00
parent 858f4dd564
commit 285e2b2345
Signed by: ki9
GPG Key ID: DF773B3F4A88DA86
1 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
index.html.sample
View File

@ -9,14 +9,11 @@
<p><button id="send-button" class="h-captcha" data-sitekey="<YOUR HCAPTCHA SITE KEY>" data-callback="sendClicked">Send</button></p> <p><button id="send-button" class="h-captcha" data-sitekey="<YOUR HCAPTCHA SITE KEY>" data-callback="sendClicked">Send</button></p>
<p id="msg"></p>
<p>This page is protected by <a href="https://www.hcaptcha.com/">hCaptcha</a> so its <a href="https://hcaptcha.com/privacy">Privacy Policy</a> and <a href="https://hcaptcha.com/terms">Terms of Service</a> apply.</p> <p>This page is protected by <a href="https://www.hcaptcha.com/">hCaptcha</a> so its <a href="https://hcaptcha.com/privacy">Privacy Policy</a> and <a href="https://hcaptcha.com/terms">Terms of Service</a> apply.</p>
<script src="https://js.hcaptcha.com/1/api.js" async defer></script> <script src="https://js.hcaptcha.com/1/api.js" async defer></script>
<script src="/PATH/TO/LOCAL/COPY/OF/openpgp.min.js"></script> <script src="/PATH/TO/LOCAL/COPY/OF/openpgp.min.js"></script>
<script>/* global openpgp fetch */ <script>/* global openpgp fetch */
let msg = document.getElementById('msg')
let send = document.getElementById('send-button') let send = document.getElementById('send-button')
let name = document.getElementById('name-input') let name = document.getElementById('name-input')
let email = document.getElementById('email-input') let email = document.getElementById('email-input')
@ -28,7 +25,7 @@
async function sendClicked (captchaToken) { async function sendClicked (captchaToken) {
if (captchaToken) { if (captchaToken) {
send.disabled = true send.disabled = true
msg.innerHTML = `Sending... ` send.innerHTML = `Sending... `
let res; try { let res; try {
res = await fetch(API_URL, { res = await fetch(API_URL, {
method: 'POST', method: 'POST',
@ -58,19 +55,19 @@ lk6lY0ktTb+vRnndyN3m+XW1mYdv3xUZMjQwMBtgdZbfY43pq8+N55tSTycF
} catch (err) { } catch (err) {
send.disabled = false send.disabled = false
console.error(err) console.error(err)
msg.innerHTML = `Failed to connect to the network. Are you online?` alert('Failed to connect to the network. Are you online?')
} }
console.log(res.json()) console.log(res.json())
send.disabled = false send.disabled = false
if (res.status===200) { if (res.status===200) {
text.value = ''; subj.value = ''; name.value = ''; email.value = '' text.value = ''; subj.value = ''; name.value = ''; email.value = ''
msg.innerHTML = `Sent!` alert(Sent!')
} else if (res.status===403) } else if (res.status===403)
msg.innerHTML = `hCaptcha failed! Please try again.` alert('hCaptcha failed! Please try again.')
else if (res.status===500) else if (res.status===500)
msg.innerHTML = `Backend failed! Please try again. If the problem persists, please email hostmaster@[this domain].` alert('Backend failed! Please try again. If the problem persists, please email hostmaster@[this domain].')
else msg.innerHTML = `Unknown error! Please try again. If the problem persists, please email hostmaster@[this domain].` else alert('Unknown error! Please try again. If the problem persists, please email hostmaster@[this domain].')
} }
} }