mirror of
https://github.com/WPMultisite/wp-multisite-dashboard.git
synced 2025-08-03 19:19:51 +08:00
376 lines
15 KiB
JavaScript
376 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();
|
||
});
|
