lunax
/
ocw
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

actual login/register process

master
Laura Liberda 2020-10-11 14:50:40 +02:00
parent 42e12bc7e8
commit e712f578a2
2 changed files with 31 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
front/.browserslistrc Normal file
View File

@ -0,0 +1 @@
>0.25%, not dead

45
front/src/index.ts
View File

@ -10,6 +10,13 @@ const request = (resource: string, data: any) =>
},
}).then((res) => res.json());
const openError = (content: string) => {
const errorBox = <HTMLDivElement>document.querySelector(".error-box")!;
const txt = <HTMLSpanElement>errorBox.querySelector(".error-box-text")!;
txt.innerText = content;
errorBox.style.display = "block";
};
const openLockerConfirm = (lat: string, lon: string, openCode: string, id: string) => {
(document.querySelector(".areyousure-box") as HTMLElement).style.display = "none";
request("collect", {
@ -19,14 +26,7 @@ const openLockerConfirm = (lat: string, lon: string, openCode: string, id: strin
id,
}).then((res) => {
if (res.status != 200) {
const errorBoxText = <HTMLElement>document.querySelector(".error-box-text")!;
const errorBoxWindow = <HTMLElement>document.querySelector(".error-box")!;
errorBoxWindow.style.display = "block";
if (res.description != null) {
errorBoxText.innerText = res.description;
} else {
errorBoxText.innerText = res.error;
}
openError(res.description || res.error);
}
});
};
@ -82,29 +82,44 @@ window.addEventListener("load", () => {
});
const register = document.querySelector(".register-form")!;
register.addEventListener("submit", (event) => {
register.addEventListener("submit", async (event) => {
event.preventDefault();
const form = event.target as HTMLFormElement;
request("register", {
phone = form.phone.value;
const res = await request("register", {
login: form.login.value,
password: form.password.value,
phone: form.phone.value,
});
phone = form.phone.value;
if (res.status == 200) {
[".register-box", ".login-box"].forEach(
(element) => ((document.querySelector(element)! as HTMLDivElement).style.display = "none"),
);
(document.querySelector(".sms-box")! as HTMLDivElement).style.display = "block";
} else {
openError(res.description || res.error);
}
});
const sms = document.querySelector(".sms-form")!;
sms.addEventListener("submit", (event) => {
sms.addEventListener("submit", async (event) => {
event.preventDefault();
const form = event.target as HTMLFormElement;
request("smscode", {
const res = await request("smscode", {
code: form.code.value,
phone,
});
if (res.status == 200) {
(document.querySelector(".sms-box")! as HTMLDivElement).style.display = "none";
await refreshPackages();
(document.querySelector(".package-list")! as HTMLDivElement).style.display = "block";
} else {
openError(res.description || res.error);
}
});
const errorBoxWindow = <HTMLElement>document.querySelector(".error-box")!;
const errorBoxButton = <HTMLElement>document.querySelector(".error-box-button")!;
const errorBoxWindow = <HTMLDivElement>document.querySelector(".error-box")!;
const errorBoxButton = <HTMLAnchorElement>document.querySelector(".error-box-button")!;
errorBoxButton.addEventListener("click", () => {
errorBoxWindow.style.display = "none";
});