mirror of
https://github.com/WenPai-org/bulk-installer-server.git
synced 2025-08-03 02:48:43 +08:00
1031 lines
37 KiB
JavaScript
1031 lines
37 KiB
JavaScript
/**
|
||
* Admin JavaScript for Collection Manager
|
||
*/
|
||
jQuery(document).ready(function($) {
|
||
// Collection data model
|
||
let currentCollection = {
|
||
name: '',
|
||
description: '',
|
||
icon: 'dashicons-admin-plugins',
|
||
category: 'business',
|
||
level: 'beginner',
|
||
author: '',
|
||
screenshot: '',
|
||
plugins: {
|
||
repository: [],
|
||
wenpai: [],
|
||
url: []
|
||
},
|
||
themes: {
|
||
repository: [],
|
||
wenpai: [],
|
||
url: []
|
||
}
|
||
};
|
||
|
||
let editingItemId = null;
|
||
let nextItemId = 1;
|
||
|
||
// Initialize UI
|
||
initTabs();
|
||
initItemSortable();
|
||
initEvents();
|
||
initIconSelection();
|
||
initTooltips();
|
||
|
||
// Tab navigation
|
||
function initTabs() {
|
||
$('.bis-tab').on('click', function() {
|
||
const tab = $(this).data('tab');
|
||
$('.bis-tab').removeClass('active');
|
||
$(this).addClass('active');
|
||
$('.bis-tab-content').removeClass('active').hide();
|
||
$('#bis-tab-' + tab).addClass('active').show();
|
||
});
|
||
}
|
||
|
||
// Initialize tooltips
|
||
function initTooltips() {
|
||
$('.bis-tooltip').hover(function() {
|
||
const tooltip = $(this).attr('data-tooltip');
|
||
if (tooltip) {
|
||
const $tooltipElement = $('<div class="bis-tooltip-content"></div>');
|
||
$tooltipElement.text(tooltip);
|
||
$(this).append($tooltipElement);
|
||
}
|
||
}, function() {
|
||
$(this).find('.bis-tooltip-content').remove();
|
||
});
|
||
}
|
||
|
||
// Icon selection functionality
|
||
function initIconSelection() {
|
||
const selectedIcon = $('#bis-collection-icon').val();
|
||
$('.bis-selected-icon').attr('class', 'bis-selected-icon dashicons ' + selectedIcon);
|
||
|
||
$('#bis-collection-icon').on('change', function() {
|
||
const selectedIcon = $(this).val();
|
||
$('.bis-selected-icon').attr('class', 'bis-selected-icon dashicons ' + selectedIcon);
|
||
});
|
||
}
|
||
|
||
// Make items sortable
|
||
function initItemSortable() {
|
||
$('.bis-items-container').sortable({
|
||
placeholder: 'bis-item-placeholder',
|
||
handle: '.bis-item-header',
|
||
update: function() {
|
||
updateCollectionFromUI();
|
||
}
|
||
});
|
||
}
|
||
|
||
// Initialize all event handlers
|
||
function initEvents() {
|
||
// Create new collection
|
||
$('.bis-new-collection').on('click', function() {
|
||
resetForm();
|
||
$('#bis-welcome-card').hide();
|
||
$('#bis-editor-title').text(bisAjax.i18n.add_collection || '创建新集合');
|
||
$('#bis-editor-card').show();
|
||
});
|
||
|
||
// Edit collection
|
||
$(document).on('click', '.bis-edit-collection', function() {
|
||
const collectionId = $(this).data('id');
|
||
loadCollection(collectionId);
|
||
});
|
||
|
||
// Regenerate slug
|
||
$(document).on('click', '.bis-regenerate-slug', function(e) {
|
||
e.preventDefault();
|
||
if (confirm(bisAjax.i18n.confirm_regenerate_slug || '这将为这个集合生成一个新的 slug。API URL 和这个集合的书签可能会失效。继续吗？')) {
|
||
$(this).data('force-new-slug', true);
|
||
saveCollection(true);
|
||
}
|
||
});
|
||
|
||
// Delete collection
|
||
$(document).on('click', '.bis-delete-collection', function() {
|
||
const collectionId = $(this).data('id');
|
||
const collectionName = $(this).closest('.bis-collection-item').find('h4').text();
|
||
if (confirm(bisAjax.i18n.confirm_delete || `确定要删除集合 "${collectionName}" 吗？`)) {
|
||
deleteCollection(collectionId);
|
||
}
|
||
});
|
||
|
||
// Cancel edit
|
||
$('.bis-cancel-edit').on('click', function() {
|
||
$('#bis-editor-card').hide();
|
||
$('#bis-welcome-card').show();
|
||
});
|
||
|
||
// Save collection
|
||
$('#bis-collection-form').on('submit', function(e) {
|
||
e.preventDefault();
|
||
saveCollection();
|
||
return false;
|
||
});
|
||
|
||
// Add item button
|
||
$('.bis-add-item').on('click', function() {
|
||
const itemType = $(this).data('type');
|
||
const itemSource = $(this).data('source');
|
||
|
||
// Show modal with empty form
|
||
editingItemId = null;
|
||
$('#bis-item-type').val(itemType);
|
||
$('#bis-item-source').val(itemSource);
|
||
$('#bis-item-id').val('');
|
||
$('#bis-item-slug').val('');
|
||
$('#bis-item-name').val('');
|
||
$('#bis-item-description').val('');
|
||
$('#bis-item-required').prop('checked', false);
|
||
|
||
// Show URL field if needed
|
||
$('#bis-url-field').toggle(itemSource === 'url');
|
||
if (itemSource === 'url') {
|
||
$('#bis-item-url').val('');
|
||
}
|
||
|
||
$('#bis-modal-title').text(
|
||
itemType === 'plugin' ?
|
||
bisAjax.i18n.add_plugin || '添加插件' :
|
||
bisAjax.i18n.add_theme || '添加主题'
|
||
);
|
||
|
||
showModal('#bis-item-modal');
|
||
});
|
||
|
||
// Modal close
|
||
$('.bis-modal-close, .bis-modal-cancel').on('click', function() {
|
||
closeModals();
|
||
});
|
||
|
||
// Click outside modal to close
|
||
$(document).on('click', '.bis-modal', function(e) {
|
||
if ($(e.target).hasClass('bis-modal')) {
|
||
closeModals();
|
||
}
|
||
});
|
||
|
||
// Save item
|
||
$('.bis-save-item').on('click', function() {
|
||
saveItem();
|
||
});
|
||
|
||
// Edit item (delegated)
|
||
$(document).on('click', '.bis-edit-item', function() {
|
||
const $item = $(this).closest('.bis-item');
|
||
const itemId = parseInt($item.data('id'));
|
||
const itemType = $item.closest('.bis-tab-content').attr('id') === 'bis-tab-plugins' ? 'plugin' : 'theme';
|
||
const itemSource = $item.closest('.bis-source-section').data('source');
|
||
|
||
// Find the item in the collection data
|
||
const items = itemType === 'plugin' ? currentCollection.plugins[itemSource] : currentCollection.themes[itemSource];
|
||
const item = items.find(i => i.id === itemId);
|
||
|
||
if (item) {
|
||
editingItemId = itemId;
|
||
$('#bis-item-type').val(itemType);
|
||
$('#bis-item-source').val(itemSource);
|
||
$('#bis-item-id').val(itemId);
|
||
$('#bis-item-slug').val(item.slug);
|
||
$('#bis-item-name').val(item.name);
|
||
$('#bis-item-description').val(item.description || '');
|
||
$('#bis-item-required').prop('checked', item.required || false);
|
||
|
||
// Show URL field if needed
|
||
$('#bis-url-field').toggle(itemSource === 'url');
|
||
if (itemSource === 'url') {
|
||
$('#bis-item-url').val(item.url || '');
|
||
}
|
||
|
||
$('#bis-modal-title').text('编辑' + (itemType === 'plugin' ? '插件' : '主题'));
|
||
showModal('#bis-item-modal');
|
||
}
|
||
});
|
||
|
||
// Remove item (delegated)
|
||
$(document).on('click', '.bis-remove-item', function() {
|
||
const $item = $(this).closest('.bis-item');
|
||
$item.fadeOut(300, function() {
|
||
$item.remove();
|
||
updateCollectionFromUI();
|
||
});
|
||
});
|
||
|
||
// Toggle item required
|
||
$(document).on('change', '.bis-item-required', function() {
|
||
updateCollectionFromUI();
|
||
});
|
||
|
||
// Upload screenshot
|
||
$('.bis-upload-screenshot').on('click', function(e) {
|
||
e.preventDefault();
|
||
|
||
// If the media frame already exists, reopen it
|
||
if (mediaUploader) {
|
||
mediaUploader.open();
|
||
return;
|
||
}
|
||
|
||
// Create the media frame
|
||
mediaUploader = wp.media({
|
||
title: '选择或上传截图',
|
||
button: {
|
||
text: '使用此图片'
|
||
},
|
||
multiple: false
|
||
});
|
||
|
||
// When an image is selected, run a callback
|
||
mediaUploader.on('select', function() {
|
||
const attachment = mediaUploader.state().get('selection').first().toJSON();
|
||
$('#bis-collection-screenshot').val(attachment.url);
|
||
updateScreenshotPreview(attachment.url);
|
||
});
|
||
|
||
// Open the media uploader
|
||
mediaUploader.open();
|
||
});
|
||
|
||
// Update screenshot preview when URL changes
|
||
$('#bis-collection-screenshot').on('change', function() {
|
||
updateScreenshotPreview($(this).val());
|
||
});
|
||
|
||
// Export format change
|
||
$('#bis-export-format').on('change', function() {
|
||
$('#bis-export-collection-select').toggle($(this).val() === 'selected');
|
||
});
|
||
|
||
// Export collections
|
||
$('.bis-export-collections').on('click', function() {
|
||
exportCollections();
|
||
});
|
||
|
||
// Copy URL buttons
|
||
$('.bis-copy-url').on('click', function() {
|
||
const url = $(this).data('url');
|
||
copyToClipboard(url);
|
||
|
||
// Show success message
|
||
const $button = $(this);
|
||
$button.html('<span class="dashicons dashicons-yes"></span>');
|
||
setTimeout(function() {
|
||
$button.html('<span class="dashicons dashicons-clipboard"></span>');
|
||
}, 2000);
|
||
});
|
||
|
||
// Import collection
|
||
$('.bis-import-collection').on('click', function() {
|
||
showModal('#bis-import-modal');
|
||
});
|
||
|
||
// Import submit
|
||
$('.bis-import-submit').on('click', function() {
|
||
importCollections();
|
||
});
|
||
|
||
// Form key event handling
|
||
$('#bis-item-form').on('keypress', function(e) {
|
||
if (e.which === 13) {
|
||
e.preventDefault();
|
||
$('.bis-save-item').click();
|
||
}
|
||
});
|
||
|
||
// Keyboard shortcut (Escape to close modals)
|
||
$(document).on('keydown', function(e) {
|
||
if (e.key === 'Escape') {
|
||
closeModals();
|
||
}
|
||
});
|
||
|
||
// Prevent modals from closing when clicking inside the modal content
|
||
$('.bis-modal-content').on('click', function(e) {
|
||
e.stopPropagation();
|
||
});
|
||
|
||
// Check if URL parameters contain action=edit and id=xyz
|
||
const urlParams = new URLSearchParams(window.location.search);
|
||
const action = urlParams.get('action');
|
||
const id = urlParams.get('id');
|
||
|
||
if (action === 'edit' && id) {
|
||
// Auto-load collection for editing
|
||
loadCollection(id);
|
||
}
|
||
}
|
||
|
||
// Media uploader instance
|
||
let mediaUploader = null;
|
||
|
||
// Show a modal
|
||
function showModal(selector) {
|
||
$(selector).fadeIn(300);
|
||
$('body').addClass('bis-modal-open');
|
||
}
|
||
|
||
// Close all modals
|
||
function closeModals() {
|
||
$('.bis-modal').fadeOut(200);
|
||
$('body').removeClass('bis-modal-open');
|
||
}
|
||
|
||
// Update screenshot preview
|
||
function updateScreenshotPreview(url) {
|
||
const $preview = $('#bis-screenshot-preview');
|
||
if (url) {
|
||
$preview.html(`<img src="${url}" alt="Screenshot preview" />`);
|
||
} else {
|
||
$preview.empty();
|
||
}
|
||
}
|
||
|
||
// Reset form to create a new collection
|
||
function resetForm() {
|
||
$('#bis-collection-id').val('');
|
||
$('#bis-collection-name').val('');
|
||
$('#bis-collection-description').val('');
|
||
$('#bis-collection-icon').val('dashicons-admin-plugins');
|
||
$('#bis-collection-category').val('business');
|
||
$('#bis-collection-level').val('beginner');
|
||
$('#bis-collection-author').val(document.title.split(' ‹ ')[1] || '');
|
||
$('#bis-collection-screenshot').val('');
|
||
$('#bis-screenshot-preview').empty();
|
||
|
||
// 隐藏 slug 信息 (只在编辑现有集合时显示)
|
||
$('.bis-slug-display').hide();
|
||
$('.bis-slug-info').text('');
|
||
$('.bis-regenerate-slug').data('force-new-slug', false);
|
||
|
||
// Clear all items
|
||
$('.bis-items-container').empty();
|
||
|
||
// Reset collection data
|
||
currentCollection = {
|
||
name: '',
|
||
description: '',
|
||
icon: 'dashicons-admin-plugins',
|
||
category: 'business',
|
||
level: 'beginner',
|
||
author: document.title.split(' ‹ ')[1] || '',
|
||
screenshot: '',
|
||
plugins: {
|
||
repository: [],
|
||
wenpai: [],
|
||
url: []
|
||
},
|
||
themes: {
|
||
repository: [],
|
||
wenpai: [],
|
||
url: []
|
||
}
|
||
};
|
||
|
||
// Reset item ID counter
|
||
nextItemId = 1;
|
||
|
||
// Update icon preview
|
||
initIconSelection();
|
||
}
|
||
|
||
// Load collection data into form
|
||
function loadCollection(collectionId) {
|
||
// Add loading state to the editor card
|
||
const $editorCard = $('#bis-editor-card');
|
||
const $loadingOverlay = $('<div class="bis-loading-overlay"><span class="spinner is-active"></span><p>加载中...</p></div>');
|
||
$editorCard.append($loadingOverlay);
|
||
|
||
$.ajax({
|
||
url: bisAjax.ajaxurl,
|
||
type: 'GET',
|
||
data: {
|
||
action: 'bis_get_collection',
|
||
nonce: bisAjax.nonce,
|
||
collection_id: collectionId
|
||
},
|
||
success: function(response) {
|
||
$loadingOverlay.remove();
|
||
|
||
if (response.success) {
|
||
const collection = response.data.collection;
|
||
currentCollection = collection;
|
||
|
||
// Update form fields
|
||
$('#bis-collection-id').val(collectionId);
|
||
$('#bis-collection-name').val(collection.name);
|
||
$('#bis-collection-description').val(collection.description);
|
||
$('#bis-collection-icon').val(collection.icon);
|
||
$('#bis-collection-category').val(collection.category);
|
||
$('#bis-collection-level').val(collection.level);
|
||
$('#bis-collection-author').val(collection.author);
|
||
$('#bis-collection-screenshot').val(collection.screenshot);
|
||
updateScreenshotPreview(collection.screenshot);
|
||
|
||
// 显示 slug 信息
|
||
$('.bis-slug-display').show();
|
||
$('.bis-slug-info').text(collectionId);
|
||
|
||
// 重置强制生成新 slug 标记
|
||
$('.bis-regenerate-slug').data('force-new-slug', false);
|
||
|
||
// Update icon preview
|
||
initIconSelection();
|
||
|
||
// Clear all items first
|
||
$('.bis-items-container').empty();
|
||
|
||
// Add plugins and themes to UI
|
||
renderItems('plugin', 'repository', collection.plugins.repository || []);
|
||
renderItems('plugin', 'wenpai', collection.plugins.wenpai || []);
|
||
renderItems('plugin', 'url', collection.plugins.url || []);
|
||
renderItems('theme', 'repository', collection.themes.repository || []);
|
||
renderItems('theme', 'wenpai', collection.themes.wenpai || []);
|
||
renderItems('theme', 'url', collection.themes.url || []);
|
||
|
||
// Find the highest item ID to continue from
|
||
nextItemId = 1;
|
||
const updateNextId = (items) => {
|
||
if (!items) return;
|
||
items.forEach(item => {
|
||
if (item.id && item.id >= nextItemId) {
|
||
nextItemId = item.id + 1;
|
||
}
|
||
});
|
||
};
|
||
|
||
updateNextId(collection.plugins.repository);
|
||
updateNextId(collection.plugins.wenpai);
|
||
updateNextId(collection.plugins.url);
|
||
updateNextId(collection.themes.repository);
|
||
updateNextId(collection.themes.wenpai);
|
||
updateNextId(collection.themes.url);
|
||
|
||
// Show editor
|
||
$('#bis-welcome-card').hide();
|
||
$('#bis-editor-title').text((bisAjax.i18n.edit_collection || '编辑集合') + ': ' + collection.name);
|
||
$('#bis-editor-card').show();
|
||
} else {
|
||
console.error('加载集合失败:', response.data);
|
||
showNotification(response.data.message || '加载集合时出错', 'error');
|
||
}
|
||
},
|
||
error: function(xhr, status, error) {
|
||
$loadingOverlay.remove();
|
||
console.error('AJAX错误:', xhr.responseText);
|
||
showNotification('加载集合时出错: ' + error, 'error');
|
||
}
|
||
});
|
||
}
|
||
|
||
// Render items to the UI
|
||
function renderItems(type, source, items) {
|
||
if (!items || !Array.isArray(items)) return;
|
||
|
||
const $container = $(`#bis-${type}s-${source}`);
|
||
|
||
items.forEach(item => {
|
||
// Ensure item has an ID
|
||
if (!item.id) {
|
||
item.id = nextItemId++;
|
||
}
|
||
|
||
const itemHtml = generateItemHtml(item);
|
||
$container.append(itemHtml);
|
||
});
|
||
}
|
||
|
||
// Generate HTML for an item
|
||
function generateItemHtml(item) {
|
||
let template = $('#bis-item-template').html();
|
||
|
||
template = template.replace(/{{id}}/g, item.id);
|
||
template = template.replace(/{{name}}/g, escapeHtml(item.name));
|
||
template = template.replace(/{{slug}}/g, escapeHtml(item.slug));
|
||
template = template.replace(/{{description}}/g, escapeHtml(item.description || ''));
|
||
template = template.replace(/{{required}}/g, item.required ? 'checked' : '');
|
||
|
||
return template;
|
||
}
|
||
|
||
// Escape HTML to prevent XSS
|
||
function escapeHtml(text) {
|
||
if (!text) return '';
|
||
return text
|
||
.replace(/&/g, "&")
|
||
.replace(/</g, "<")
|
||
.replace(/>/g, ">")
|
||
.replace(/"/g, """)
|
||
.replace(/'/g, "'");
|
||
}
|
||
|
||
// Highlight newly added/edited elements
|
||
function highlightElement($element) {
|
||
$element.addClass('bis-highlight');
|
||
setTimeout(function() {
|
||
$element.removeClass('bis-highlight');
|
||
}, 1500);
|
||
}
|
||
|
||
// Save an item from the modal
|
||
function saveItem() {
|
||
const itemType = $('#bis-item-type').val();
|
||
const itemSource = $('#bis-item-source').val();
|
||
const itemId = editingItemId || nextItemId++;
|
||
const itemSlug = $('#bis-item-slug').val();
|
||
const itemName = $('#bis-item-name').val();
|
||
const itemDescription = $('#bis-item-description').val();
|
||
const itemRequired = $('#bis-item-required').is(':checked');
|
||
|
||
if (!itemSlug || !itemName) {
|
||
if (!itemSlug) {
|
||
$('#bis-item-slug').focus();
|
||
showNotification('Slug 是必填项', 'warning');
|
||
} else {
|
||
$('#bis-item-name').focus();
|
||
showNotification('名称是必填项', 'warning');
|
||
}
|
||
return;
|
||
}
|
||
|
||
// Create item object
|
||
const item = {
|
||
id: itemId,
|
||
slug: itemSlug,
|
||
name: itemName,
|
||
description: itemDescription,
|
||
required: itemRequired
|
||
};
|
||
|
||
// Add URL if it's a URL source
|
||
if (itemSource === 'url') {
|
||
item.url = $('#bis-item-url').val();
|
||
|
||
if (!item.url) {
|
||
$('#bis-item-url').focus();
|
||
showNotification('URL 是必填项', 'warning');
|
||
return;
|
||
}
|
||
}
|
||
|
||
// Add to collection data
|
||
const items = itemType === 'plugin' ? currentCollection.plugins[itemSource] : currentCollection.themes[itemSource];
|
||
|
||
if (editingItemId) {
|
||
// Update existing item
|
||
const index = items.findIndex(i => i.id === editingItemId);
|
||
if (index !== -1) {
|
||
items[index] = item;
|
||
}
|
||
} else {
|
||
// Add new item
|
||
items.push(item);
|
||
}
|
||
|
||
// Update UI
|
||
const $container = $(`#bis-${itemType}s-${itemSource}`);
|
||
|
||
if (editingItemId) {
|
||
// Update existing item in UI
|
||
const $item = $container.find(`.bis-item[data-id="${editingItemId}"]`);
|
||
const $newItem = $(generateItemHtml(item));
|
||
$item.replaceWith($newItem);
|
||
highlightElement($newItem);
|
||
} else {
|
||
// Add new item to UI
|
||
const $newItem = $(generateItemHtml(item));
|
||
$container.append($newItem);
|
||
highlightElement($newItem);
|
||
}
|
||
|
||
// Close modal
|
||
closeModals();
|
||
|
||
// Show success notification
|
||
showNotification(editingItemId ? '项目已更新' : '项目已添加', 'success');
|
||
}
|
||
|
||
// Update collection data from UI
|
||
function updateCollectionFromUI() {
|
||
// Basic info
|
||
currentCollection.name = $('#bis-collection-name').val();
|
||
currentCollection.description = $('#bis-collection-description').val();
|
||
currentCollection.icon = $('#bis-collection-icon').val();
|
||
currentCollection.category = $('#bis-collection-category').val();
|
||
currentCollection.level = $('#bis-collection-level').val();
|
||
currentCollection.author = $('#bis-collection-author').val();
|
||
currentCollection.screenshot = $('#bis-collection-screenshot').val();
|
||
|
||
// Get the order and required status of plugins and themes
|
||
updateItemsFromUI('plugin', 'repository');
|
||
updateItemsFromUI('plugin', 'wenpai');
|
||
updateItemsFromUI('plugin', 'url');
|
||
updateItemsFromUI('theme', 'repository');
|
||
updateItemsFromUI('theme', 'wenpai');
|
||
updateItemsFromUI('theme', 'url');
|
||
}
|
||
|
||
// Update items from UI
|
||
function updateItemsFromUI(type, source) {
|
||
const $container = $(`#bis-${type}s-${source}`);
|
||
const items = type === 'plugin' ? currentCollection.plugins[source] : currentCollection.themes[source];
|
||
|
||
// Get the current order of items
|
||
const itemIds = $container.find('.bis-item').map(function() {
|
||
return parseInt($(this).data('id'));
|
||
}).get();
|
||
|
||
// Get required status for each item
|
||
$container.find('.bis-item').each(function() {
|
||
const id = parseInt($(this).data('id'));
|
||
const required = $(this).find('.bis-item-required').is(':checked');
|
||
|
||
// Update required status in collection data
|
||
const item = items.find(i => i.id === id);
|
||
if (item) {
|
||
item.required = required;
|
||
}
|
||
});
|
||
|
||
// Reorder items based on UI
|
||
const reorderedItems = [];
|
||
itemIds.forEach(id => {
|
||
const item = items.find(i => i.id === id);
|
||
if (item) {
|
||
reorderedItems.push(item);
|
||
}
|
||
});
|
||
|
||
// Update collection with reordered items
|
||
if (type === 'plugin') {
|
||
currentCollection.plugins[source] = reorderedItems;
|
||
} else {
|
||
currentCollection.themes[source] = reorderedItems;
|
||
}
|
||
}
|
||
|
||
// Add debug logging function
|
||
function logDebug(label, data) {
|
||
console.group('调试: ' + label);
|
||
console.log(data);
|
||
console.groupEnd();
|
||
}
|
||
|
||
// Save collection
|
||
function saveCollection(forceNewSlug = false) {
|
||
updateCollectionFromUI();
|
||
|
||
// Validate required fields
|
||
if (!currentCollection.name) {
|
||
$('#bis-collection-name').focus();
|
||
showNotification(bisAjax.i18n.name_required || '集合名称是必填项', 'warning');
|
||
return;
|
||
}
|
||
|
||
// Check if we have at least one plugin or theme
|
||
let hasItems = false;
|
||
let totalItemCount = 0;
|
||
|
||
for (const source in currentCollection.plugins) {
|
||
totalItemCount += currentCollection.plugins[source].length;
|
||
if (currentCollection.plugins[source].length > 0) {
|
||
hasItems = true;
|
||
}
|
||
}
|
||
|
||
if (!hasItems) {
|
||
for (const source in currentCollection.themes) {
|
||
totalItemCount += currentCollection.themes[source].length;
|
||
if (currentCollection.themes[source].length > 0) {
|
||
hasItems = true;
|
||
}
|
||
}
|
||
}
|
||
|
||
if (!hasItems) {
|
||
showNotification(bisAjax.i18n.item_required || '请至少添加一个插件或主题到集合中', 'warning');
|
||
// Switch to plugins tab
|
||
$('.bis-tab[data-tab="plugins"]').click();
|
||
return;
|
||
}
|
||
|
||
// Prepare data for saving
|
||
const slug = $('#bis-collection-id').val();
|
||
const $saveButton = $('.bis-save-collection');
|
||
|
||
// Add loading state to button
|
||
const originalButtonText = $saveButton.html();
|
||
$saveButton.prop('disabled', true)
|
||
.html('<span class="spinner is-active" style="float: none; margin: 0 8px 0 0;"></span>' +
|
||
(bisAjax.i18n.saving || '保存中...'));
|
||
|
||
// 判断是否需要强制生成新的 slug
|
||
if (forceNewSlug || $('.bis-regenerate-slug').data('force-new-slug')) {
|
||
forceNewSlug = true;
|
||
}
|
||
|
||
// 添加日志记录
|
||
logDebug('发送数据', {
|
||
collection: currentCollection,
|
||
collection_id: slug,
|
||
force_new_slug: forceNewSlug
|
||
});
|
||
|
||
$.ajax({
|
||
url: bisAjax.ajaxurl,
|
||
type: 'POST',
|
||
data: {
|
||
action: 'bis_save_collection',
|
||
nonce: bisAjax.nonce,
|
||
collection: JSON.stringify(currentCollection),
|
||
collection_id: slug,
|
||
force_new_slug: forceNewSlug
|
||
},
|
||
success: function(response) {
|
||
logDebug('保存响应', response);
|
||
|
||
if (response.success) {
|
||
const newSlug = response.data.collection_id;
|
||
|
||
// 如果 slug 发生了变化，更新表单
|
||
if (slug !== newSlug) {
|
||
$('#bis-collection-id').val(newSlug);
|
||
$('.bis-slug-info').text(newSlug);
|
||
|
||
// 显示 slug 信息区域
|
||
$('.bis-slug-display').show();
|
||
|
||
if (forceNewSlug) {
|
||
showNotification('已成功重新生成 Slug', 'success');
|
||
} else {
|
||
showNotification(bisAjax.i18n.slug_generated || '已为此集合自动生成 slug', 'info', 5000);
|
||
}
|
||
|
||
// 重置强制生成新 slug 标记
|
||
$('.bis-regenerate-slug').data('force-new-slug', false);
|
||
} else {
|
||
// 显示成功消息
|
||
showNotification('集合保存成功！', 'success');
|
||
}
|
||
|
||
// 重新加载页面以显示更新后的集合
|
||
setTimeout(function() {
|
||
window.location.reload();
|
||
}, 1500);
|
||
} else {
|
||
showNotification(response.data.message || bisAjax.i18n.save_error || '保存集合时出错', 'error');
|
||
$saveButton.prop('disabled', false).html(originalButtonText);
|
||
}
|
||
},
|
||
error: function(xhr, status, error) {
|
||
console.error('保存错误:', xhr.responseText);
|
||
showNotification(bisAjax.i18n.save_error || '保存集合时出错', 'error');
|
||
$saveButton.prop('disabled', false).html(originalButtonText);
|
||
}
|
||
});
|
||
}
|
||
|
||
// Show notification messages
|
||
function showNotification(message, type = 'info', duration = 3000) {
|
||
// Remove any existing notifications
|
||
$('.bis-notification').remove();
|
||
|
||
// Set notification class based on type
|
||
let notificationClass = 'bis-notification-info';
|
||
let iconClass = 'dashicons-info';
|
||
|
||
if (type === 'success') {
|
||
notificationClass = 'bis-notification-success';
|
||
iconClass = 'dashicons-yes';
|
||
} else if (type === 'error') {
|
||
notificationClass = 'bis-notification-error';
|
||
iconClass = 'dashicons-no';
|
||
} else if (type === 'warning') {
|
||
notificationClass = 'bis-notification-warning';
|
||
iconClass = 'dashicons-warning';
|
||
}
|
||
|
||
// Create notification element
|
||
const $notification = $(
|
||
`<div class="bis-notification ${notificationClass}">
|
||
<span class="dashicons ${iconClass}"></span>
|
||
<span class="bis-notification-message">${message}</span>
|
||
<button class="bis-notification-close"><span class="dashicons dashicons-no-alt"></span></button>
|
||
</div>`
|
||
);
|
||
|
||
// Add to page
|
||
$('body').append($notification);
|
||
|
||
// Show with animation
|
||
setTimeout(function() {
|
||
$notification.addClass('bis-notification-show');
|
||
}, 10);
|
||
|
||
// Close button functionality
|
||
$notification.find('.bis-notification-close').on('click', function() {
|
||
$notification.removeClass('bis-notification-show');
|
||
setTimeout(function() {
|
||
$notification.remove();
|
||
}, 300);
|
||
});
|
||
|
||
// Auto close after duration
|
||
if (duration > 0) {
|
||
setTimeout(function() {
|
||
$notification.removeClass('bis-notification-show');
|
||
setTimeout(function() {
|
||
$notification.remove();
|
||
}, 300);
|
||
}, duration);
|
||
}
|
||
}
|
||
|
||
// Delete collection
|
||
function deleteCollection(slug) {
|
||
// Add loading overlay
|
||
const $loadingOverlay = $('<div class="bis-loading-overlay"><span class="spinner is-active"></span><p>删除中...</p></div>');
|
||
$('body').append($loadingOverlay);
|
||
|
||
$.ajax({
|
||
url: bisAjax.ajaxurl,
|
||
type: 'POST',
|
||
data: {
|
||
action: 'bis_delete_collection',
|
||
nonce: bisAjax.nonce,
|
||
collection_id: slug
|
||
},
|
||
success: function(response) {
|
||
$loadingOverlay.remove();
|
||
|
||
if (response.success) {
|
||
// Show success message
|
||
showNotification('集合已成功删除', 'success');
|
||
// Reload page to reflect changes
|
||
setTimeout(function() {
|
||
window.location.reload();
|
||
}, 1000);
|
||
} else {
|
||
showNotification(response.data.message || '删除集合时出错', 'error');
|
||
}
|
||
},
|
||
error: function(xhr, status, error) {
|
||
$loadingOverlay.remove();
|
||
console.error('删除错误:', xhr.responseText);
|
||
showNotification('删除集合时出错: ' + error, 'error');
|
||
}
|
||
});
|
||
}
|
||
|
||
// Export collections
|
||
function exportCollections() {
|
||
const format = $('#bis-export-format').val();
|
||
|
||
if (format === 'all') {
|
||
// Export all collections
|
||
$.ajax({
|
||
url: bisAjax.rest_url,
|
||
type: 'GET',
|
||
success: function(response) {
|
||
downloadJson(response, 'collections.json');
|
||
showNotification('所有集合导出成功', 'success');
|
||
},
|
||
error: function(xhr, status, error) {
|
||
console.error('导出错误:', xhr.responseText);
|
||
showNotification('导出集合时出错: ' + error, 'error');
|
||
}
|
||
});
|
||
} else {
|
||
// Export selected collection
|
||
const slug = $('#bis-export-collection').val();
|
||
|
||
if (!slug) {
|
||
showNotification('请选择要导出的集合', 'warning');
|
||
return;
|
||
}
|
||
|
||
// 使用 REST API 路径获取集合
|
||
// 注意：我们使用正确的 URL 路径，"collection" 而不是 "collections"
|
||
const collectionUrl = bisAjax.rest_url.replace('/collections', '/collection/' + slug);
|
||
|
||
$.ajax({
|
||
url: collectionUrl,
|
||
type: 'GET',
|
||
success: function(response) {
|
||
// For single collection, we can optionally strip the wrapper and just export the collection
|
||
const collection = response.collections[slug];
|
||
downloadJson(collection, slug + '.json');
|
||
showNotification('集合导出成功', 'success');
|
||
},
|
||
error: function(xhr, status, error) {
|
||
console.error('导出失败:', xhr.responseJSON);
|
||
showNotification('导出集合时出错: ' + error, 'error');
|
||
}
|
||
});
|
||
}
|
||
}
|
||
|
||
// Import collections
|
||
function importCollections() {
|
||
const importData = $('#bis-import-data').val();
|
||
|
||
if (!importData) {
|
||
showNotification('请粘贴集合 JSON 数据', 'warning');
|
||
return;
|
||
}
|
||
|
||
try {
|
||
// Validate JSON
|
||
JSON.parse(importData);
|
||
|
||
// Add loading state
|
||
const $importButton = $('.bis-import-submit');
|
||
const originalButtonText = $importButton.text();
|
||
$importButton.prop('disabled', true)
|
||
.html('<span class="spinner is-active" style="float: none; margin: 0 8px 0 0;"></span>导入中...');
|
||
|
||
// Submit import
|
||
$.ajax({
|
||
url: bisAjax.ajaxurl,
|
||
type: 'POST',
|
||
data: {
|
||
action: 'bis_import_collection',
|
||
nonce: bisAjax.nonce,
|
||
import_data: importData
|
||
},
|
||
success: function(response) {
|
||
if (response.success) {
|
||
// Close modal
|
||
closeModals();
|
||
// Show success message
|
||
showNotification(response.data.message || '集合导入成功', 'success');
|
||
// Reload page to reflect changes
|
||
setTimeout(function() {
|
||
window.location.reload();
|
||
}, 1000);
|
||
} else {
|
||
$importButton.prop('disabled', false).text(originalButtonText);
|
||
showNotification(response.data.message || '导入集合时出错', 'error');
|
||
}
|
||
},
|
||
error: function(xhr, status, error) {
|
||
$importButton.prop('disabled', false).text(originalButtonText);
|
||
console.error('导入错误:', xhr.responseText);
|
||
showNotification('导入集合时出错: ' + error, 'error');
|
||
}
|
||
});
|
||
} catch (e) {
|
||
showNotification(bisAjax.i18n.invalid_json || 'JSON 格式无效', 'error');
|
||
}
|
||
}
|
||
|
||
// Utility functions
|
||
function downloadJson(data, filename) {
|
||
const dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(data, null, 2));
|
||
const downloadAnchorNode = document.createElement('a');
|
||
downloadAnchorNode.setAttribute("href", dataStr);
|
||
downloadAnchorNode.setAttribute("download", filename);
|
||
document.body.appendChild(downloadAnchorNode);
|
||
downloadAnchorNode.click();
|
||
downloadAnchorNode.remove();
|
||
}
|
||
|
||
function copyToClipboard(text) {
|
||
// 使用现代 Clipboard API (如果可用)
|
||
if (navigator.clipboard && window.isSecureContext) {
|
||
navigator.clipboard.writeText(text).then(() => {
|
||
showNotification('已复制到剪贴板', 'success', 2000);
|
||
}).catch(() => {
|
||
// 如果 Clipboard API 失败，回退到传统方法
|
||
fallbackCopyToClipboard(text);
|
||
});
|
||
} else {
|
||
// 对于不支持 Clipboard API 的浏览器使用传统方法
|
||
fallbackCopyToClipboard(text);
|
||
}
|
||
}
|
||
|
||
function fallbackCopyToClipboard(text) {
|
||
const textarea = document.createElement('textarea');
|
||
textarea.value = text;
|
||
textarea.style.position = 'fixed'; // 防止滚动到视图底部
|
||
document.body.appendChild(textarea);
|
||
textarea.select();
|
||
|
||
try {
|
||
const successful = document.execCommand('copy');
|
||
if (successful) {
|
||
showNotification('已复制到剪贴板', 'success', 2000);
|
||
} else {
|
||
showNotification('复制失败，请手动复制', 'warning');
|
||
}
|
||
} catch (err) {
|
||
showNotification('复制失败: ' + err, 'error');
|
||
}
|
||
|
||
document.body.removeChild(textarea);
|
||
}
|
||
});
|