mirror of https://github.com/hrfee/jfa-go
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
2.4 KiB
65 lines
2.4 KiB
11 months ago
|
import { _get, _post } from "./common.js";
|
||
|
|
|
||
|
|
export class Captcha {
|
||
|
|
enabled = true;
|
||
|
|
verified = false;
|
||
|
|
captchaID = "";
|
||
|
|
input = document.getElementById("captcha-input") as HTMLInputElement;
|
||
|
|
checkbox = document.getElementById("captcha-success") as HTMLSpanElement;
|
||
|
|
previous = "";
|
||
|
|
reCAPTCHA = false;
|
||
|
|
code = "";
|
||
|
|
|
||
|
|
get value(): string { return this.input.value; }
|
||
|
|
|
||
|
|
hasChanged = (): boolean => { return this.value != this.previous; }
|
||
|
|
|
||
|
|
baseValidatorWrapper = (_baseValidator: (oncomplete: (valid: boolean) => void, captchaValid: boolean) => void) => {
|
||
|
|
return (oncomplete: (valid: boolean) => void): void => {
|
||
|
|
if (this.enabled && !this.reCAPTCHA && this.hasChanged()) {
|
||
|
|
this.previous = this.value;
|
||
|
|
this.verify(() => {
|
||
|
|
_baseValidator(oncomplete, this.verified);
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
_baseValidator(oncomplete, this.verified);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
verify = (callback: () => void) => _post("/captcha/verify/" + this.code + "/" + this.captchaID + "/" + this.input.value, null, (req: XMLHttpRequest) => {
|
||
|
|
if (req.readyState == 4) {
|
||
|
|
if (req.status == 204) {
|
||
|
|
this.checkbox.innerHTML = `<i class="ri-check-line"></i>`;
|
||
|
|
this.checkbox.classList.add("~positive");
|
||
|
|
this.checkbox.classList.remove("~critical");
|
||
|
|
this.verified = true;
|
||
|
|
} else {
|
||
|
|
this.checkbox.innerHTML = `<i class="ri-close-line"></i>`;
|
||
|
|
this.checkbox.classList.add("~critical");
|
||
|
|
this.checkbox.classList.remove("~positive");
|
||
|
|
this.verified = false;
|
||
|
|
}
|
||
|
|
callback();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
generate = () => _get("/captcha/gen/"+this.code, null, (req: XMLHttpRequest) => {
|
||
|
|
if (req.readyState == 4) {
|
||
|
|
if (req.status == 200) {
|
||
|
|
this.captchaID = req.response["id"];
|
||
|
|
document.getElementById("captcha-img").innerHTML = `
|
||
|
|
<img class="w-100" src="${window.location.toString().substring(0, window.location.toString().lastIndexOf("/invite"))}/captcha/img/${this.code}/${this.captchaID}"></img>
|
||
|
|
`;
|
||
|
|
this.input.value = "";
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
constructor(code: string, enabled: boolean, reCAPTCHA: boolean) {
|
||
|
|
this.code = code;
|
||
|
|
this.enabled = enabled;
|
||
|
|
this.reCAPTCHA = reCAPTCHA;
|
||
|
|
}
|
||
|
|
}
|