Keyzo/public/javascripts/index.js

const customTitlebar = require("custom-electron-titlebar");
const { Menu } = require("electron");
const $ = require("./javascripts/jquery.min.js");

var titleBar = new customTitlebar.Titlebar({
  menu: null,
  backgroundColor: customTitlebar.Color.fromHex("#292929"),
  icon: "icon/icon.png",
});

function init() {
  document.querySelectorAll(".nav-item").forEach((x) => {
    x.addEventListener("click", () => {
      if ($("#main-page").prop("src").indexOf(x.id) < 0) {
        $("#main-page").prop("src", `pages/${x.id}.html`);
        document.querySelectorAll(".nav-item").forEach((y) => {
          y.classList.remove("active");
        });
        x.classList.add("active");
      }
    });
  });
  document.querySelectorAll(".nav-item")[0].classList.add("active");
}

document.onreadystatechange = function () {
  if (document.readyState == "complete") {
    init();
  }
};