wordpress-theme-aksrt/assets/js/header-userbox.js

/**
 * Header user-box: check-in REST + signout modal.
 *
 * @package AKSRT
 */
(function () {
  'use strict';

  function restBase() {
    if (window.aksrtData && window.aksrtData.restUrl) return window.aksrtData.restUrl.replace(/\/?$/, '/');
    if (window.aksrtData && window.aksrtData.siteUrl) return String(window.aksrtData.siteUrl).replace(/\/?$/, '/') + 'wp-json/';
    return '/wp-json/';
  }

  function restNonce() {
    return (window.aksrtData && window.aksrtData.restNonce) || '';
  }

  function toast(msg, type) {
    if (window.aksrt && typeof window.aksrt.toast === 'function') {
      window.aksrt.toast(msg, type || 'info');
      return;
    }
    // eslint-disable-next-line no-alert
    window.alert(msg);
  }

  function openModal(id) {
    var modal = document.getElementById(id);
    if (!modal) return;
    modal.classList.add('is-open', 'show');
    modal.setAttribute('aria-hidden', 'false');
  }

  function closeModal(id) {
    var modal = document.getElementById(id);
    if (!modal) return;
    modal.classList.remove('is-open', 'show');
    modal.setAttribute('aria-hidden', 'true');
  }

  function initSignoutModal() {
    document.addEventListener('click', function (e) {
      var openBtn = e.target.closest('[data-target="#modal_signout"], [href="#modal_signout"]');
      if (openBtn) {
        e.preventDefault();
        openModal('modal_signout');
        return;
      }
      var dismiss = e.target.closest('#modal_signout [data-dismiss="modal"]');
      if (dismiss) {
        e.preventDefault();
        closeModal('modal_signout');
        return;
      }
      if (e.target && e.target.id === 'modal_signout') {
        closeModal('modal_signout');
      }
    });
    document.addEventListener('keydown', function (e) {
      if (e.key === 'Escape') closeModal('modal_signout');
    });
  }

  function initCheckin() {
    document.addEventListener('click', function (e) {
      var btn = e.target.closest('[data-aksrt-checkin="1"]');
      if (!btn || btn.disabled) return;
      e.preventDefault();
      btn.disabled = true;
      fetch(restBase() + 'aksrt/v1/signin', {
        method: 'POST',
        credentials: 'same-origin',
        headers: {
          'Content-Type': 'application/json',
          'X-WP-Nonce': restNonce(),
        },
        body: '{}',
      })
        .then(function (r) {
          return r.json().then(function (data) {
            return { ok: r.ok, data: data };
          });
        })
        .then(function (res) {
          if (!res.ok) {
            var msg = (res.data && (res.data.message || res.data.msg)) || '签到失败';
            toast(msg, 'danger');
            btn.disabled = false;
            return;
          }
          toast((res.data && res.data.message) || '签到成功', 'success');
          btn.classList.add('is-done');
          btn.innerHTML = '<i class="fa fa-calendar-check-o" aria-hidden="true"></i> 今日已签到';
        })
        .catch(function () {
          toast('网络错误', 'danger');
          btn.disabled = false;
        });
    });
  }

  function init() {
    initSignoutModal();
    initCheckin();
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }
})();