mirror of
https://github.com/lnbits/lnbits-legend.git
synced 2025-02-25 15:10:41 +01:00
82 lines
6 KiB
JavaScript
82 lines
6 KiB
JavaScript
var ciframeLoaded = !1,
|
|
captchaStyleAdded = !1
|
|
|
|
function ccreateIframeElement(t = {}) {
|
|
const e = document.createElement('iframe')
|
|
// e.style.marginLeft = "25px",
|
|
;(e.style.border = 'none'),
|
|
(e.style.width = '100%'),
|
|
(e.style.height = '100%'),
|
|
(e.scrolling = 'no'),
|
|
(e.id = 'captcha-iframe')
|
|
t.dest, t.amount, t.currency, t.label, t.opReturn
|
|
var captchaid = document
|
|
.getElementById('captchascript')
|
|
.getAttribute('data-captchaid')
|
|
var lnbhostsrc = document.getElementById('captchascript').getAttribute('src')
|
|
var lnbhost = lnbhostsrc.split('/captcha/static/js/captcha.js')[0]
|
|
return (e.src = lnbhost + '/captcha/' + captchaid), e
|
|
}
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
if (captchaStyleAdded) console.log('Captcha already added!')
|
|
else {
|
|
console.log('Adding captcha'), (captchaStyleAdded = !0)
|
|
var t = document.createElement('style')
|
|
t.innerHTML =
|
|
"\t/*Button*/\t\t.button-captcha-filled\t\t\t{\t\t\tdisplay: flex;\t\t\talign-items: center;\t\t\tjustify-content: center;\t\t\twidth: 120px;\t\t\tmin-width: 30px;\t\t\theight: 40px;\t\t\tline-height: 2.5;\t\t\ttext-align: center;\t\t\tcursor: pointer;\t\t\t/* Rectangle 2: */\t\t\tbackground: #FF7979;\t\t\tbox-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);\t\t\tborder-radius: 20px;\t\t\t/* Sign up: */\t\t\tfont-family: 'Avenir-Heavy', Futura, Helvetica, Arial;\t\t\tfont-size: 16px;\t\t\tcolor: #FFFFFF;\t\t}\t\t.button-captcha-filled:hover\t\t{\t\t\tbackground:#FFFFFF;\t\t\tcolor: #FF7979;\t\t\tbox-shadow: 0 0 4px 0 rgba(0,0,0,0.20);\t\t}\t\t.button-captcha-filled:active\t\t{\t\t\tbackground:#FFFFFF;\t\t\tcolor: #FF7979;\t\t\t/*Move it down a little bit*/\t\t\tposition: relative;\t\t\ttop: 1px;\t\t}\t\t.button-captcha-filled-dark\t\t\t{\t\t\tdisplay: flex;\t\t\talign-items: center;\t\t\tjustify-content: center;\t\t\twidth: 120px;\t\t\tmin-width: 30px;\t\t\theight: 40px;\t\t\tline-height: 2.5;\t\t\ttext-align: center;\t\t\tcursor: pointer;\t\t\t/* Rectangle 2: */\t\t\tbackground: #161C38;\t\t\tbox-shadow: 0 0px 4px 0 rgba(0,0,0,0.20);\t\t\tborder-radius: 20px;\t\t\t/* Sign up: */\t\t\tfont-family: 'Avenir-Heavy', Futura, Helvetica, Arial;\t\t\tfont-size: 16px;\t\t\tcolor: #FFFFFF;\t\t}\t\t.button-captcha-filled-dark:hover\t\t{\t\t\tbackground:#FFFFFF;\t\t\tcolor: #161C38;\t\t\tbox-shadow: 0 0px 4px 0 rgba(0,0,0,0.20);\t\t}\t\t.button-captcha-filled-dark:active\t\t{\t\t\tbackground:#FFFFFF;\t\t\tcolor: #161C38;\t\t\t/*Move it down a little bit*/\t\t\tposition: relative;\t\t\ttop: 1px;\t\t}\t\t.modal-captcha-container {\t\t position: fixed;\t\t z-index: 1000;\t\t text-align: left;/*Si no añado esto, a veces hereda el text-align:center del body, y entonces el popup queda movido a la derecha, por center + margin left que aplico*/\t\t left: 0;\t\t top: 0;\t\t width: 100%;\t\t height: 100%;\t\t background-color: rgba(0, 0, 0, 0.5);\t\t opacity: 0;\t\t visibility: hidden;\t\t transform: scale(1.1);\t\t transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;\t\t}\t\t.modal-captcha-content {\t\t position: absolute;\t\t top: 50%;\t\t left: 50%;\t\t transform: translate(-50%, -50%);\t\t background-color: white;\t\t width: 100%;\t\t height: 100%;\t\t border-radius: 0.5rem;\t\t /*Rounded shadowed borders*/\t\t\tbox-shadow: 2px 2px 4px 0 rgba(0,0,0,0.15);\t\t\tborder-radius: 5px;\t\t}\t\t.close-button-captcha {\t\t float: right;\t\t width: 1.5rem;\t\t line-height: 1.5rem;\t\t text-align: center;\t\t cursor: pointer;\t\t margin-right:20px;\t\t margin-top:10px;\t\t border-radius: 0.25rem;\t\t background-color: lightgray;\t\t}\t\t.close-button-captcha:hover {\t\t background-color: darkgray;\t\t}\t\t.show-modal-captcha {\t\t opacity: 1;\t\t visibility: visible;\t\t transform: scale(1.0);\t\t transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;\t\t}\t\t/* Mobile */\t\t@media screen and (min-device-width: 160px) and ( max-width: 1077px ) /*No tendria ni por que poner un min-device, porq abarca todo lo humano...*/\t\t{\t\t}"
|
|
var e = document.querySelector('script')
|
|
e.parentNode.insertBefore(t, e)
|
|
var i = document.getElementById('captchacheckbox'),
|
|
n = i.dataset,
|
|
o = 'true' === n.dark
|
|
var a = document.createElement('div')
|
|
;(a.className += ' modal-captcha-container'),
|
|
(a.innerHTML =
|
|
'\t\t<div class="modal-captcha-content"> \t<span class="close-button-captcha" style="display: none;">×</span>\t\t</div>\t'),
|
|
document.getElementsByTagName('body')[0].appendChild(a)
|
|
var r = document.getElementsByClassName('modal-captcha-content').item(0)
|
|
document
|
|
.getElementsByClassName('close-button-captcha')
|
|
.item(0)
|
|
.addEventListener('click', d),
|
|
window.addEventListener('click', function (t) {
|
|
t.target === a && d()
|
|
}),
|
|
i.addEventListener('change', function () {
|
|
if (this.checked) {
|
|
// console.log("checkbox checked");
|
|
if (0 == ciframeLoaded) {
|
|
// console.log("n: ", n);
|
|
var t = ccreateIframeElement(n)
|
|
r.appendChild(t), (ciframeLoaded = !0)
|
|
}
|
|
d()
|
|
}
|
|
})
|
|
}
|
|
|
|
function d() {
|
|
a.classList.toggle('show-modal-captcha')
|
|
}
|
|
})
|
|
|
|
function receiveMessage(event) {
|
|
if (event.data.includes('paymenthash')) {
|
|
// console.log("paymenthash received: ", event.data);
|
|
document.getElementById('captchapayhash').value = event.data.split('_')[1]
|
|
}
|
|
if (event.data.includes('removetheiframe')) {
|
|
if (event.data.includes('nok')) {
|
|
//invoice was NOT paid
|
|
// console.log("receiveMessage not paid")
|
|
document.getElementById('captchacheckbox').checked = false
|
|
}
|
|
ciframeLoaded = !1
|
|
var element = document.getElementById('captcha-iframe')
|
|
document
|
|
.getElementsByClassName('modal-captcha-container')[0]
|
|
.classList.toggle('show-modal-captcha')
|
|
element.parentNode.removeChild(element)
|
|
}
|
|
}
|
|
window.addEventListener('message', receiveMessage, false)
|