wordpress-theme-aksrt/assets/js/page-template.js

/**
 * Jio Page Template
 *
 * Handles template-scoped content interactions: expandable article bodies
 * and one-shot query cleanup banners.
 *
 * @package Jio
 */

(function () {
  'use strict';

  function initContentExpand() {
    // legacy-style: inject .read-more inside .limit-height and expand on click.
    document.querySelectorAll('.wp-posts-content.limit-height, .limit-height[data-nav]').forEach(function (content) {
      if (content.dataset.jioExpandBound === '1') return;
      content.dataset.jioExpandBound = '1';

      var customMax = parseInt(content.getAttribute('data-maxheight') || content.dataset.maxheight || '0', 10);
      // data-maxheight may be maxheight-80 (legacy) or absolute maxheight; prefer style max-height.
      var styleMax = 0;
      if (content.style && content.style.maxHeight) {
        styleMax = parseInt(content.style.maxHeight, 10) || 0;
      }
      var limit = styleMax > 0 ? styleMax : (customMax > 0 ? customMax + 80 : 0);
      if (!(limit > 0) && customMax > 0) {
        limit = customMax;
      }
      if (!(limit > 0)) {
        content.classList.remove('limit-height');
        return;
      }

      if (content.scrollHeight <= limit + 40) {
        content.classList.remove('limit-height');
        content.style.maxHeight = '';
        return;
      }

      content.classList.add('limit-height');
      content.style.maxHeight = limit + 'px';

      if (content.querySelector('.read-more')) return;

      var wrap = document.createElement('div');
      wrap.className = 'read-more';
      var link = document.createElement('a');
      link.href = 'javascript:;';
      link.className = 'read-more-open';
      link.innerHTML = '展开阅读全文<i class="fa ml10 fa-angle-down" aria-hidden="true"></i>';
      wrap.appendChild(link);
      content.appendChild(wrap);

      link.addEventListener('click', function (event) {
        event.preventDefault();
        content.classList.remove('limit-height');
        content.style.maxHeight = '';
        wrap.remove();
      });
    });

    // Compatibility: old external expand buttons.
    document.addEventListener('click', function (event) {
      var open = event.target.closest && event.target.closest('.read-more-open');
      if (!open) return;
      var limitBox = open.closest('.limit-height');
      if (!limitBox) return;
      event.preventDefault();
      limitBox.classList.remove('limit-height');
      limitBox.style.maxHeight = '';
      var more = open.closest('.read-more');
      if (more) more.remove();
    });
  }

  function initFlashQueryCleanup() {
    document.querySelectorAll('[data-jio-flash-query]').forEach(function (node) {
      var queryKey = node.getAttribute('data-jio-flash-query');
      if (!queryKey || !window.history || typeof window.history.replaceState !== 'function') return;

      var url = new URL(window.location.href);
      if (!url.searchParams.has(queryKey)) return;

      url.searchParams.delete(queryKey);
      window.history.replaceState({}, '', url.toString());
    });
  }

  function init() {
    initContentExpand();
    initFlashQueryCleanup();
  }

  jQuery(document).off('auto_fun.jio-page-template').on('auto_fun.jio-page-template', function () { init(document); });
})();