wordpress-theme-aksrt/assets/js/follow.js

/**
 * Jio Follow — 前台关注交互
 *
 * @package Jio
 */
(function () {
  'use strict';

  var API_ROOT = (function () {
    var data = window.jioData || {};
    var raw = data.apiUrl || data.restUrl || data.rest_url || '/index.php?rest_route=/jio/v1';
    return String(raw).replace(/\/$/, '');
  })();
  var NONCE = (window.jioData && window.jioData.restNonce) || '';

  function buttonsFor(userId) {
    return Array.prototype.slice.call(document.querySelectorAll('[data-jio-follow="' + userId + '"]'));
  }

  function setLoading(buttons, loading) {
    buttons.forEach(function (button) {
      button.disabled = loading;
      button.classList.toggle('is-loading', loading);
    });
  }

  function updateButton(button, isFollowing) {
    var icon = button.querySelector('i');
    var label = button.querySelector('[data-jio-follow-label]');
    if (!label) return;

    button.classList.toggle('is-following', isFollowing);
    if (icon) {
      icon.className = isFollowing ? 'fa fas fa-heart em09' : 'fa far fa-heart em09';
    }
    label.textContent = isFollowing ? '已关注' : '关注';
    button.title = isFollowing ? '点击取消关注' : '关注该用户';
  }

  function updateFollowerCount(count) {
    var countEl = document.querySelector('.jio-user-home__stat-value[data-followers]');
    if (countEl && count !== undefined) {
      countEl.textContent = count;
    }
  }

  // 全局 document 委托只绑定一次（模块顶层执行）。
  document.addEventListener('click', function (event) {
    var button = event.target.closest('[data-jio-follow]');
    if (!button) return;
    event.preventDefault();

    var targetUserId = parseInt(button.getAttribute('data-jio-follow'), 10);
    if (!targetUserId || button.disabled) return;

    var matchingButtons = buttonsFor(targetUserId);
    setLoading(matchingButtons, true);

    fetch(API_ROOT + '/follow/toggle', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'X-WP-Nonce': NONCE,
      },
      body: JSON.stringify({ target_user_id: targetUserId }),
    })
      .then(function (response) { return response.json(); })
      .then(function (result) {
        if (!result.success || !result.data) {
          notyf(result.message || '操作失败', 'danger');
          return;
        }

        var isFollowing = Boolean(result.data.is_following);
        matchingButtons.forEach(function (matchingButton) {
          updateButton(matchingButton, isFollowing);
        });
        updateFollowerCount(result.data.follower_count);

        if (!isFollowing) {
          var managementItem = button.closest('.uc-follow-management__item');
          if (managementItem) managementItem.remove();
        }
        notyf(isFollowing ? '关注成功' : '已取消关注', 'success');
      })
      .catch(function () {
        notyf('网络错误，请重试', 'danger');
      })
      .finally(function () {
        setLoading(matchingButtons, false);
      });
  });
})();