134 lines
4.7 KiB
JavaScript
134 lines
4.7 KiB
JavaScript
/**
|
|
* On-site wallet tipping modal.
|
|
*
|
|
* @package AKSRT
|
|
*/
|
|
;(function () {
|
|
'use strict';
|
|
|
|
var cfg = window.aksrtData || {};
|
|
|
|
function initReward() {
|
|
var activeTrigger = null;
|
|
|
|
function operationKey(modal) {
|
|
if (!modal.dataset.aksrtOperationKey) {
|
|
modal.dataset.aksrtOperationKey = window.AksrtRequest.createIdempotencyKey();
|
|
}
|
|
return modal.dataset.aksrtOperationKey;
|
|
}
|
|
|
|
function closeAll() {
|
|
document.querySelectorAll('.reward-modal.is-open').forEach(function (modal) {
|
|
modal.classList.remove('is-open');
|
|
modal.setAttribute('aria-hidden', 'true');
|
|
});
|
|
document.body.style.overflow = '';
|
|
if (activeTrigger) activeTrigger.focus();
|
|
activeTrigger = null;
|
|
}
|
|
|
|
function open(trigger) {
|
|
var userId = trigger.getAttribute('data-user-id') || '';
|
|
var modal = document.getElementById('reward-modal-' + userId);
|
|
if (!modal) return;
|
|
closeAll();
|
|
activeTrigger = trigger;
|
|
modal.dataset.postId = trigger.getAttribute('data-post-id') || modal.dataset.postId || '0';
|
|
modal.classList.add('is-open');
|
|
modal.setAttribute('aria-hidden', 'false');
|
|
document.body.style.overflow = 'hidden';
|
|
var first = modal.querySelector('[data-reward-amount], [data-aksrt-reward-custom]');
|
|
if (first) first.focus();
|
|
}
|
|
|
|
document.addEventListener('click', function (event) {
|
|
var opener = event.target.closest('[data-aksrt-reward-open]');
|
|
if (opener) {
|
|
event.preventDefault();
|
|
open(opener);
|
|
return;
|
|
}
|
|
|
|
if (event.target.closest('[data-aksrt-reward-close]')) {
|
|
event.preventDefault();
|
|
closeAll();
|
|
return;
|
|
}
|
|
|
|
var amountButton = event.target.closest('[data-reward-amount]');
|
|
if (amountButton) {
|
|
var modal = amountButton.closest('.reward-modal');
|
|
delete modal.dataset.aksrtOperationKey;
|
|
modal.querySelectorAll('[data-reward-amount]').forEach(function (button) {
|
|
button.classList.toggle('is-active', button === amountButton);
|
|
});
|
|
var custom = modal.querySelector('[data-aksrt-reward-custom]');
|
|
if (custom) custom.value = '';
|
|
return;
|
|
}
|
|
|
|
var submit = event.target.closest('[data-aksrt-reward-submit]');
|
|
if (!submit || submit.disabled) return;
|
|
var tipModal = submit.closest('.reward-modal');
|
|
var message = tipModal.querySelector('[data-aksrt-reward-message]');
|
|
var customInput = tipModal.querySelector('[data-aksrt-reward-custom]');
|
|
var selected = tipModal.querySelector('[data-reward-amount].is-active');
|
|
var amount = customInput && customInput.value ? customInput.value : (selected ? selected.dataset.rewardAmount : '');
|
|
if (customInput && customInput.dataset.aksrtIdempotencyBound !== '1') {
|
|
customInput.dataset.aksrtIdempotencyBound = '1';
|
|
customInput.addEventListener('input', function () { delete tipModal.dataset.aksrtOperationKey; });
|
|
}
|
|
|
|
submit.disabled = true;
|
|
submit.textContent = '赞赏中…';
|
|
if (message) message.textContent = '';
|
|
|
|
var body = new URLSearchParams();
|
|
body.set('action', 'aksrt_submit_tip');
|
|
body.set('nonce', cfg.nonce || '');
|
|
body.set('recipient_id', tipModal.dataset.userId || '');
|
|
body.set('post_id', tipModal.dataset.postId || '0');
|
|
body.set('amount', amount);
|
|
|
|
fetch(cfg.ajaxUrl || '/wp-admin/admin-ajax.php', {
|
|
method: 'POST',
|
|
credentials: 'same-origin',
|
|
headers: {
|
|
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
|
|
'Idempotency-Key': operationKey(tipModal)
|
|
},
|
|
body: body.toString()
|
|
}).then(function (response) {
|
|
return response.json();
|
|
}).then(function (response) {
|
|
var text = response && response.data && response.data.message ? response.data.message : '赞赏失败';
|
|
if (response && response.success) {
|
|
delete tipModal.dataset.aksrtOperationKey;
|
|
if (message) message.textContent = text;
|
|
setTimeout(closeAll, 900);
|
|
} else if (message) {
|
|
message.textContent = text;
|
|
}
|
|
}).catch(function () {
|
|
if (message) message.textContent = '网络错误，请稍后重试';
|
|
}).finally(function () {
|
|
submit.disabled = false;
|
|
submit.textContent = '余额赞赏';
|
|
});
|
|
});
|
|
|
|
document.addEventListener('keydown', function (event) {
|
|
if (event.key === 'Escape') closeAll();
|
|
});
|
|
}
|
|
|
|
if (window.AksrtFrontend && typeof window.AksrtFrontend.register === 'function') {
|
|
window.AksrtFrontend.register('aksrt-reward', initReward);
|
|
} else if (document.readyState === 'loading') {
|
|
document.addEventListener('DOMContentLoaded', initReward);
|
|
} else {
|
|
initReward();
|
|
}
|
|
})();
|