// #region anchor

window.addEventListener("hashchange", (event) => {
  if (!location.hash) return;
  event.preventDefault();
  event.stopPropagation();
  const navbar = document.querySelector(".navbar__wrapper");
  const element = document.querySelector(decodeURIComponent(location.hash));
  const rect = element.getBoundingClientRect();
  window.scrollTo({
    top: rect.top + window.scrollY - navbar.clientHeight - 24,
    behavior: "smooth",
  });
});

document.addEventListener("DOMContentLoaded", () => {
  window.dispatchEvent(new HashChangeEvent("hashchange"));
});

document.addEventListener(
  "click",
  (event) => {
    const target = event.target;
    if (target.tagName !== "A") return;
    if (!target.classList.contains("anchor")) return;
    event.preventDefault();
    event.stopPropagation();
    location.replace(target.hash);
  },
  { capture: true }
);

// #endregion

document.querySelectorAll("a[href]").forEach((link) => {
  if (!/^https?:$/.test(link.protocol)) return;
  if (link.hostname === location.hostname) return;
  link.target = "_blank";
});

document.querySelectorAll("a[data-email]").forEach((element) => {
  element.href = atob(element.dataset.email);
  delete element.dataset.email;
});

// #region weixin media platform qrcode

document.addEventListener(
  "click",
  (event) => {
    if (event.target.tagName !== "A") return;
    if (event.target.hostname !== "open.weixin.qq.com") return;
    event.preventDefault();
    event.stopPropagation();
    const qrcode = document.createElement("img");
    qrcode.src = event.target.href;
    qrcode.width = 430;
    qrcode.height = 430;
    swal(event.target.title, { content: qrcode });
  },
  { capture: true }
);

// #endregion

// #region hidden photo

document.addEventListener(
  "click",
  (event) => {
    if (!event.target.classList.contains("mask")) return;
    const photo = event.target.closest(".hidden-photo")
    if (!photo) return
    photo.classList.add("show");
  },
  { capture: true }
);

// #endregion