change image to "invalid" on error

This commit is contained in:
Aljaz S
2021-11-25 12:37:09 +01:00
parent 4c2885855f
commit 432367d91b

View File

@@ -105,23 +105,28 @@ function updateQRdeb () {
}, 500); }, 500);
} }
function updateQR (e) { function updateQR (e) {
const qstring = [ try {
["client_name", val("client-name")], const qstring = [
["client_address", val("client-address")], ["client_name", val("client-name")],
["client_city", val("client-city")], ["client_address", val("client-address")],
["amount", val("amount")], ["client_city", val("client-city")],
["purpose_code", val("code")], ["amount", val("amount")],
["payment_purpose", val("purpose")], ["purpose_code", val("code")],
["iban", val("iban")], ["payment_purpose", val("purpose")],
["reference", val("reference")], ["iban", val("iban")],
["issuer_name", val("issuer-name")], ["reference", val("reference")],
["issuer_address", val("issuer-address")], ["issuer_name", val("issuer-name")],
["issuer_city", val("issuer-city")], ["issuer_address", val("issuer-address")],
].map(v => `${v[0]}=${v[1]}`).join("&") ["issuer_city", val("issuer-city")],
const newurl = `/api/qrcode?${qstring}` ].map(v => `${v[0]}=${v[1]}`).join("&")
const preloadImg = new Image(); const newurl = `/api/qrcode?${qstring}`
preloadImg.addEventListener("load", () => qrcode.style.setProperty('background-image', `url("${newurl}"), url("/public/invalid-content.png")`)) const preloadImg = new Image();
preloadImg.src=newurl; preloadImg.addEventListener("load", () => qrcode.style.setProperty('background-image', `url("${newurl}"), url("/public/invalid-content.png")`))
preloadImg.addEventListener("error", () => qrcode.style.setProperty('background-image', `url("/public/invalid-content.png")`))
preloadImg.src=newurl;
} catch (error) {
setImgUrl(`url("/public/invalid-content.png")`)
}
} }
for (el of inputs) { for (el of inputs) {
el.addEventListener("input", updateQRdeb) el.addEventListener("input", updateQRdeb)