mirror of
https://github.com/WPMultisite/wp-multisite-dashboard.git
synced 2025-08-05 21:05:17 +08:00
377 lines
15 KiB
JavaScript
377 lines
15 KiB
JavaScript
|
jQuery(document).ready(function($) {
|
|||
|
|
'use strict';
|
|||
|
|
|
|||
|
|
const MSD_Modals = {
|
|||
|
|
init() {
|
|||
|
|
this.bindEvents();
|
|||
|
|
// 延迟初始化 sortable，等待页面完全加载
|
|||
|
|
$(document).ready(() => {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
this.initSortable();
|
|||
|
|
}, 1000);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
bindEvents() {
|
|||
|
|
$(document)
|
|||
|
|
.on('click', '#msd-add-link', this.addQuickLinkRow.bind(this))
|
|||
|
|
.on('click', '.msd-remove-link', this.removeQuickLinkRow.bind(this))
|
|||
|
|
.on('click', '#msd-add-news-source', this.addNewsSourceRow.bind(this))
|
|||
|
|
.on('click', '.msd-remove-source', this.removeNewsSourceRow.bind(this))
|
|||
|
|
.on('click', '.msd-modal-close, .msd-modal', this.handleModalClose.bind(this))
|
|||
|
|
.on('click', '.msd-modal-content', function(e) { e.stopPropagation(); })
|
|||
|
|
.on('click', '.msd-news-settings button', this.showNewsSourcesModal.bind(this));
|
|||
|
|
|
|||
|
|
window.MSD = {
|
|||
|
|
showQuickLinksModal: this.showQuickLinksModal.bind(this),
|
|||
|
|
hideQuickLinksModal: this.hideQuickLinksModal.bind(this),
|
|||
|
|
saveQuickLinks: this.saveQuickLinks.bind(this),
|
|||
|
|
showNewsSourcesModal: this.showNewsSourcesModal.bind(this),
|
|||
|
|
hideNewsSourcesModal: this.hideNewsSourcesModal.bind(this),
|
|||
|
|
saveNewsSources: this.saveNewsSources.bind(this),
|
|||
|
|
showContactInfoModal: this.showContactInfoModal.bind(this),
|
|||
|
|
hideContactInfoModal: this.hideContactInfoModal.bind(this),
|
|||
|
|
saveContactInfo: this.saveContactInfo.bind(this),
|
|||
|
|
selectQRImage: this.selectQRImage.bind(this),
|
|||
|
|
removeQRCode: this.removeQRCode.bind(this),
|
|||
|
|
clearNewsCache: this.clearNewsCache.bind(this)
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
initSortable() {
|
|||
|
|
// 使用延迟初始化，确保DOM元素存在
|
|||
|
|
$(document).ready(() => {
|
|||
|
|
setTimeout(() => {
|
|||
|
|
if ($.ui && $.ui.sortable && $('#msd-sortable-links').length && !$('#msd-sortable-links').hasClass('ui-sortable')) {
|
|||
|
|
$('#msd-sortable-links').sortable({
|
|||
|
|
tolerance: 'pointer',
|
|||
|
|
cursor: 'move',
|
|||
|
|
placeholder: 'ui-sortable-placeholder',
|
|||
|
|
helper: function(e, ui) {
|
|||
|
|
ui.addClass('ui-sortable-helper');
|
|||
|
|
return ui;
|
|||
|
|
},
|
|||
|
|
stop: (event, ui) => {
|
|||
|
|
this.saveQuickLinksOrder();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}, 500);
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
saveQuickLinksOrder() {
|
|||
|
|
const order = [];
|
|||
|
|
$('#msd-sortable-links .msd-quick-link-item').each(function() {
|
|||
|
|
const index = $(this).data('index');
|
|||
|
|
if (index !== undefined) {
|
|||
|
|
order.push(index);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if (order.length > 0 && window.MSD_Core) {
|
|||
|
|
window.MSD_Core.makeAjaxRequest('msd_reorder_quick_links', { order },
|
|||
|
|
() => {
|
|||
|
|
window.MSD_Core.showNotice(msdAjax.strings.save_success, 'success', 2000);
|
|||
|
|
},
|
|||
|
|
() => {
|
|||
|
|
window.MSD_Core.showNotice('Failed to save order', 'error');
|
|||
|
|
}
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
handleModalClose(e) {
|
|||
|
|
if (e.target === e.currentTarget || $(e.target).hasClass('msd-modal-close')) {
|
|||
|
|
this.hideQuickLinksModal();
|
|||
|
|
this.hideNewsSourcesModal();
|
|||
|
|
this.hideContactInfoModal();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
showQuickLinksModal() {
|
|||
|
|
$('#msd-quick-links-modal').fadeIn(200);
|
|||
|
|
$('body').addClass('modal-open');
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
hideQuickLinksModal() {
|
|||
|
|
$('#msd-quick-links-modal').fadeOut(200);
|
|||
|
|
$('body').removeClass('modal-open');
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
showNewsSourcesModal() {
|
|||
|
|
$('#msd-news-sources-modal').fadeIn(200);
|
|||
|
|
$('body').addClass('modal-open');
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
hideNewsSourcesModal() {
|
|||
|
|
$('#msd-news-sources-modal').fadeOut(200);
|
|||
|
|
$('body').removeClass('modal-open');
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
showContactInfoModal() {
|
|||
|
|
$('#msd-contact-info-modal').fadeIn(200);
|
|||
|
|
$('body').addClass('modal-open');
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
hideContactInfoModal() {
|
|||
|
|
$('#msd-contact-info-modal').fadeOut(200);
|
|||
|
|
$('body').removeClass('modal-open');
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
addQuickLinkRow() {
|
|||
|
|
const html = `
|
|||
|
|
<div class="msd-link-item">
|
|||
|
|
<div class="msd-link-row">
|
|||
|
|
<input type="text" placeholder="Link Title" class="msd-link-title" required>
|
|||
|
|
<input type="url" placeholder="https://example.com" class="msd-link-url" required>
|
|||
|
|
</div>
|
|||
|
|
<div class="msd-link-options">
|
|||
|
|
<input type="text" placeholder="dashicons-admin-home or 🏠" class="msd-link-icon">
|
|||
|
|
<label class="msd-checkbox-label">
|
|||
|
|
<input type="checkbox" class="msd-link-newtab">
|
|||
|
|
Open in new tab
|
|||
|
|
</label>
|
|||
|
|
<button type="button" class="msd-remove-link">Remove</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
`;
|
|||
|
|
$('#msd-quick-links-editor').append(html);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
removeQuickLinkRow(e) {
|
|||
|
|
$(e.currentTarget).closest('.msd-link-item').fadeOut(200, function() {
|
|||
|
|
$(this).remove();
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
addNewsSourceRow() {
|
|||
|
|
const html = `
|
|||
|
|
<div class="msd-news-source-item">
|
|||
|
|
<div class="msd-source-row">
|
|||
|
|
<input type="text" placeholder="Source Name" class="msd-news-name" required>
|
|||
|
|
<input type="url" placeholder="RSS Feed URL" class="msd-news-url" required>
|
|||
|
|
</div>
|
|||
|
|
<div class="msd-source-options">
|
|||
|
|
<label class="msd-checkbox-label">
|
|||
|
|
<input type="checkbox" class="msd-news-enabled" checked>
|
|||
|
|
Enabled
|
|||
|
|
</label>
|
|||
|
|
<button type="button" class="msd-remove-source">Remove</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
`;
|
|||
|
|
$('#msd-news-sources-editor').append(html);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
removeNewsSourceRow(e) {
|
|||
|
|
$(e.currentTarget).closest('.msd-news-source-item').fadeOut(200, function() {
|
|||
|
|
$(this).remove();
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
saveQuickLinks() {
|
|||
|
|
const links = [];
|
|||
|
|
let hasErrors = false;
|
|||
|
|
|
|||
|
|
// Clear previous errors
|
|||
|
|
$('.msd-link-item').removeClass('error');
|
|||
|
|
$('.msd-link-url').removeClass('error');
|
|||
|
|
|
|||
|
|
$('.msd-link-item').each(function() {
|
|||
|
|
const $item = $(this);
|
|||
|
|
const title = $item.find('.msd-link-title').val().trim();
|
|||
|
|
const url = $item.find('.msd-link-url').val().trim();
|
|||
|
|
const icon = $item.find('.msd-link-icon').val().trim();
|
|||
|
|
const newTab = $item.find('.msd-link-newtab').is(':checked');
|
|||
|
|
|
|||
|
|
if (title && url) {
|
|||
|
|
if (!MSD_Modals.isValidUrl(url)) {
|
|||
|
|
$item.find('.msd-link-url').addClass('error');
|
|||
|
|
hasErrors = true;
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$item.find('.msd-link-url').removeClass('error');
|
|||
|
|
links.push({ title, url, icon, new_tab: newTab });
|
|||
|
|
} else if (title || url) {
|
|||
|
|
$item.addClass('error');
|
|||
|
|
hasErrors = true;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if (hasErrors) {
|
|||
|
|
if (window.MSD_Core) {
|
|||
|
|
window.MSD_Core.showNotice('Please fill in all required fields correctly', 'error');
|
|||
|
|
}
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Disable the save button to prevent double submission
|
|||
|
|
const $saveBtn = $('.msd-modal-footer .button-primary');
|
|||
|
|
$saveBtn.prop('disabled', true).text('Saving...');
|
|||
|
|
|
|||
|
|
if (window.MSD_Core) {
|
|||
|
|
window.MSD_Core.makeAjaxRequest('msd_save_quick_links', { links }, (response) => {
|
|||
|
|
window.MSD_Core.showNotice(response.data.message, 'success');
|
|||
|
|
this.hideQuickLinksModal();
|
|||
|
|
setTimeout(() => location.reload(), 1000);
|
|||
|
|
}, (error) => {
|
|||
|
|
window.MSD_Core.showNotice('Failed to save quick links', 'error');
|
|||
|
|
$saveBtn.prop('disabled', false).text('Save Links');
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
saveNewsSources() {
|
|||
|
|
const sources = [];
|
|||
|
|
let hasErrors = false;
|
|||
|
|
|
|||
|
|
// Clear previous errors
|
|||
|
|
$('.msd-news-source-item').removeClass('error');
|
|||
|
|
$('.msd-news-url').removeClass('error');
|
|||
|
|
|
|||
|
|
$('.msd-news-source-item').each(function() {
|
|||
|
|
const $item = $(this);
|
|||
|
|
const name = $item.find('.msd-news-name').val().trim();
|
|||
|
|
const url = $item.find('.msd-news-url').val().trim();
|
|||
|
|
const enabled = $item.find('.msd-news-enabled').is(':checked');
|
|||
|
|
|
|||
|
|
if (name && url) {
|
|||
|
|
if (!MSD_Modals.isValidUrl(url)) {
|
|||
|
|
$item.find('.msd-news-url').addClass('error');
|
|||
|
|
hasErrors = true;
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
$item.find('.msd-news-url').removeClass('error');
|
|||
|
|
sources.push({ name, url, enabled });
|
|||
|
|
} else if (name || url) {
|
|||
|
|
$item.addClass('error');
|
|||
|
|
hasErrors = true;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
if (hasErrors) {
|
|||
|
|
if (window.MSD_Core) {
|
|||
|
|
window.MSD_Core.showNotice('Please fill in all required fields correctly', 'error');
|
|||
|
|
}
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Disable the save button to prevent double submission
|
|||
|
|
const $saveBtn = $('#msd-news-sources-modal .button-primary');
|
|||
|
|
$saveBtn.prop('disabled', true).text('Saving...');
|
|||
|
|
|
|||
|
|
if (window.MSD_Core) {
|
|||
|
|
window.MSD_Core.makeAjaxRequest('msd_save_news_sources', { sources }, (response) => {
|
|||
|
|
window.MSD_Core.showNotice(response.data.message, 'success');
|
|||
|
|
this.hideNewsSourcesModal();
|
|||
|
|
if (window.MSD_Widgets) {
|
|||
|
|
window.MSD_Widgets.loadWidget('custom_news');
|
|||
|
|
}
|
|||
|
|
}, (error) => {
|
|||
|
|
window.MSD_Core.showNotice('Failed to save news sources', 'error');
|
|||
|
|
$saveBtn.prop('disabled', false).text('Save News Sources');
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
saveContactInfo() {
|
|||
|
|
const contactInfo = {
|
|||
|
|
name: $('#msd-contact-name').val().trim(),
|
|||
|
|
email: $('#msd-contact-email').val().trim(),
|
|||
|
|
phone: $('#msd-contact-phone').val().trim(),
|
|||
|
|
website: $('#msd-contact-website').val().trim(),
|
|||
|
|
description: $('#msd-contact-description').val().trim(),
|
|||
|
|
qq: $('#msd-contact-qq').val().trim(),
|
|||
|
|
wechat: $('#msd-contact-wechat').val().trim(),
|
|||
|
|
whatsapp: $('#msd-contact-whatsapp').val().trim(),
|
|||
|
|
telegram: $('#msd-contact-telegram').val().trim(),
|
|||
|
|
qr_code: $('#msd-contact-qr-code').val().trim()
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
if (!contactInfo.name || !contactInfo.email) {
|
|||
|
|
if (window.MSD_Core) {
|
|||
|
|
window.MSD_Core.showNotice('Name and email are required', 'error');
|
|||
|
|
}
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Disable the save button to prevent double submission
|
|||
|
|
const $saveBtn = $('#msd-contact-info-modal .button-primary');
|
|||
|
|
$saveBtn.prop('disabled', true).text('Saving...');
|
|||
|
|
|
|||
|
|
if (window.MSD_Core) {
|
|||
|
|
window.MSD_Core.makeAjaxRequest('msd_save_contact_info', contactInfo, (response) => {
|
|||
|
|
window.MSD_Core.showNotice(response.data.message, 'success');
|
|||
|
|
this.hideContactInfoModal();
|
|||
|
|
setTimeout(() => location.reload(), 1000);
|
|||
|
|
}, (error) => {
|
|||
|
|
window.MSD_Core.showNotice('Failed to save contact information', 'error');
|
|||
|
|
$saveBtn.prop('disabled', false).text('Save Contact Info');
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
selectQRImage() {
|
|||
|
|
if (wp && wp.media) {
|
|||
|
|
const frame = wp.media({
|
|||
|
|
title: 'Select QR Code Image',
|
|||
|
|
button: { text: 'Use Image' },
|
|||
|
|
multiple: false
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
frame.on('select', function() {
|
|||
|
|
const attachment = frame.state().get('selection').first().toJSON();
|
|||
|
|
$('#msd-contact-qr-code').val(attachment.url);
|
|||
|
|
$('#msd-qr-preview img').attr('src', attachment.url);
|
|||
|
|
$('#msd-qr-preview').show();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
frame.open();
|
|||
|
|
} else {
|
|||
|
|
const url = prompt('Enter QR code image URL:');
|
|||
|
|
if (url) {
|
|||
|
|
$('#msd-contact-qr-code').val(url);
|
|||
|
|
$('#msd-qr-preview img').attr('src', url);
|
|||
|
|
$('#msd-qr-preview').show();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
removeQRCode() {
|
|||
|
|
$('#msd-contact-qr-code').val('');
|
|||
|
|
$('#msd-qr-preview').hide();
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
clearNewsCache() {
|
|||
|
|
if (window.MSD_Core) {
|
|||
|
|
window.MSD_Core.makeAjaxRequest('msd_refresh_widget_data', { widget: 'custom_news' }, (response) => {
|
|||
|
|
window.MSD_Core.showNotice('News cache cleared successfully', 'success');
|
|||
|
|
if (window.MSD_Widgets) {
|
|||
|
|
window.MSD_Widgets.loadWidget('custom_news');
|
|||
|
|
}
|
|||
|
|
}, (error) => {
|
|||
|
|
window.MSD_Core.showNotice('Failed to clear news cache', 'error');
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
isValidUrl(string) {
|
|||
|
|
if (window.MSD_Core && window.MSD_Core.isValidUrl) {
|
|||
|
|
return window.MSD_Core.isValidUrl(string);
|
|||
|
|
}
|
|||
|
|
try {
|
|||
|
|
const url = new URL(string);
|
|||
|
|
return url.protocol === 'http:' || url.protocol === 'https:';
|
|||
|
|
} catch (_) {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
window.MSD_Modals = MSD_Modals;
|
|||
|
|
MSD_Modals.init();
|
|||
|
|
});
|
