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

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

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

  function buttonsFor(userId) {
    return Array.prototype.slice.call(document.querySelectorAll('[data-aksrt-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-aksrt-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('.aksrt-user-home__stat-value[data-followers]');
    if (countEl && count !== undefined) {
      countEl.textContent = count;
    }
  }

  var globalsBound = false;

  function initFollowButtons(root, reason) {
    if (globalsBound) return;
    globalsBound = true;
    document.addEventListener('click', function (event) {
      var button = event.target.closest('[data-aksrt-follow]');
      if (!button) return;
      event.preventDefault();

      var targetUserId = parseInt(button.getAttribute('data-aksrt-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);
        });
    });
  }

  window.AksrtFrontend.register('aksrt-follow', initFollowButtons);
})();