pollutri
/
res_levis_frontend


			
							<!DOCTYPE html>
<html lang="it">
<head>
  <meta charset="UTF-8">
  <title>Test Reslevis API</title>
  <script src="/frontend/app_reslevis/api.js"></script>
</head>
<body>

  <h1>Test Reslevis API</h1>

  <button id="btnGateways">Carica Gateways</button>

  <pre id="output"></pre>

  <script>
    console.log("getGateways =", typeof window.getGateways);

    document.getElementById("btnGateways").addEventListener("click", function () {
      console.log("Evento Carica Gateway");

      getGateways()
        .then(function (data) {
          console.log("Risultato getGateways", data);
          document.getElementById("output").textContent =
            JSON.stringify(data, null, 2);
        })
        .catch(function (err) {
          console.error("Errore getGateways", err);
          document.getElementById("output").textContent =
            "Errore: " + err.message;
        });
    });
  </script>
<button id="btnAll">Carica tutte le risorse</button>

<script>
document.getElementById("btnAll").addEventListener("click", async function () {
  try {
    console.log("Gateways", await getGateways());
    console.log("Buildings", await getBuildings());
    console.log("Plans", await getPlans());
    console.log("Zones", await getZones());
    console.log("Trackers", await getTrackers());
    console.log("Operators", await getOperators());
    console.log("Subjects", await getSubjects());
    console.log("Alarms", await getAlarms());
    console.log("Tracks", await getTracks());
  } catch (e) {
    console.error("Errore API", e);
  }
});
</script>

<br>

<button id="btnPostGateway">POST Gateway</button>
<script>
document.getElementById("btnPostGateway").addEventListener("click", async function () {
  try {
    const payload = {
      id: "test-gw-001",
      name: "GW-TEST",
      mac: "aa:bb:cc:dd:ee:ff",
      model: "MG3",
      x: 0,
      y: 0,
      notes: "gateway di test"
    };

    console.log("POST payload", payload);

    const res = await postGateway(payload);
    console.log("POST result", res);

  } catch (e) {
    console.error("Errore POST", e);
  }
});
</script>

<br>

<h2>PUT Gateway (updateGateway)</h2>

  <form id="frmPutGateway">
    <div>
      <label for="gw_id">ID</label><br>
      <input id="gw_id" name="gw_id" type="text" required>
    </div>

    <div>
      <label for="gw_name">Nome</label><br>
      <input id="gw_name" name="gw_name" type="text" required>
    </div>

    <div>
      <label for="gw_mac">MAC</label><br>
      <input id="gw_mac" name="gw_mac" type="text" placeholder="aa:bb:cc:dd:ee:ff">
    </div>

    <div>
      <label for="gw_model">Model</label><br>
      <input id="gw_model" name="gw_model" type="text" placeholder="MG3">
    </div>

    <div>
      <label for="gw_x">X</label><br>
      <input id="gw_x" name="gw_x" type="number" step="0.01" value="0">
    </div>

    <div>
      <label for="gw_y">Y</label><br>
      <input id="gw_y" name="gw_y" type="number" step="0.01" value="0">
    </div>

    <div>
      <label for="gw_notes">Notes</label><br>
      <input id="gw_notes" name="gw_notes" type="text">
    </div>

    <div style="margin-top: 10px;">
      <button type="submit" id="btnPutGateway">Aggiorna (PUT)</button>
    </div>
  </form>

  <h2>Output</h2>
  <pre id="output"></pre>

  <script>
    function setOutput(obj) {
      document.getElementById("output").textContent =
        typeof obj === "string" ? obj : JSON.stringify(obj, null, 2);
    }

    document.getElementById("frmPutGateway").addEventListener("submit", async function (e) {
      e.preventDefault();

      try {
        const id = document.getElementById("gw_id").value.trim();
        const name = document.getElementById("gw_name").value.trim();
        const mac = document.getElementById("gw_mac").value.trim();
        const model = document.getElementById("gw_model").value.trim();
        const x = Number(document.getElementById("gw_x").value);
        const y = Number(document.getElementById("gw_y").value);
        const notes = document.getElementById("gw_notes").value.trim();

        const payload = {
          id: id,
          name: name,
          mac: mac ? mac : null,
          model: model ? model : null,
          x: isNaN(x) ? 0 : x,
          y: isNaN(y) ? 0 : y,
          notes: notes
        };

        console.log("PUT payload", payload);

        const res = await updateGateway(payload);

        console.log("PUT result", res);
        setOutput(res);
      } catch (err) {
        console.error("Errore PUT", err);
        setOutput("Errore PUT: " + err.message);
      }
    });
  </script>

<br>
<hr>

<h2>DELETE Gateway (removeGateway)</h2>

<form id="frmDeleteGateway">
  <div>
    <label for="gw_delete_id">ID</label><br>
    <input id="gw_delete_id" name="gw_delete_id" type="text" required>
  </div>

  <div style="margin-top: 10px;">
    <button type="submit" id="btnDeleteGateway">Rimuovi (DELETE)</button>
  </div>
</form>

<script>
  document.getElementById("frmDeleteGateway").addEventListener("submit", async function (e) {
    e.preventDefault();

    try {
      const id = document.getElementById("gw_delete_id").value.trim();
      if (!id) {
        setOutput("Errore DELETE: ID mancante");
        return;
      }

      const confirmMsg = "Confermi la rimozione del gateway con ID: " + id + " ?";
      if (!window.confirm(confirmMsg)) {
        console.log("DELETE annullata dall'utente");
        setOutput("DELETE annullata");
        return;
      }

      console.log("DELETE gateway id", id);

      const res = await removeGateway(id);

      console.log("DELETE result", res);
      setOutput(res);
    } catch (err) {
      console.error("Errore DELETE", err);
      setOutput("Errore DELETE: " + err.message);
    }
  });
</script>


</body>
</html>