Function renderSites

scripts/auto_lockWebsite_main.js:4–54

()

import { checkPass, initPassword, locker } from "./auto_lockWebsite.js";

async function renderSites() {
  let sites = await locker.sites.get();

  const containerClass = "sites-container";
  const exist = document.querySelector("." + containerClass);
  if (exist) exist.remove();

  let container = document.createElement("div");
  container.classList.add(containerClass);

  if (!sites.length) {
    container.innerHTML = t({
      vi: "Không có trang web nào bị khoá",
      en: "No website is locked",
    });
  }

  sites.forEach((site) => {
    let div = document.createElement("div");
    div.classList.add("site");
    div.innerHTML += `
      <p>${site}</p>
      <button class="button">${t({
        vi: "Mở khoá",
        en: "Unlock",
      })}</button>
    `;
    let removeBtn = div.querySelector(".button");
    removeBtn.addEventListener("click", () => {
      Swal.fire({
        title: t({
          vi: "Mở khoá trang web " + site + "?",
          en: "Unlock " + site + "?",
        }),
        showCancelButton: true,
        confirmButtonText: t({ vi: "Mở khoá", en: "Unlock" }),
        cancelButtonText: t({ vi: "Huỷ", en: "Cancel" }),
      }).then(({ isConfirmed }) => {
        if (isConfirmed) {
          locker.sites.remove(site);

          // listener will trigger and re-draw all
          // div.remove();
        }
      });
    });
    container.appendChild(div);
  });

  document.body.appendChild(container);
}

function initAddSite() {
  let addSiteBtn = document.querySelector("#add-site");