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

fix codestyle errors

Browse source
This commit is contained in:
selfisekai 2020-10-06 22:40:46 +02:00
parent 718cb0c8c5
commit e2eb136bfe
1 changed files with 24 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
front/src/index.ts
View file

@ -7,22 +7,8 @@ const request = (resource: string, data: any) =>
credentials: "include", credentials: "include",
}).then((res) => res.json()); }).then((res) => res.json());
const openLocker = (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 = (document.querySelector(".areyousure-box") as HTMLElement).style.display = "none";
"block";
document
.querySelector(".areyousure-button")!
.addEventListener("click", () => openLockerConfirm(lat, lon, openCode, id));
};
const openLockerConfirm = (
lat: string,
lon: string,
openCode: string,
id: string
) => {
(document.querySelector(".areyousure-box") as HTMLElement).style.display =
"none";
request("collect", { request("collect", {
lat, lat,
lon, lon,
@ -30,9 +16,7 @@ const openLockerConfirm = (
id, id,
}).then((res) => { }).then((res) => {
if (res.status != 200) { if (res.status != 200) {
const errorBoxText = <HTMLElement>( const errorBoxText = <HTMLElement>document.querySelector(".error-box-text")!;
document.querySelector(".error-box-text")!
);
const errorBoxWindow = <HTMLElement>document.querySelector(".error-box")!; const errorBoxWindow = <HTMLElement>document.querySelector(".error-box")!;
errorBoxWindow.style.display = "block"; errorBoxWindow.style.display = "block";
if (res.description != null) { if (res.description != null) {
@ -44,9 +28,16 @@ const openLockerConfirm = (
}); });
}; };
const openLocker = (lat: string, lon: string, openCode: string, id: string) => {
(document.querySelector(".areyousure-box") as HTMLElement).style.display = "block";
document
.querySelector(".areyousure-button")!
.addEventListener("click", () => openLockerConfirm(lat, lon, openCode, id));
};
window.addEventListener("load", () => { window.addEventListener("load", () => {
const login = document.querySelector(".login-form")!; const login = document.querySelector(".login-form")!;
login.addEventListener("submit", function (event) { login.addEventListener("submit", (event) => {
event.preventDefault(); event.preventDefault();
const form = event.target as HTMLFormElement; const form = event.target as HTMLFormElement;
request("login", { request("login", {
@ -56,7 +47,7 @@ window.addEventListener("load", () => {
}); });
const register = document.querySelector(".register-form")!; const register = document.querySelector(".register-form")!;
register.addEventListener("submit", function (event) { register.addEventListener("submit", (event) => {
event.preventDefault(); event.preventDefault();
const form = event.target as HTMLFormElement; const form = event.target as HTMLFormElement;
request("register", { request("register", {
@ -68,32 +59,30 @@ window.addEventListener("load", () => {
}); });
const sms = document.querySelector(".sms-form")!; const sms = document.querySelector(".sms-form")!;
sms.addEventListener("submit", function (event) { sms.addEventListener("submit", (event) => {
event.preventDefault(); event.preventDefault();
const form = event.target as HTMLFormElement; const form = event.target as HTMLFormElement;
request("smscode", { request("smscode", {
code: form.code.value, code: form.code.value,
phone: phone, phone,
}); });
}); });
const errorBoxWindow = <HTMLElement>document.querySelector(".error-box")!; const errorBoxWindow = <HTMLElement>document.querySelector(".error-box")!;
const errorBoxButton = <HTMLElement>( const errorBoxButton = <HTMLElement>document.querySelector(".error-box-button")!;
document.querySelector(".error-box-button")! errorBoxButton.addEventListener("click", () => {
);
errorBoxButton.addEventListener("click", (event) => {
errorBoxWindow.style.display = "none"; errorBoxWindow.style.display = "none";
}); });
request("packages", {}).then((res) => { request("packages", {}).then((res) => {
const table = document.querySelector("tbody")!; const table = document.querySelector("tbody")!;
res.forEach((shipment: Package) => { res.forEach((shipment: Package) => {
let row = table.insertRow(); const row = table.insertRow();
let id = row.insertCell(0); const id = row.insertCell(0);
let sender = row.insertCell(1); const sender = row.insertCell(1);
let status = row.insertCell(2); const status = row.insertCell(2);
let locker = row.insertCell(3); const locker = row.insertCell(3);
let openAction = row.insertCell(4); const openAction = row.insertCell(4);
row.dataset.lat = shipment.pickupPoint.location.latitude.toString(); row.dataset.lat = shipment.pickupPoint.location.latitude.toString();
row.dataset.lon = shipment.pickupPoint.location.longitude.toString(); row.dataset.lon = shipment.pickupPoint.location.longitude.toString();
@ -103,12 +92,10 @@ window.addEventListener("load", () => {
id.innerText = shipment.shipmentNumber; id.innerText = shipment.shipmentNumber;
sender.innerText = shipment.senderName; sender.innerText = shipment.senderName;
status.innerText = shipment.status; status.innerText = shipment.status;
locker.innerText = locker.innerText = `${shipment.pickupPoint.name} - ${shipment.pickupPoint.description}`;
shipment.pickupPoint.name + " - " + shipment.pickupPoint.description;
openAction.innerHTML = "Open"; openAction.innerHTML = "Open";
openAction.addEventListener("click", (event) => { openAction.addEventListener("click", (event) => {
let data = ((event.target as Element).parentNode as HTMLElement) const data = ((event.target as Element).parentNode as HTMLElement).dataset;
.dataset;
openLocker(data.lat!, data.lon!, data.openCode!, data.id!); openLocker(data.lat!, data.lon!, data.openCode!, data.id!);
}); });