laudom/ocw
2
0
Fork 0
Code Issues 4 Pull requests Packages Projects Releases Wiki Activity

fix eslint/typescript warnings

Browse source
This commit is contained in:
selfisekai 2020-10-27 20:29:00 +01:00
parent 50cc583ea0
commit b7c50c2320
2 changed files with 41 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
front/.eslintrc.js
View file

@ -3,6 +3,9 @@ module.exports = {
browser: true, browser: true,
es6: true, es6: true,
}, },
globals: {
L: "readonly",
},
extends: ["airbnb-typescript", "prettier", "prettier/@typescript-eslint"], extends: ["airbnb-typescript", "prettier", "prettier/@typescript-eslint"],
parser: "@typescript-eslint/parser", parser: "@typescript-eslint/parser",
parserOptions: { parserOptions: {

65
front/src/index.ts
View file

@ -1,12 +1,21 @@
// eslint-disable-next-line spaced-comment
///<reference path="../node_modules/@types/leaflet/index.d.ts" />
let phone = 0; let phone = 0;
const leafletLoaderJS = document.createElement("script"); const leafletLoaderJS = document.createElement("script");
leafletLoaderJS.setAttribute("src", "https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"); leafletLoaderJS.setAttribute("src", "https://unpkg.com/leaflet@1.7.1/dist/leaflet.js");
leafletLoaderJS.setAttribute("integrity", "sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="); leafletLoaderJS.setAttribute(
"integrity",
"sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==",
);
leafletLoaderJS.setAttribute("crossorigin", "anonymous"); leafletLoaderJS.setAttribute("crossorigin", "anonymous");
const leafletLoaderCSS = document.createElement("link"); const leafletLoaderCSS = document.createElement("link");
leafletLoaderCSS.setAttribute("rel", "stylesheet") leafletLoaderCSS.setAttribute("rel", "stylesheet");
leafletLoaderCSS.setAttribute("href", "https://unpkg.com/leaflet@1.7.1/dist/leaflet.css") leafletLoaderCSS.setAttribute("href", "https://unpkg.com/leaflet@1.7.1/dist/leaflet.css");
leafletLoaderCSS.setAttribute("integrity", "sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="); leafletLoaderCSS.setAttribute(
"integrity",
"sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==",
);
leafletLoaderCSS.setAttribute("crossorigin", "anonymous"); leafletLoaderCSS.setAttribute("crossorigin", "anonymous");
const request = (resource: string, data: any) => const request = (resource: string, data: any) =>
@ -73,7 +82,6 @@ const refreshPackages = () =>
row.dataset.id = shipment.shipmentNumber; row.dataset.id = shipment.shipmentNumber;
row.dataset.sender = shipment.senderName; row.dataset.sender = shipment.senderName;
row.dataset.status = shipment.status; row.dataset.status = shipment.status;
id.innerText = shipment.shipmentNumber; id.innerText = shipment.shipmentNumber;
sender.innerText = shipment.senderName; sender.innerText = shipment.senderName;
@ -84,21 +92,24 @@ const refreshPackages = () =>
showDetailsAction.classList.add("button", "is-light", "is-small"); showDetailsAction.classList.add("button", "is-light", "is-small");
showDetailsAction.innerHTML = "Info"; showDetailsAction.innerHTML = "Info";
showDetailsAction.addEventListener("click", (event) => { showDetailsAction.addEventListener("click", (event) => {
const data = ((event.target as Element).parentNode!.parentNode as HTMLElement).dataset; const data = ((event.target as Element).parentNode!.parentNode as HTMLElement).dataset;
console.log(data) document.querySelector("head")!.appendChild(leafletLoaderCSS);
document.querySelector("head").appendChild(leafletLoaderCSS); document.querySelector("head")!.appendChild(leafletLoaderJS);
document.querySelector("head").appendChild(leafletLoaderJS); leafletLoaderJS.addEventListener("load", () => {
leafletLoaderJS.addEventListener('load', () => { const map = L.map("map").setView(
const map = L.map('map').setView([Number(data.pickupPointLat), Number(data.pickupPointLon)], 17); [parseFloat(data.pickupPointLat!), parseFloat(data.pickupPointLon!)],
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { 17,
attribution: 'Map data &copy; <a href="https://openstreetmap.org/copyright">OpenStreetMap contributors</a>', );
maxZoom: 19, L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
}).addTo(map); attribution:
L.marker([Number(data.pickupPointLat), Number(data.pickupPointLon)]).addTo(map); 'Map data &copy; <a href="https://openstreetmap.org/copyright">OpenStreetMap contributors</a>',
}) maxZoom: 19,
}) }).addTo(map);
L.marker([parseFloat(data.pickupPointLat!), parseFloat(data.pickupPointLon!)]).addTo(map);
});
});
const openAction = document.createElement("a"); const openAction = document.createElement("a");
openAction.classList.add("button", "is-light", "is-small"); openAction.classList.add("button", "is-light", "is-small");
openAction.innerHTML = "Open"; openAction.innerHTML = "Open";
@ -108,9 +119,9 @@ const refreshPackages = () =>
openLocker(data.pickupPointLat!, data.pickupPointLon!, data.openCode!, data.id!); openLocker(data.pickupPointLat!, data.pickupPointLon!, data.openCode!, data.id!);
}); });
} else { } else {
openAction.setAttribute("disabled", ""); openAction.setAttribute("disabled", "");
} }
opener.appendChild(openAction); opener.appendChild(openAction);
details.appendChild(showDetailsAction); details.appendChild(showDetailsAction);
}); });
@ -138,9 +149,9 @@ window.addEventListener("load", () => {
}); });
const logout = document.querySelector(".logout-button")!; const logout = document.querySelector(".logout-button")!;
logout.addEventListener("click", (event) => { logout.addEventListener("click", () => {
request("logout", {}).then(() => { request("logout", {}).then(() => {
document.location = document.location; document.location.reload();
}); });
}); });
@ -155,9 +166,9 @@ window.addEventListener("load", () => {
phone: form.phone.value, phone: form.phone.value,
}); });
if (res.status == 200) { if (res.status == 200) {
[".register-box", ".login-box"].forEach( [".register-box", ".login-box"].forEach((element) => {
(element) => ((document.querySelector(element)! as HTMLDivElement).style.display = "none"), (document.querySelector(element)! as HTMLDivElement).style.display = "none";
); });
(document.querySelector(".sms-box")! as HTMLDivElement).style.display = "block"; (document.querySelector(".sms-box")! as HTMLDivElement).style.display = "block";
} else { } else {
openError(res.description || res.msg); openError(res.description || res.msg);