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