FreeDATA/gui/preload-mesh.js

const path = require("path");
const { ipcRenderer } = require("electron");

// https://stackoverflow.com/a/26227660
var appDataFolder =
  process.env.APPDATA ||
  (process.platform == "darwin"
    ? process.env.HOME + "/Library/Application Support"
    : process.env.HOME + "/.config");
var configFolder = path.join(appDataFolder, "FreeDATA");
var configPath = path.join(configFolder, "config.json");
const config = require(configPath);

// WINDOW LISTENER
window.addEventListener("DOMContentLoaded", () => {

  // startPing button clicked
  document.getElementById("transmit_mesh_ping").addEventListener("click", () => {
    var dxcallsign = document.getElementById("dxCallMesh").value.toUpperCase();
    if (dxcallsign == "" || dxcallsign == null || dxcallsign == undefined)
      return;
    //pauseButton(document.getElementById("transmit_mesh_ping"), 2000);
    ipcRenderer.send("run-tnc-command", {
      command: "mesh_ping",
      dxcallsign: dxcallsign,
    });
  });



  document
    .getElementById("enable_mesh")
    .addEventListener("click", () => {
      if (document.getElementById("enable_mesh").checked) {


        let Data = {
      type: "set",
      command: "enable_mesh",
    };
    ipcRenderer.send("run-tnc-command", Data);


      } else {
let Data = {
      type: "set",
      command: "disable_mesh",
    };
    ipcRenderer.send("run-tnc-command", Data);

      }
    });


});


ipcRenderer.on("action-update-mesh-table", (event, arg) => {
  var routes = arg.routing_table;

if (typeof routes == "undefined") {
    return;
  }


    var tbl = document.getElementById("mesh-table");
if (tbl !== null) {
      tbl.innerHTML = "";

  }


for (i = 0; i < routes.length; i++) {

  var row = document.createElement("tr");
    var datetime = new Date(routes[i]["timestamp"] * 1000).toLocaleString(
      navigator.language,{
        hourCycle: 'h23',
        year: "numeric",
        month: "2-digit",
        day: "2-digit",
        hour: "2-digit",
        minute: "2-digit",
        second: "2-digit"
    }
    );
  var timestamp = document.createElement("td");
  var timestampText = document.createElement("span");
  timestampText.innerText = datetime;
  timestamp.appendChild(timestampText);

  var dxcall = document.createElement("td");
  var dxcallText = document.createElement("span");
  dxcallText.innerText = routes[i]["dxcall"];
  dxcall.appendChild(dxcallText);

  var router = document.createElement("td");
  var routerText = document.createElement("span");
  routerText.innerText = routes[i]["router"];
  router.appendChild(routerText);

  var hops = document.createElement("td");
  var hopsText = document.createElement("span");
  hopsText.innerText = routes[i]["hops"];
  hops.appendChild(hopsText);

    var score = document.createElement("td");
  var scoreText = document.createElement("span");
  scoreText.innerText = routes[i]["score"];
  score.appendChild(scoreText);

    var snr = document.createElement("td");
  var snrText = document.createElement("span");
  snrText.innerText = routes[i]["snr"];
  snr.appendChild(snrText);

  row.appendChild(timestamp);
  row.appendChild(dxcall);
  row.appendChild(router);
  row.appendChild(hops);
  row.appendChild(score);
  row.appendChild(snr);



  tbl.appendChild(row);
}
  /*-------------------------------------------*/
    var routes = arg.mesh_signalling_table;

console.log(routes)
if (typeof routes == "undefined") {
    return;
  }


    var tbl = document.getElementById("mesh-signalling-table");
if (tbl !== null) {
      tbl.innerHTML = "";

  }


for (i = 0; i < routes.length; i++) {

  var row = document.createElement("tr");
    var datetime = new Date(routes[i]["timestamp"] * 1000).toLocaleString(
      navigator.language,{
        hourCycle: 'h23',
        year: "numeric",
        month: "2-digit",
        day: "2-digit",
        hour: "2-digit",
        minute: "2-digit",
        second: "2-digit"
    }
    );
  var timestamp = document.createElement("td");
  var timestampText = document.createElement("span");
  timestampText.innerText = datetime;
  timestamp.appendChild(timestampText);

  var destination = document.createElement("td");
  var destinationText = document.createElement("span");
  destinationText.innerText = routes[i]["destination"];
  destination.appendChild(destinationText);

  var router = document.createElement("td");
  var routerText = document.createElement("span");
  routerText.innerText = routes[i]["router"];
  router.appendChild(routerText);

  var frametype = document.createElement("td");
  var frametypeText = document.createElement("span");
  frametypeText.innerText = routes[i]["frametype"];
  frametype.appendChild(frametypeText);

    var payload = document.createElement("td");
  var payloadText = document.createElement("span");
  payloadText.innerText = routes[i]["payload"];
  payload.appendChild(payloadText);

    var attempt = document.createElement("td");
  var attemptText = document.createElement("span");
  attemptText.innerText = routes[i]["attempt"];
  attempt.appendChild(attemptText);

    var status = document.createElement("td");
  var statusText = document.createElement("span");
  statusText.innerText = routes[i]["status"];
  status.appendChild(statusText);


  row.appendChild(timestamp);
  row.appendChild(destination);
  row.appendChild(router);
  row.appendChild(frametype);
  row.appendChild(payload);
  row.appendChild(attempt);
  row.appendChild(status);

  tbl.appendChild(row);
}


if (tbl !== null) {

  // scroll to bottom of page
  // https://stackoverflow.com/a/11715670
  //window.scrollTo(0, document.body.scrollHeight);
  }
});