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

actual login/register process

Browse source
This commit is contained in:
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()); }).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) => { const openLockerConfirm = (lat: string, lon: string, openCode: string, id: string) => {
(document.querySelector(".areyousure-box") as HTMLElement).style.display = "none"; (document.querySelector(".areyousure-box") as HTMLElement).style.display = "none";
request("collect", { request("collect", {
@ -19,14 +26,7 @@ const openLockerConfirm = (lat: string, lon: string, openCode: string, id: strin
id, id,
}).then((res) => { }).then((res) => {
if (res.status != 200) { if (res.status != 200) {
const errorBoxText = <HTMLElement>document.querySelector(".error-box-text")!; openError(res.description || res.error);
const errorBoxWindow = <HTMLElement>document.querySelector(".error-box")!;
errorBoxWindow.style.display = "block";
if (res.description != null) {
errorBoxText.innerText = res.description;
} else {
errorBoxText.innerText = res.error;
}
} }
}); });
}; };
@ -82,29 +82,44 @@ window.addEventListener("load", () => {
}); });
const register = document.querySelector(".register-form")!; const register = document.querySelector(".register-form")!;
register.addEventListener("submit", (event) => { register.addEventListener("submit", async (event) => {
event.preventDefault(); event.preventDefault();
const form = event.target as HTMLFormElement; const form = event.target as HTMLFormElement;
request("register", { phone = form.phone.value;
const res = await request("register", {
login: form.login.value, login: form.login.value,
password: form.password.value, password: form.password.value,
phone: form.phone.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")!; const sms = document.querySelector(".sms-form")!;
sms.addEventListener("submit", (event) => { sms.addEventListener("submit", async (event) => {
event.preventDefault(); event.preventDefault();
const form = event.target as HTMLFormElement; const form = event.target as HTMLFormElement;
request("smscode", { const res = await request("smscode", {
code: form.code.value, code: form.code.value,
phone, 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 errorBoxWindow = <HTMLDivElement>document.querySelector(".error-box")!;
const errorBoxButton = <HTMLElement>document.querySelector(".error-box-button")!; const errorBoxButton = <HTMLAnchorElement>document.querySelector(".error-box-button")!;
errorBoxButton.addEventListener("click", () => { errorBoxButton.addEventListener("click", () => {
errorBoxWindow.style.display = "none"; errorBoxWindow.style.display = "none";
}); });