ocw/front/src/index.ts

var phone = 0;
const request = (resource: string, data: any) =>
  fetch(`/api/${resource}.shs`, {
    method: "POST",
    body: new URLSearchParams(data).toString(),
    credentials: "include",
  }).then((res) => res.json());

window.addEventListener("load", () => {
  const login = document.querySelector(".login-form")!;
  login.addEventListener("submit", function (event) {
    event.preventDefault();
    const form = event.target as HTMLFormElement;
    request("login", {
      login: form.login.value,
      password: form.password.value,
    });
  });

  const register = document.querySelector(".register-form")!;
  register.addEventListener("submit", function (event) {
    event.preventDefault();
    const form = event.target as HTMLFormElement;
    request("register", {
      login: form.login.value,
      password: form.password.value,
      phone: form.phone.value,
    });
    phone = form.phone.value;
  });

  const sms = document.querySelector(".sms-form")!;
  sms.addEventListener("submit", function (event) {
    event.preventDefault();
    const form = event.target as HTMLFormElement;
    request("smscode", {
      code: form.code.value,
      phone: phone,
    });
  });

  request("packages", {}).then((res) => {
    const table = document.querySelector("tbody")!;
    res.forEach((i: any) => {
      let row = table.insertRow();
      let id = row.insertCell(1);
      let sender = row.insertCell(2);
      let status = row.insertCell(3);
      id.innerHTML = i.shipmentNumber;
      sender.innerHTML = i.senderName;
      status.innerHTML = i.status;
      console.log(i);
    });
  });
});