mirror of
https://github.com/hrfee/jfa-go.git
synced 2024-12-23 01:20:11 +00:00
140 lines
4.6 KiB
TypeScript
140 lines
4.6 KiB
TypeScript
import { Modal } from "./modules/modal.js";
|
|
import { Validator, ValidatorConf } from "./modules/validator.js";
|
|
import { _post, addLoader, removeLoader } from "./modules/common.js";
|
|
import { loadLangSelector } from "./modules/lang.js";
|
|
import { Captcha, GreCAPTCHA } from "./modules/captcha.js";
|
|
|
|
interface formWindow extends Window {
|
|
invalidPassword: string;
|
|
successModal: Modal;
|
|
telegramModal: Modal;
|
|
discordModal: Modal;
|
|
matrixModal: Modal;
|
|
confirmationModal: Modal
|
|
code: string;
|
|
messages: { [key: string]: string };
|
|
confirmation: boolean;
|
|
telegramRequired: boolean;
|
|
telegramPIN: string;
|
|
discordRequired: boolean;
|
|
discordPIN: string;
|
|
discordStartCommand: string;
|
|
discordInviteLink: boolean;
|
|
discordServerName: string;
|
|
matrixRequired: boolean;
|
|
matrixUserID: string;
|
|
userExpiryEnabled: boolean;
|
|
userExpiryMonths: number;
|
|
userExpiryDays: number;
|
|
userExpiryHours: number;
|
|
userExpiryMinutes: number;
|
|
userExpiryMessage: string;
|
|
captcha: boolean;
|
|
reCAPTCHA: boolean;
|
|
reCAPTCHASiteKey: string;
|
|
pwrPIN: string;
|
|
}
|
|
|
|
loadLangSelector("pwr");
|
|
|
|
declare var window: formWindow;
|
|
|
|
const form = document.getElementById("form-create") as HTMLFormElement;
|
|
const submitInput = form.querySelector("input[type=submit]") as HTMLInputElement;
|
|
const submitSpan = form.querySelector("span.submit") as HTMLSpanElement;
|
|
const passwordField = document.getElementById("create-password") as HTMLInputElement;
|
|
const rePasswordField = document.getElementById("create-reenter-password") as HTMLInputElement;
|
|
|
|
window.successModal = new Modal(document.getElementById("modal-success"), true);
|
|
|
|
function _baseValidator(oncomplete: (valid: boolean) => void, captchaValid: boolean): void {
|
|
if (window.captcha && !window.reCAPTCHA && !captchaValid) {
|
|
oncomplete(false);
|
|
return;
|
|
}
|
|
oncomplete(true);
|
|
}
|
|
|
|
let captcha = new Captcha(window.pwrPIN, window.captcha, window.reCAPTCHA, true);
|
|
|
|
declare var grecaptcha: GreCAPTCHA;
|
|
|
|
let baseValidator = captcha.baseValidatorWrapper(_baseValidator);
|
|
|
|
let validatorConf: ValidatorConf = {
|
|
passwordField: passwordField,
|
|
rePasswordField: rePasswordField,
|
|
submitInput: submitInput,
|
|
submitButton: submitSpan,
|
|
validatorFunc: baseValidator
|
|
};
|
|
|
|
var validator = new Validator(validatorConf);
|
|
var requirements = validator.requirements;
|
|
|
|
interface sendDTO {
|
|
pin: string;
|
|
password: string;
|
|
captcha_text?: string;
|
|
}
|
|
|
|
if (window.captcha && !window.reCAPTCHA) {
|
|
captcha.generate();
|
|
(document.getElementById("captcha-regen") as HTMLSpanElement).onclick = captcha.generate;
|
|
captcha.input.onkeyup = validator.validate;
|
|
}
|
|
|
|
form.onsubmit = (event: Event) => {
|
|
event.preventDefault();
|
|
addLoader(submitSpan);
|
|
const params = new URLSearchParams(window.location.search);
|
|
let send: sendDTO = {
|
|
pin: params.get("pin"),
|
|
password: passwordField.value
|
|
};
|
|
if (window.captcha) {
|
|
if (window.reCAPTCHA) {
|
|
send.captcha_text = grecaptcha.getResponse();
|
|
} else {
|
|
send.captcha_text = captcha.input.value;
|
|
}
|
|
}
|
|
_post("/reset", send, (req: XMLHttpRequest) => {
|
|
if (req.readyState == 4) {
|
|
removeLoader(submitSpan);
|
|
if (req.status == 400) {
|
|
if (req.response["error"] as string) {
|
|
const old = submitSpan.textContent;
|
|
submitSpan.textContent = window.messages[req.response["error"]];
|
|
submitSpan.classList.add("~critical");
|
|
submitSpan.classList.remove("~urge");
|
|
setTimeout(() => {
|
|
submitSpan.classList.add("~urge");
|
|
submitSpan.classList.remove("~critical");
|
|
submitSpan.textContent = old;
|
|
}, 2000);
|
|
} else {
|
|
for (let type in req.response) {
|
|
if (requirements[type]) { requirements[type].valid = req.response[type] as boolean; }
|
|
}
|
|
}
|
|
return;
|
|
} else if (req.status != 200) {
|
|
const old = submitSpan.textContent;
|
|
submitSpan.textContent = window.messages["errorUnknown"];
|
|
submitSpan.classList.add("~critical");
|
|
submitSpan.classList.remove("~urge");
|
|
setTimeout(() => {
|
|
submitSpan.classList.add("~urge");
|
|
submitSpan.classList.remove("~critical");
|
|
submitSpan.textContent = old;
|
|
}, 2000);
|
|
} else {
|
|
window.successModal.show();
|
|
}
|
|
}
|
|
}, true);
|
|
};
|
|
|
|
validator.validate();
|