wordpress-theme-aksrt/assets/js/core/misc.js

/**
 * Jio Misc — image gradients and hidden content
 */
(function () {
  "use strict";

  function renderGradientBackground(container) {
    if (!container || container.dataset.jioGradientState || typeof window.Grade !== "function") return;

    var source = container.querySelector("img");
    if (!source || (!source.classList.contains("lazyloaded") && !(source.complete && source.naturalWidth > 0))) return;

    container.dataset.jioGradientState = "loading";
    window.Grade(container, null, function (result) {
      var gradientData = result && result[0];
      var colors = gradientData && gradientData.gradientData;
      if (!gradientData || !colors || !colors[0] || !colors[1]) {
        delete container.dataset.jioGradientState;
        return;
      }

      var opacity = container.getAttribute("data-opacity");
      var colorName = opacity ? "rgba" : "rgb";
      var alpha = opacity ? "," + opacity : "";
      var color1 = colorName + "(" + colors[0].rgba.slice(0, 3).join(",") + alpha + ") 10%";
      var color2 = colorName + "(" + colors[1].rgba.slice(0, 3).join(",") + alpha + ") 80%";

      gradientData.element.classList.add("gradient-bg-loaded");
      gradientData.element.style.backgroundImage = "linear-gradient(135deg, " + color1 + ", " + color2 + ")";
      container.dataset.jioGradientState = "loaded";
    });
  }

  function initGradientBackgrounds(root) {
    var scope = root || document;
    if (scope.nodeType === 1 && scope.matches(".gradient-bg")) {
      renderGradientBackground(scope);
    }
    scope.querySelectorAll(".gradient-bg").forEach(renderGradientBackground);
  }

  document.addEventListener("lazyloaded", function (event) {
    if (!(event.target instanceof Element) || !event.target.matches(".gradient-bg img")) return;
    renderGradientBackground(event.target.closest(".gradient-bg"));
  }, true);

  function init(root) {
    initGradientBackgrounds(root);
  }

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", function () { init(); });
  } else {
    init();
  }
  // AJAX 注入新内容后由 auto_fun 重扫（各 init 均带 data 标记，重复调用幂等）。
  if (window.jQuery) {
    window.jQuery(document).on("auto_fun", function () { init(); });
  }

})();

(function () {
  "use strict";

  function initHiddenContent() {
    document.addEventListener("click", function (e) {
      var btn = e.target.closest(".jio-hidden-content__submit-btn");
      if (!btn) return;

      e.preventDefault();
      var wrapper = btn.closest(".jio-hidden-content--locked");
      if (!wrapper) return;

      var mode = wrapper.getAttribute("data-jio-visibility-mode");
      var pid = wrapper.getAttribute("data-jio-visibility-pid");
      var input = wrapper.querySelector(".jio-hidden-content__password-input");
      var password = input ? input.value.trim() : "";

      if (mode === "password" && !password) {
        if (input) input.focus();
        return;
      }

      var formData = new FormData();
      formData.append("action", "jio_check_visibility");
      formData.append("_nonce", (window.jioData && jioData.visibilityNonce) || "");
      formData.append("mode", mode);
      formData.append("pid", pid);
      if (password) formData.append("password", password);

      btn.disabled = true;
      btn.textContent = "...";

      fetch((window.jioData && jioData.ajaxUrl) || "/wp-admin/admin-ajax.php", {
        method: "POST",
        body: formData,
        credentials: "same-origin",
      })
        .then(function (res) { return res.json(); })
        .then(function (data) {
          if (data.success) {
            window.location.reload();
          } else {
            var msg = (data.data && data.data.message) ? data.data.message : "验证失败";
            alert(msg);
            btn.disabled = false;
            btn.textContent = "验证";
          }
        })
        .catch(function () {
          alert("网络错误，请重试");
          btn.disabled = false;
          btn.textContent = "验证";
        });
    });

    // Handle Enter key on password input
    document.addEventListener("keydown", function (e) {
      if (e.key === "Enter" && e.target.classList.contains("jio-hidden-content__password-input")) {
        e.preventDefault();
        var wrapper = e.target.closest(".jio-hidden-content--locked");
        if (wrapper) {
          var btn = wrapper.querySelector(".jio-hidden-content__submit-btn");
          if (btn) btn.click();
        }
      }
    });
  }

  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", initHiddenContent);
  } else {
    initHiddenContent();
  }
})();