tonyair/webpack-bootstrap-ui-kit
1
0
Fork 0
mirror of https://github.com/a2nt/webpack-bootstrap-ui-kit.git synced 2024-10-22 11:05:45 +02:00
Code Issues Projects Releases Wiki Activity

FIX: Google Captcha

Browse Source
This commit is contained in:
Tony Air 2024-04-29 23:04:58 +02:00
parent e1915341c8
commit fedd6e33a2
2 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "@a2nt/ss-bootstrap-ui-webpack-boilerplate-react",
"version": "5.3.8",
"version": "5.3.9",
"description": "This UI Kit allows you to build Bootstrap 5 webapp with some extra UI features. It's easy to extend and easy to convert HTML templates to CMS templates.",
"author": "Tony Air <tony@twma.pro>",
"license": "BSD-2-Clause",

30
src/js/ui/captcha.js
View File

@ -29,7 +29,7 @@ const CaptchaUI = ((window) => {
const widgetid = grecaptcha.render(el, el.dataset)
el.dataset.widgetid = widgetid
if(el.dataset.size === 'invisible' && !el.dataset.callback){
if (el.dataset.size === 'invisible' && !el.dataset.callback) {
grecaptcha.execute(widgetid)
form.addEventListener('submit', submitListener)
}
@ -39,32 +39,34 @@ const CaptchaUI = ((window) => {
})
}
const loadScript = (callback) => {
if(typeof window.grecaptcha !== 'undefined'){
callback()
window.noCaptchaFieldRender = attachCaptcha
const loadScript = () => {
if (document.getElementById('captchaAPI')) {
console.log(`${NAME}: Already loading API`)
return
}
console.log(`${NAME}: Loading Captcha API ...`)
const script = document.createElement('script');
script.id = 'captchaAPI';
script.src = `https://www.google.com/recaptcha/api.js?render=explicit&hl=${ document.querySelector('html').getAttribute('lang').substr(0,2)}`
script.src = `https://www.google.com/recaptcha/api.js?onload=noCaptchaFieldRender&render=explicit&hl=${document.querySelector('html').getAttribute('lang').substr(0, 2)}`
script.async = true
script.onload = function() {
console.log(`${NAME}: Captcha API is loaded.`)
callback()
}
document.body.append(script)
}
if(document.querySelectorAll('.g-recaptcha').length){
loadScript(attachCaptcha);
}else{
if (document.querySelectorAll('.g-recaptcha').length) {
if (typeof window.grecaptcha !== 'undefined') {
attachCaptcha()
}
loadScript();
} else {
console.log(`${NAME}: No Captcha fields.`)
}
window.noCaptchaFieldRender = attachCaptcha
}
window.addEventListener(`${Events.LODEDANDREADY}`, init)