mirror of
https://github.com/WenPai-org/wpavatar.git
synced 2025-08-08 02:39:12 +08:00
447 lines
16 KiB
JavaScript
447 lines
16 KiB
JavaScript
jQuery(document).ready(function($) {
|
||
if (typeof wpavatar === 'undefined') {
|
||
console.error('WPAvatar admin script error: wpavatar object not defined');
|
||
return;
|
||
}
|
||
|
||
if (typeof wpavatar_l10n === 'undefined') {
|
||
console.error('WPAvatar admin script error: wpavatar_l10n object not defined');
|
||
return;
|
||
}
|
||
|
||
// Tab navigation
|
||
$('.wpavatar-tab').on('click', function() {
|
||
var tab = $(this).data('tab');
|
||
if (!tab) return;
|
||
|
||
$('.wpavatar-tab').removeClass('active');
|
||
$(this).addClass('active');
|
||
|
||
$('.wpavatar-section').hide();
|
||
$('#wpavatar-section-' + tab).show();
|
||
|
||
// 当切换到缓存标签页时自动检查缓存状态
|
||
if (tab === 'cache' && $('#cache-stats').is(':empty')) {
|
||
setTimeout(function() {
|
||
if (wpavatar.is_network_admin === '1') {
|
||
$('#check-all-cache').trigger('click');
|
||
} else {
|
||
$('#check-cache').trigger('click');
|
||
}
|
||
}, 300);
|
||
}
|
||
|
||
// 当切换到营销组件标签页时的特殊处理
|
||
if (tab === 'marketing') {
|
||
// 可以在这里添加特殊初始化代码，如果需要的话
|
||
}
|
||
|
||
if (window.history && window.history.pushState) {
|
||
var url = new URL(window.location.href);
|
||
url.searchParams.set('tab', tab);
|
||
window.history.pushState({}, '', url);
|
||
}
|
||
});
|
||
|
||
// CDN options management
|
||
function updateCdnOptions() {
|
||
var selectedType = $('input[name="wpavatar_cdn_type"]:checked').val();
|
||
|
||
$('.cdn-option').hide();
|
||
|
||
if (selectedType === 'cravatar_route') {
|
||
$('.cravatar-route-option').show();
|
||
forceMd5HashMethod(true);
|
||
} else if (selectedType === 'third_party') {
|
||
$('.third-party-option').show();
|
||
checkIfCravatarRelated($('select[name="wpavatar_third_party_mirror"]').val());
|
||
} else if (selectedType === 'custom') {
|
||
$('.custom-cdn-option').show();
|
||
checkIfCravatarRelated($('input[name="wpavatar_custom_cdn"]').val());
|
||
}
|
||
}
|
||
|
||
function checkIfCravatarRelated(value) {
|
||
if (value && value.toLowerCase().indexOf('cravatar') !== -1) {
|
||
forceMd5HashMethod(true);
|
||
} else {
|
||
forceMd5HashMethod(false);
|
||
}
|
||
}
|
||
|
||
function forceMd5HashMethod(force) {
|
||
if (force) {
|
||
// Save the current user-selected hash method to restore later if needed
|
||
var currentMethod = $('input[name="wpavatar_hash_method"]:checked').val();
|
||
if (currentMethod) {
|
||
$(this).data('previous-hash-method', currentMethod);
|
||
}
|
||
|
||
// Force MD5 and disable SHA256 option
|
||
$('input[name="wpavatar_hash_method"][value="md5"]').prop('checked', true);
|
||
$('input[name="wpavatar_hash_method"][value="sha256"]').prop('disabled', true);
|
||
$('.hash-method-notice').show();
|
||
} else {
|
||
// Restore disabled state, but don't change selection
|
||
$('input[name="wpavatar_hash_method"][value="sha256"]').prop('disabled', false);
|
||
$('.hash-method-notice').hide();
|
||
|
||
// Restore previous selection (if any)
|
||
var previousMethod = $(this).data('previous-hash-method');
|
||
if (previousMethod && previousMethod === 'sha256') {
|
||
$('input[name="wpavatar_hash_method"][value="sha256"]').prop('checked', true);
|
||
}
|
||
}
|
||
}
|
||
|
||
$('input[name="wpavatar_cdn_type"]').on('change', updateCdnOptions);
|
||
|
||
updateCdnOptions();
|
||
|
||
$('select[name="wpavatar_third_party_mirror"]').on('change', function() {
|
||
checkIfCravatarRelated($(this).val());
|
||
});
|
||
|
||
$('input[name="wpavatar_custom_cdn"]').on('input', function() {
|
||
checkIfCravatarRelated($(this).val());
|
||
});
|
||
|
||
// Cache management for single site
|
||
$('#check-cache').on('click', function() {
|
||
var $button = $(this);
|
||
var $stats = $('#cache-stats');
|
||
|
||
$button.prop('disabled', true).text(wpavatar_l10n.checking);
|
||
$stats.html('<p>' + wpavatar_l10n.checking_status + '</p>');
|
||
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: wpavatar.ajaxurl,
|
||
data: {
|
||
action: 'wpavatar_check_cache',
|
||
nonce: wpavatar.nonce
|
||
},
|
||
success: function(response) {
|
||
if (response.success) {
|
||
$stats.html(response.data);
|
||
} else {
|
||
$stats.html('<div class="error"><p>' + (response.data || wpavatar_l10n.check_failed) + '</p></div>');
|
||
}
|
||
},
|
||
error: function() {
|
||
$stats.html('<div class="error"><p>' + wpavatar_l10n.request_failed + '</p></div>');
|
||
},
|
||
complete: function() {
|
||
$button.prop('disabled', false).text(wpavatar_l10n.check_cache);
|
||
}
|
||
});
|
||
});
|
||
|
||
$('#purge-cache').on('click', function() {
|
||
var $button = $(this);
|
||
var $stats = $('#cache-stats');
|
||
var $status = $('#wpavatar-status');
|
||
|
||
if (!confirm(wpavatar_l10n.confirm_purge)) {
|
||
return;
|
||
}
|
||
|
||
$button.prop('disabled', true).text(wpavatar_l10n.purging);
|
||
$stats.html('<p>' + wpavatar_l10n.purging_cache + '</p>');
|
||
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: wpavatar.ajaxurl,
|
||
data: {
|
||
action: 'wpavatar_purge_cache',
|
||
nonce: wpavatar.nonce
|
||
},
|
||
success: function(response) {
|
||
if (response.success) {
|
||
$status.removeClass('notice-error')
|
||
.addClass('notice-success')
|
||
.text(response.data)
|
||
.show()
|
||
.delay(3000)
|
||
.fadeOut();
|
||
|
||
setTimeout(function() {
|
||
$('#check-cache').trigger('click');
|
||
}, 1000);
|
||
} else {
|
||
$status.removeClass('notice-success')
|
||
.addClass('notice-error')
|
||
.text(response.data || wpavatar_l10n.purge_failed)
|
||
.show();
|
||
}
|
||
},
|
||
error: function() {
|
||
$status.removeClass('notice-success')
|
||
.addClass('notice-error')
|
||
.text(wpavatar_l10n.request_failed)
|
||
.show();
|
||
},
|
||
complete: function() {
|
||
$button.prop('disabled', false).text(wpavatar_l10n.purge_cache);
|
||
}
|
||
});
|
||
});
|
||
|
||
// Cache management for network admin
|
||
if (wpavatar.is_network_admin === '1') {
|
||
$('#check-all-cache').on('click', function() {
|
||
var $button = $(this);
|
||
var $stats = $('#cache-stats');
|
||
|
||
$button.prop('disabled', true).text(wpavatar_l10n.checking);
|
||
$stats.html('<p>' + wpavatar_l10n.checking_status + '</p>');
|
||
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: wpavatar.ajaxurl,
|
||
data: {
|
||
action: 'wpavatar_check_all_cache',
|
||
nonce: wpavatar.nonce
|
||
},
|
||
success: function(response) {
|
||
if (response.success) {
|
||
$stats.html(response.data);
|
||
} else {
|
||
$stats.html('<div class="error"><p>' + (response.data || wpavatar_l10n.check_failed) + '</p></div>');
|
||
}
|
||
},
|
||
error: function() {
|
||
$stats.html('<div class="error"><p>' + wpavatar_l10n.request_failed + '</p></div>');
|
||
},
|
||
complete: function() {
|
||
$button.prop('disabled', false).text('查看所有站点缓存');
|
||
}
|
||
});
|
||
});
|
||
|
||
$('#purge-all-cache').on('click', function() {
|
||
var $button = $(this);
|
||
var $stats = $('#cache-stats');
|
||
var $status = $('#wpavatar-status');
|
||
|
||
if (!confirm(wpavatar_l10n.confirm_purge)) {
|
||
return;
|
||
}
|
||
|
||
$button.prop('disabled', true).text(wpavatar_l10n.purging);
|
||
$stats.html('<p>' + wpavatar_l10n.purging_cache + '</p>');
|
||
|
||
$.ajax({
|
||
type: 'POST',
|
||
url: wpavatar.ajaxurl,
|
||
data: {
|
||
action: 'wpavatar_purge_all_cache',
|
||
nonce: wpavatar.nonce
|
||
},
|
||
success: function(response) {
|
||
if (response.success) {
|
||
$status.removeClass('notice-error')
|
||
.addClass('notice-success')
|
||
.text(response.data)
|
||
.show()
|
||
.delay(3000)
|
||
.fadeOut();
|
||
|
||
setTimeout(function() {
|
||
$('#check-all-cache').trigger('click');
|
||
}, 1000);
|
||
} else {
|
||
$status.removeClass('notice-success')
|
||
.addClass('notice-error')
|
||
.text(response.data || wpavatar_l10n.purge_failed)
|
||
.show();
|
||
}
|
||
},
|
||
error: function() {
|
||
$status.removeClass('notice-success')
|
||
.addClass('notice-error')
|
||
.text(wpavatar_l10n.request_failed)
|
||
.show();
|
||
},
|
||
complete: function() {
|
||
$button.prop('disabled', false).text('清空所有站点缓存');
|
||
}
|
||
});
|
||
});
|
||
|
||
// Network management controls
|
||
if ($('#select-all-options').length) {
|
||
$('#select-all-options').on('click', function() {
|
||
$('input[name="wpavatar_network_controlled_options[]"]').prop('checked', true);
|
||
});
|
||
|
||
$('#deselect-all-options').on('click', function() {
|
||
$('input[name="wpavatar_network_controlled_options[]"]').prop('checked', false);
|
||
});
|
||
|
||
$('#reset-default-options').on('click', function() {
|
||
if (confirm(wpavatar_l10n.confirm_reset)) {
|
||
var defaultOptions = ['wpavatar_enable_cravatar', 'wpavatar_cdn_type', 'wpavatar_cravatar_route', 'wpavatar_third_party_mirror', 'wpavatar_custom_cdn'];
|
||
|
||
$('input[name="wpavatar_network_controlled_options[]"]').each(function() {
|
||
$(this).prop('checked', defaultOptions.indexOf($(this).val()) !== -1);
|
||
});
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
// Form validation
|
||
$('#wpavatar-basic-form, #wpavatar-cache-form, #wpavatar-advanced-form, #wpavatar-shortcodes-form').on('submit', function(e) {
|
||
var formId = $(this).attr('id');
|
||
var $status = $('#wpavatar-status');
|
||
var isValid = true;
|
||
|
||
if (formId === 'wpavatar-basic-form' && $('input[name="wpavatar_cdn_type"]:checked').val() === 'custom') {
|
||
var customCdn = $('input[name="wpavatar_custom_cdn"]').val().trim();
|
||
if (!customCdn) {
|
||
$status.removeClass('notice-success')
|
||
.addClass('notice-error')
|
||
.text(wpavatar_l10n.enter_custom_cdn)
|
||
.show();
|
||
$('input[name="wpavatar_custom_cdn"]').focus();
|
||
isValid = false;
|
||
}
|
||
}
|
||
|
||
if (formId === 'wpavatar-cache-form' && $('input[name="wpavatar_enable_cache"]:checked').length > 0) {
|
||
var cachePath = $('input[name="wpavatar_cache_path"]').val().trim();
|
||
if (!cachePath) {
|
||
$status.removeClass('notice-success')
|
||
.addClass('notice-error')
|
||
.text(wpavatar_l10n.enter_cache_path)
|
||
.show();
|
||
$('input[name="wpavatar_cache_path"]').focus();
|
||
isValid = false;
|
||
}
|
||
}
|
||
|
||
if (!isValid) {
|
||
e.preventDefault();
|
||
return false;
|
||
}
|
||
|
||
return true;
|
||
});
|
||
|
||
// 添加营销组件表单的验证
|
||
$('#wpavatar-marketing-form').on('submit', function(e) {
|
||
var isValid = true;
|
||
var $status = $('#wpavatar-status');
|
||
|
||
// 验证最近评论者设置
|
||
var commentersCount = parseInt($('input[name="wpavatar_commenters_count"]').val());
|
||
var commentersSize = parseInt($('input[name="wpavatar_commenters_size"]').val());
|
||
|
||
if (isNaN(commentersCount) || commentersCount < 1 || commentersCount > 50) {
|
||
$status.removeClass('notice-success').addClass('notice-error').text('请设置有效的评论者显示数量（1-50）').show();
|
||
$('input[name="wpavatar_commenters_count"]').focus();
|
||
isValid = false;
|
||
} else if (isNaN(commentersSize) || commentersSize < 20 || commentersSize > 150) {
|
||
$status.removeClass('notice-success').addClass('notice-error').text('请设置有效的评论者头像大小（20-150像素）').show();
|
||
$('input[name="wpavatar_commenters_size"]').focus();
|
||
isValid = false;
|
||
}
|
||
|
||
// 验证用户设置
|
||
var usersCount = parseInt($('input[name="wpavatar_users_count"]').val());
|
||
var usersSize = parseInt($('input[name="wpavatar_users_size"]').val());
|
||
|
||
if (isNaN(usersCount) || usersCount < 1 || usersCount > 50) {
|
||
$status.removeClass('notice-success').addClass('notice-error').text('请设置有效的用户显示数量（1-50）').show();
|
||
$('input[name="wpavatar_users_count"]').focus();
|
||
isValid = false;
|
||
} else if (isNaN(usersSize) || usersSize < 20 || usersSize > 150) {
|
||
$status.removeClass('notice-success').addClass('notice-error').text('请设置有效的用户头像大小（20-150像素）').show();
|
||
$('input[name="wpavatar_users_size"]').focus();
|
||
isValid = false;
|
||
}
|
||
|
||
if (!isValid) {
|
||
e.preventDefault();
|
||
return false;
|
||
}
|
||
|
||
return true;
|
||
});
|
||
|
||
// For network import and bulk operations
|
||
if ($('#import-site-settings').length) {
|
||
$('#import-site-settings').on('click', function(e) {
|
||
if (!confirm(wpavatar_l10n.confirm_import)) {
|
||
e.preventDefault();
|
||
return false;
|
||
}
|
||
return true;
|
||
});
|
||
}
|
||
|
||
if ($('#apply-to-all-sites').length) {
|
||
$('#apply-to-all-sites').on('click', function(e) {
|
||
if (!confirm('确定要将网络设置应用到所有站点吗？此操作将覆盖每个站点的现有设置。')) {
|
||
e.preventDefault();
|
||
return false;
|
||
}
|
||
return true;
|
||
});
|
||
}
|
||
|
||
// Settings saved notification
|
||
if (window.location.search.indexOf('settings-updated=true') > -1) {
|
||
$('#wpavatar-status')
|
||
.removeClass('notice-error')
|
||
.addClass('notice-success')
|
||
.text(wpavatar_l10n.settings_saved)
|
||
.show()
|
||
.delay(3000)
|
||
.fadeOut();
|
||
}
|
||
|
||
// Import settings notification
|
||
if (window.location.search.indexOf('imported=true') > -1) {
|
||
$('#wpavatar-status')
|
||
.removeClass('notice-error')
|
||
.addClass('notice-success')
|
||
.text('站点设置已成功导入到网络设置。')
|
||
.show()
|
||
.delay(3000)
|
||
.fadeOut();
|
||
}
|
||
|
||
// Applied to all sites notification
|
||
if (window.location.search.indexOf('applied=true') > -1) {
|
||
$('#wpavatar-status')
|
||
.removeClass('notice-success')
|
||
.addClass('notice-error')
|
||
.text('网络设置已成功应用到所有站点。')
|
||
.show()
|
||
.delay(3000)
|
||
.fadeOut();
|
||
}
|
||
|
||
// Set active tab
|
||
var currentTab = '';
|
||
|
||
if (window.location.search.indexOf('tab=') > -1) {
|
||
var urlParams = new URLSearchParams(window.location.search);
|
||
currentTab = urlParams.get('tab');
|
||
}
|
||
|
||
if (!currentTab) {
|
||
var $activeTab = $('.wpavatar-tab.active');
|
||
if ($activeTab.length) {
|
||
currentTab = $activeTab.data('tab');
|
||
}
|
||
}
|
||
|
||
if (currentTab) {
|
||
$('.wpavatar-tab[data-tab="' + currentTab + '"]').trigger('click');
|
||
} else {
|
||
$('.wpavatar-tab:first').trigger('click');
|
||
}
|
||
});
|
