mirror of
https://github.com/WPMultisite/wp-multisite-dashboard.git
synced 2025-08-03 19:19:51 +08:00
753 lines
36 KiB
JavaScript
753 lines
36 KiB
JavaScript
jQuery(document).ready(function($) {
|
|
'use strict';
|
|
|
|
const MSD_Widgets = {
|
|
init() {
|
|
this.loadAllWidgets();
|
|
this.bindEvents();
|
|
},
|
|
|
|
bindEvents() {
|
|
$(document)
|
|
.on('click', '.msd-user-action-btn', this.handleUserAction.bind(this))
|
|
.on('click', '.msd-todo-add-btn', this.showTodoForm.bind(this))
|
|
.on('click', '.msd-todo-checkbox', this.toggleTodoComplete.bind(this))
|
|
.on('click', '.msd-todo-edit', this.editTodo.bind(this))
|
|
.on('click', '.msd-todo-delete', this.deleteTodo.bind(this))
|
|
.on('click', '.msd-todo-save', this.saveTodo.bind(this))
|
|
.on('click', '.msd-todo-cancel', this.cancelTodoForm.bind(this));
|
|
},
|
|
|
|
loadAllWidgets() {
|
|
if (window.MSD_Core && window.MSD_Core.isRefreshing) return;
|
|
|
|
if (window.MSD_Core) {
|
|
window.MSD_Core.isRefreshing = true;
|
|
}
|
|
|
|
const widgets = ['network_overview', 'site_list', 'storage_data', 'version_info', 'custom_news', 'network_settings', 'user_management', 'last_edits', 'todo_items'];
|
|
|
|
widgets.forEach(widget => {
|
|
this.loadWidget(widget);
|
|
});
|
|
|
|
setTimeout(() => {
|
|
if (window.MSD_Core) {
|
|
window.MSD_Core.isRefreshing = false;
|
|
}
|
|
}, 1000);
|
|
},
|
|
|
|
loadWidget(widgetType) {
|
|
const $container = $(`[data-widget="${widgetType}"]`);
|
|
if ($container.length === 0) return;
|
|
|
|
const actionMap = {
|
|
network_overview: 'msd_get_network_overview',
|
|
site_list: 'msd_get_site_list',
|
|
storage_data: 'msd_get_storage_data',
|
|
version_info: 'msd_get_version_info',
|
|
custom_news: 'msd_get_custom_news',
|
|
network_settings: 'msd_get_network_settings',
|
|
user_management: 'msd_get_user_management',
|
|
last_edits: 'msd_get_last_edits',
|
|
todo_items: 'msd_get_todo_items'
|
|
};
|
|
|
|
const action = actionMap[widgetType];
|
|
if (!action) return;
|
|
|
|
if (window.MSD_Core) {
|
|
window.MSD_Core.makeAjaxRequest(action, {}, (response) => {
|
|
this.renderWidget(widgetType, $container, response.data);
|
|
if (window.MSD_Core) {
|
|
window.MSD_Core.retryCount = 0;
|
|
}
|
|
}, (error) => {
|
|
this.handleWidgetError($container, error, widgetType);
|
|
});
|
|
}
|
|
},
|
|
|
|
renderWidget(widgetType, $container, data) {
|
|
const renderers = {
|
|
network_overview: this.renderNetworkOverview,
|
|
site_list: this.renderQuickSites,
|
|
storage_data: this.renderStorageData,
|
|
version_info: this.renderVersionInfo,
|
|
custom_news: this.renderCustomNews,
|
|
network_settings: this.renderNetworkSettings,
|
|
user_management: this.renderUserManagement,
|
|
last_edits: this.renderLastEdits,
|
|
todo_items: this.renderTodoItems
|
|
};
|
|
|
|
const renderer = renderers[widgetType];
|
|
if (renderer) {
|
|
renderer.call(this, $container, data);
|
|
$container.addClass('fade-in');
|
|
}
|
|
},
|
|
|
|
renderNetworkOverview($container, data) {
|
|
const html = `
|
|
<button class="msd-refresh-btn" title="Refresh" data-widget="network_overview">
|
|
↻
|
|
</button>
|
|
|
|
<div class="msd-overview-simple">
|
|
<div class="msd-overview-row">
|
|
<div class="msd-overview-item">
|
|
<span class="msd-overview-number">${this.formatNumber(data.total_posts || 0)}</span>
|
|
<span class="msd-overview-label">Posts</span>
|
|
</div>
|
|
<div class="msd-overview-item">
|
|
<span class="msd-overview-number">${this.formatNumber(data.total_pages || 0)}</span>
|
|
<span class="msd-overview-label">Pages</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="msd-overview-config">
|
|
<div class="msd-config-header">
|
|
<span class="dashicons dashicons-palmtree"></span>
|
|
Multisite Configuration
|
|
</div>
|
|
<div class="msd-config-list">
|
|
<div class="msd-config-item">
|
|
<span class="msd-config-key">Installation Type:</span>
|
|
<span class="msd-config-value">${this.escapeHtml(data.multisite_config?.installation_type_label || 'Unknown')}</span>
|
|
</div>
|
|
<div class="msd-config-item">
|
|
<span class="msd-config-key">Network Admin Email:</span>
|
|
<span class="msd-config-value">${this.escapeHtml(data.network_info?.network_admin_email || 'Not set')}</span>
|
|
</div>
|
|
<div class="msd-config-item">
|
|
<span class="msd-config-key">Site Upload Quota:</span>
|
|
<span class="msd-config-value">${data.network_info?.blog_upload_space_formatted || '0 MB'}</span>
|
|
</div>
|
|
<div class="msd-config-item">
|
|
<span class="msd-config-key">Max Upload Size:</span>
|
|
<span class="msd-config-value">${data.network_info?.fileupload_maxk_formatted || 'Unknown'}</span>
|
|
</div>
|
|
<div class="msd-config-item">
|
|
<span class="msd-config-key">Default Language:</span>
|
|
<span class="msd-config-value">${this.escapeHtml(data.network_info?.default_language || 'en_US')}</span>
|
|
</div>
|
|
<div class="msd-config-item">
|
|
<span class="msd-config-key">Registration:</span>
|
|
<span class="msd-config-value">${this.escapeHtml(data.network_info?.registration_label || 'Unknown')}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
$container.html(html);
|
|
|
|
// 重新初始化 sortable 功能
|
|
setTimeout(() => {
|
|
if (window.MSD_Modals && window.MSD_Modals.initSortable) {
|
|
window.MSD_Modals.initSortable();
|
|
}
|
|
}, 100);
|
|
},
|
|
|
|
renderQuickSites($container, sites) {
|
|
let html = '<button class="msd-refresh-btn" title="Refresh" data-widget="site_list">↻</button>';
|
|
|
|
if (!sites || sites.length === 0) {
|
|
html += '<div class="msd-empty-state"><p>No active sites found.</p></div>';
|
|
} else {
|
|
html += '<div class="msd-sites-grid">';
|
|
sites.forEach(site => {
|
|
html += `
|
|
<div class="msd-site-card">
|
|
<div class="msd-site-info">
|
|
<img src="${this.escapeHtml(site.favicon || '')}"
|
|
alt="${this.escapeHtml(site.name)}"
|
|
class="msd-site-favicon"
|
|
onerror="this.src='${this.getDefaultFavicon()}'">
|
|
<div class="msd-site-details">
|
|
<div class="msd-site-name" title="${this.escapeHtml(site.domain)}">${this.escapeHtml(site.name)}</div>
|
|
<div class="msd-site-meta">
|
|
<span>${site.users || 0} users</span>
|
|
<span>${site.last_activity_human || 'No activity'}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="msd-site-actions">
|
|
<a href="${site.admin_url}" class="msd-btn-small msd-btn-primary" title="Admin Dashboard">Admin</a>
|
|
<a href="${site.view_url}" class="msd-btn-small msd-btn-secondary" title="View Site" target="_blank">View</a>
|
|
</div>
|
|
</div>
|
|
`;
|
|
});
|
|
html += '</div>';
|
|
}
|
|
|
|
$container.html(html);
|
|
},
|
|
|
|
renderStorageData($container, data) {
|
|
let html = '<button class="msd-refresh-btn" title="Refresh" data-widget="storage_data">↻</button>';
|
|
|
|
if (!data || !data.sites || data.sites.length === 0) {
|
|
html += '<div class="msd-empty-state"><p>No storage data available.</p></div>';
|
|
} else {
|
|
html += '<div class="msd-storage-summary">';
|
|
html += `<div class="msd-storage-total">Total Network Storage: <strong>${data.total_formatted || '0 B'}</strong></div>`;
|
|
if (data.summary) {
|
|
html += `<div class="msd-storage-info">Top 5 sites by storage usage</div>`;
|
|
}
|
|
html += '</div>';
|
|
|
|
html += '<div class="msd-storage-list">';
|
|
data.sites.forEach(site => {
|
|
const fillWidth = Math.min(site.usage_percentage || 0, 100);
|
|
const fillClass = this.getStorageStatusClass(site.status);
|
|
|
|
html += `
|
|
<div class="msd-storage-item">
|
|
<div class="msd-storage-info">
|
|
<div class="msd-storage-site" title="${this.escapeHtml(site.domain)}">${this.escapeHtml(site.name)}</div>
|
|
<div class="msd-storage-details">${this.escapeHtml(site.domain)}</div>
|
|
</div>
|
|
<div class="msd-storage-usage">
|
|
<div class="msd-storage-amount">${site.storage_formatted || '0 B'}</div>
|
|
<div class="msd-storage-percentage">${site.usage_percentage || 0}%</div>
|
|
<div class="msd-storage-bar">
|
|
<div class="msd-storage-fill ${fillClass}" style="width: ${fillWidth}%"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
});
|
|
html += '</div>';
|
|
}
|
|
|
|
$container.html(html);
|
|
},
|
|
|
|
renderVersionInfo($container, data) {
|
|
let html = `
|
|
<button class="msd-refresh-btn" title="Refresh" data-widget="version_info">
|
|
↻
|
|
</button>
|
|
|
|
<div class="msd-version-header">
|
|
<h3>
|
|
<span class="dashicons dashicons-admin-multisite"></span>
|
|
${this.escapeHtml(data.plugin_name || 'WP Multisite Dashboard')}
|
|
</h3>
|
|
<div class="msd-version-actions">
|
|
<a href="https://wpmultisite.com/document/wp-multisite-dashboard" target="_blank" class="msd-help-btn msd-help-docs" title="Documentation">
|
|
<span class="dashicons dashicons-book"></span>
|
|
</a>
|
|
<a href="https://wpmultisite.com/support/" target="_blank" class="msd-help-btn msd-help-docs" title="Support">
|
|
<span class="dashicons dashicons-admin-comments"></span>
|
|
</a>
|
|
<a href="https://github.com/wpmultisite/wp-multisite-dashboard" target="_blank" class="msd-help-btn msd-help-docs" title="GitHub">
|
|
<span class="dashicons dashicons-admin-links"></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
${data.update_available && data.update_info ? `
|
|
<div class="msd-update-notice">
|
|
<span class="dashicons dashicons-update"></span>
|
|
<span>Version ${this.escapeHtml(data.update_info.version)} available!</span>
|
|
${data.update_info.details_url ? `<a href="${this.escapeHtml(data.update_info.details_url)}" target="_blank" class="msd-update-link">View Details</a>` : ''}
|
|
</div>
|
|
` : ''}
|
|
|
|
<div class="msd-version-specs">
|
|
<div class="msd-version-item">
|
|
<span class="msd-version-icon dashicons dashicons-tag"></span>
|
|
<span class="msd-version-label">Plugin Version</span>
|
|
<span class="msd-version-value">${this.escapeHtml(data.plugin_version || '')}</span>
|
|
</div>
|
|
<div class="msd-version-item">
|
|
<span class="msd-version-icon dashicons dashicons-admin-links"></span>
|
|
<span class="msd-version-label">Author URI</span>
|
|
<span class="msd-version-value">
|
|
<a href="${this.escapeHtml(data.plugin_uri || '')}" target="_blank">${this.escapeHtml(data.plugin_uri || '')}</a>
|
|
</span>
|
|
</div>
|
|
<div class="msd-version-item">
|
|
<span class="msd-version-icon dashicons dashicons-editor-code"></span>
|
|
<span class="msd-version-label">Required PHP</span>
|
|
<span class="msd-version-value msd-status-good">${this.escapeHtml(data.required_php || '')}</span>
|
|
</div>
|
|
<div class="msd-version-item">
|
|
<span class="msd-version-icon dashicons dashicons-database"></span>
|
|
<span class="msd-version-label">Database Tables</span>
|
|
<span class="msd-version-value ${data.database_status === 'active' ? 'msd-db-status-good' : 'msd-db-status-warning'}">
|
|
${data.database_status === 'active' ? '✓' : '⚠'} ${this.escapeHtml(data.database_message || 'Unknown')}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
$container.html(html);
|
|
},
|
|
|
|
renderCustomNews($container, news) {
|
|
let html = `
|
|
<button class="msd-refresh-btn" title="Refresh" data-widget="custom_news">
|
|
↻
|
|
</button>
|
|
`;
|
|
|
|
if (!news || news.length === 0) {
|
|
html += `
|
|
<div class="msd-news-empty">
|
|
<p>No news items available.</p>
|
|
<p>Configure news sources to see updates.</p>
|
|
</div>
|
|
`;
|
|
} else {
|
|
html += '<div class="msd-news-list">';
|
|
news.forEach(item => {
|
|
const date = item.date ? this.formatNewsDate(item.date) : '';
|
|
const cleanTitle = this.decodeHtmlEntities(item.title || '');
|
|
const cleanDescription = this.decodeHtmlEntities(item.description || '');
|
|
|
|
html += `
|
|
<div class="msd-news-item">
|
|
<div class="msd-news-meta">
|
|
<span class="msd-news-source">${this.escapeHtml(item.source || '')}</span>
|
|
<span class="msd-news-date">${date}</span>
|
|
</div>
|
|
<h4 class="msd-news-title">
|
|
<a href="${this.escapeHtml(item.link || '')}" target="_blank" rel="noopener noreferrer">
|
|
${this.escapeHtml(cleanTitle)}
|
|
</a>
|
|
</h4>
|
|
<p class="msd-news-description">${this.escapeHtml(cleanDescription)}</p>
|
|
</div>
|
|
`;
|
|
});
|
|
html += '</div>';
|
|
}
|
|
|
|
html += `
|
|
<div class="msd-news-settings">
|
|
<button class="button button-secondary button-small" onclick="MSD.showNewsSourcesModal()">
|
|
Configure Sources
|
|
</button>
|
|
</div>
|
|
`;
|
|
|
|
$container.html(html);
|
|
},
|
|
|
|
renderNetworkSettings($container, data) {
|
|
let html = `
|
|
<button class="msd-refresh-btn" title="Refresh" data-widget="network_settings">
|
|
↻
|
|
</button>
|
|
|
|
<div class="msd-settings-simple">
|
|
<div class="msd-settings-info">
|
|
<div class="msd-setting-row">
|
|
<span class="msd-setting-key">Network:</span>
|
|
<span class="msd-setting-val">${this.escapeHtml(data.network_info?.network_name || 'N/A')}</span>
|
|
</div>
|
|
<div class="msd-setting-row">
|
|
<span class="msd-setting-key">Registration:</span>
|
|
<span class="msd-setting-val">${this.getRegistrationLabel(data.network_info?.registration || 'none')}</span>
|
|
</div>
|
|
<div class="msd-setting-row">
|
|
<span class="msd-setting-key">Upload Limit:</span>
|
|
<span class="msd-setting-val">${data.network_info?.blog_upload_space || 0} MB</span>
|
|
</div>
|
|
<div class="msd-setting-row">
|
|
<span class="msd-setting-key">Active Plugins:</span>
|
|
<span class="msd-setting-val">${data.theme_plugin_settings?.network_active_plugins || 0}</span>
|
|
</div>
|
|
<div class="msd-setting-row">
|
|
<span class="msd-setting-key">Network Themes:</span>
|
|
<span class="msd-setting-val">${data.theme_plugin_settings?.network_themes || 0}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="msd-settings-actions">
|
|
<a href="${data.quick_actions?.network_settings_url || '#'}" class="msd-settings-link">
|
|
<i class="dashicons dashicons-admin-settings"></i>
|
|
Settings
|
|
</a>
|
|
<a href="${data.quick_actions?.network_sites_url || '#'}" class="msd-settings-link">
|
|
<i class="dashicons dashicons-admin-multisite"></i>
|
|
Sites
|
|
</a>
|
|
<a href="${data.quick_actions?.network_users_url || '#'}" class="msd-settings-link">
|
|
<i class="dashicons dashicons-admin-users"></i>
|
|
Users
|
|
</a>
|
|
<a href="${data.quick_actions?.network_themes_url || '#'}" class="msd-settings-link">
|
|
<i class="dashicons dashicons-admin-appearance"></i>
|
|
Themes
|
|
</a>
|
|
<a href="${data.quick_actions?.network_plugins_url || '#'}" class="msd-settings-link">
|
|
<i class="dashicons dashicons-admin-plugins"></i>
|
|
Plugins
|
|
</a>
|
|
<a href="${data.quick_actions?.network_updates_url || '#'}" class="msd-settings-link">
|
|
<i class="dashicons dashicons-update"></i>
|
|
Updates
|
|
</a>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
$container.html(html);
|
|
},
|
|
|
|
renderUserManagement($container, data) {
|
|
let html = `
|
|
<button class="msd-refresh-btn" title="Refresh" data-widget="user_management">
|
|
↻
|
|
</button>
|
|
|
|
<div class="msd-user-simple">
|
|
<div class="msd-user-header">
|
|
<span class="msd-user-count">${data.total_users || 0} users (${data.super_admin_count || 0} admins)</span>
|
|
<span class="msd-user-registration">${data.registration_status?.description || 'Unknown'}</span>
|
|
</div>
|
|
|
|
<div class="msd-user-recent">
|
|
`;
|
|
|
|
if (data.recent_registrations && data.recent_registrations.length > 0) {
|
|
data.recent_registrations.slice(0, 5).forEach(user => {
|
|
const statusClass = this.getUserStatusClass(user.status);
|
|
html += `
|
|
<div class="msd-user-row">
|
|
<img src="${user.avatar_url || this.getDefaultAvatar()}"
|
|
alt="${this.escapeHtml(user.display_name)}"
|
|
class="msd-user-avatar"
|
|
onerror="this.src='${this.getDefaultAvatar()}'">
|
|
<div class="msd-user-data">
|
|
<div class="msd-user-name">${this.escapeHtml(user.display_name)}</div>
|
|
<div class="msd-user-info">${user.registered_ago} • ${user.sites_count} sites</div>
|
|
</div>
|
|
<div class="msd-user-actions">
|
|
<span class="msd-user-status ${statusClass}">${this.getUserStatusLabel(user.status)}</span>
|
|
<a href="${user.profile_url}" class="msd-user-edit">Edit</a>
|
|
</div>
|
|
</div>
|
|
`;
|
|
});
|
|
} else {
|
|
html += '<div class="msd-user-empty">No recent registrations</div>';
|
|
}
|
|
|
|
html += '</div>';
|
|
|
|
if (data.pending_activations && data.pending_activations.length > 0) {
|
|
html += `
|
|
<div class="msd-user-pending">
|
|
<div class="msd-pending-header">${data.pending_activations.length} pending activation(s)</div>
|
|
`;
|
|
|
|
data.pending_activations.slice(0, 3).forEach(signup => {
|
|
html += `
|
|
<div class="msd-pending-row">
|
|
<div class="msd-pending-email">${this.escapeHtml(signup.user_email)}</div>
|
|
<a href="${signup.activate_url}" class="msd-pending-activate">Activate</a>
|
|
</div>
|
|
`;
|
|
});
|
|
|
|
html += '</div>';
|
|
}
|
|
|
|
html += '</div>';
|
|
|
|
$container.html(html);
|
|
},
|
|
|
|
renderLastEdits($container, activities) {
|
|
let html = '<button class="msd-refresh-btn" title="Refresh" data-widget="last_edits">↻</button>';
|
|
|
|
if (!activities || activities.length === 0) {
|
|
html += '<div class="msd-empty-state"><p>No recent network activity found.</p></div>';
|
|
} else {
|
|
html += '<div class="msd-activity-list">';
|
|
activities.forEach(activity => {
|
|
const truncatedContent = activity.content ? this.truncateText(activity.content, 30) : '';
|
|
html += `
|
|
<div class="msd-activity-item">
|
|
<div class="msd-activity-header">
|
|
<h4 class="msd-activity-title">
|
|
<a href="${activity.view_url}" target="_blank">${this.truncateText(this.escapeHtml(activity.title), 60)}</a>
|
|
</h4>
|
|
<span class="msd-activity-type ${activity.type}">${activity.type_label}</span>
|
|
</div>
|
|
<div class="msd-activity-meta">
|
|
<span class="msd-activity-site">${this.escapeHtml(activity.site_name)}</span>
|
|
<span class="msd-activity-date">${activity.date_human}</span>
|
|
</div>
|
|
${truncatedContent ? `<p class="msd-activity-content">${this.escapeHtml(truncatedContent)}</p>` : ''}
|
|
<div class="msd-activity-actions">
|
|
<a href="${activity.edit_url}" class="msd-activity-action">Edit</a>
|
|
<a href="${activity.view_url}" class="msd-activity-action" target="_blank">View</a>
|
|
</div>
|
|
</div>
|
|
`;
|
|
});
|
|
html += '</div>';
|
|
}
|
|
|
|
$container.html(html);
|
|
},
|
|
|
|
renderTodoItems($container, todos) {
|
|
let html = `
|
|
<button class="msd-refresh-btn" title="Refresh" data-widget="todo_items">↻</button>
|
|
|
|
<div class="msd-todo-container">
|
|
<div class="msd-todo-header">
|
|
<div class="msd-todo-stats">
|
|
<div class="msd-todo-stat">
|
|
<span class="dashicons dashicons-list-view"></span>
|
|
<span>${todos.length} total</span>
|
|
</div>
|
|
<div class="msd-todo-stat">
|
|
<span class="dashicons dashicons-yes-alt"></span>
|
|
<span>${todos.filter(t => t.completed).length} done</span>
|
|
</div>
|
|
</div>
|
|
<button class="msd-todo-add-btn">
|
|
Add Todo
|
|
</button>
|
|
</div>
|
|
`;
|
|
|
|
if (todos.length === 0) {
|
|
html += `
|
|
<div class="msd-empty-state">
|
|
<p>No todos yet. Click "Add Todo" to get started!</p>
|
|
</div>
|
|
`;
|
|
} else {
|
|
html += '<div class="msd-todo-list">';
|
|
todos.forEach(todo => {
|
|
const completedClass = todo.completed ? 'completed' : '';
|
|
html += `
|
|
<div class="msd-todo-item ${completedClass}" data-id="${todo.id}">
|
|
<input type="checkbox" class="msd-todo-checkbox" ${todo.completed ? 'checked' : ''}>
|
|
<div class="msd-todo-content">
|
|
<div class="msd-todo-title">${this.escapeHtml(todo.title)}</div>
|
|
${todo.description ? `<div class="msd-todo-description">${this.escapeHtml(todo.description)}</div>` : ''}
|
|
<div class="msd-todo-meta">
|
|
<span class="msd-todo-priority ${todo.priority}">${todo.priority}</span>
|
|
<span class="msd-todo-date">${todo.created_at_human}</span>
|
|
</div>
|
|
</div>
|
|
<div class="msd-todo-actions">
|
|
<button class="msd-todo-btn msd-todo-edit" title="Edit">
|
|
<span class="dashicons dashicons-edit"></span>
|
|
</button>
|
|
<button class="msd-todo-btn msd-todo-delete" title="Delete">
|
|
<span class="dashicons dashicons-trash"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
`;
|
|
});
|
|
html += '</div>';
|
|
}
|
|
|
|
html += `
|
|
<div class="msd-todo-form" id="msd-todo-form">
|
|
<div class="msd-form-field">
|
|
<label>Title</label>
|
|
<input type="text" id="msd-todo-title" placeholder="What needs to be done?">
|
|
</div>
|
|
<div class="msd-form-field">
|
|
<label>Description (optional)</label>
|
|
<textarea id="msd-todo-description" placeholder="Additional details..."></textarea>
|
|
</div>
|
|
<div class="msd-form-field">
|
|
<label>Priority</label>
|
|
<select id="msd-todo-priority">
|
|
<option value="low">Low</option>
|
|
<option value="medium" selected>Medium</option>
|
|
<option value="high">High</option>
|
|
</select>
|
|
</div>
|
|
<div class="msd-todo-form-actions">
|
|
<button class="button button-primary msd-todo-save">Save</button>
|
|
<button class="button msd-todo-cancel">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
$container.html(html);
|
|
},
|
|
|
|
showTodoForm() {
|
|
$('#msd-todo-form').addClass('active');
|
|
$('#msd-todo-title').focus();
|
|
},
|
|
|
|
cancelTodoForm() {
|
|
$('#msd-todo-form').removeClass('active');
|
|
this.clearTodoForm();
|
|
},
|
|
|
|
clearTodoForm() {
|
|
$('#msd-todo-title').val('');
|
|
$('#msd-todo-description').val('');
|
|
$('#msd-todo-priority').val('medium');
|
|
$('#msd-todo-form').removeData('edit-id');
|
|
},
|
|
|
|
saveTodo() {
|
|
const title = $('#msd-todo-title').val().trim();
|
|
if (!title) {
|
|
if (window.MSD_Core) {
|
|
window.MSD_Core.showNotice('Title is required', 'error');
|
|
}
|
|
return;
|
|
}
|
|
|
|
const data = {
|
|
title: title,
|
|
description: $('#msd-todo-description').val().trim(),
|
|
priority: $('#msd-todo-priority').val()
|
|
};
|
|
|
|
const editId = $('#msd-todo-form').data('edit-id');
|
|
const action = editId ? 'msd_update_todo_item' : 'msd_save_todo_item';
|
|
|
|
if (editId) {
|
|
data.id = editId;
|
|
}
|
|
|
|
if (window.MSD_Core) {
|
|
window.MSD_Core.makeAjaxRequest(action, data, (response) => {
|
|
window.MSD_Core.showNotice(response.data.message, 'success');
|
|
this.cancelTodoForm();
|
|
this.loadWidget('todo_items');
|
|
}, (error) => {
|
|
window.MSD_Core.showNotice(error || 'Failed to save todo', 'error');
|
|
});
|
|
}
|
|
},
|
|
|
|
editTodo(e) {
|
|
const $item = $(e.currentTarget).closest('.msd-todo-item');
|
|
const id = $item.data('id');
|
|
const title = $item.find('.msd-todo-title').text();
|
|
const description = $item.find('.msd-todo-description').text();
|
|
|
|
$('#msd-todo-title').val(title);
|
|
$('#msd-todo-description').val(description);
|
|
$('#msd-todo-form').data('edit-id', id).addClass('active');
|
|
$('#msd-todo-title').focus();
|
|
},
|
|
|
|
deleteTodo(e) {
|
|
if (!confirm(msdAjax.strings.confirm_delete)) {
|
|
return;
|
|
}
|
|
|
|
const $item = $(e.currentTarget).closest('.msd-todo-item');
|
|
const id = $item.data('id');
|
|
|
|
if (window.MSD_Core) {
|
|
window.MSD_Core.makeAjaxRequest('msd_delete_todo_item', { id }, (response) => {
|
|
window.MSD_Core.showNotice(response.data.message, 'success');
|
|
this.loadWidget('todo_items');
|
|
}, (error) => {
|
|
window.MSD_Core.showNotice(error || 'Failed to delete todo', 'error');
|
|
});
|
|
}
|
|
},
|
|
|
|
toggleTodoComplete(e) {
|
|
const $item = $(e.currentTarget).closest('.msd-todo-item');
|
|
const id = $item.data('id');
|
|
|
|
if (window.MSD_Core) {
|
|
window.MSD_Core.makeAjaxRequest('msd_toggle_todo_complete', { id }, (response) => {
|
|
this.loadWidget('todo_items');
|
|
}, (error) => {
|
|
window.MSD_Core.showNotice(error || 'Failed to update todo', 'error');
|
|
});
|
|
}
|
|
},
|
|
|
|
handleUserAction(e) {
|
|
e.preventDefault();
|
|
const $btn = $(e.currentTarget);
|
|
const action = $btn.data('action');
|
|
const userId = $btn.data('user-id');
|
|
|
|
if (!action || !userId) {
|
|
if (window.MSD_Core) {
|
|
window.MSD_Core.showNotice('Invalid action or user ID', 'error');
|
|
}
|
|
return;
|
|
}
|
|
|
|
if (!confirm('Are you sure you want to perform this action?')) {
|
|
return;
|
|
}
|
|
|
|
$btn.prop('disabled', true).text('Processing...');
|
|
|
|
if (window.MSD_Core) {
|
|
window.MSD_Core.makeAjaxRequest('msd_manage_user_action', {
|
|
user_action: action,
|
|
user_id: userId
|
|
}, (response) => {
|
|
window.MSD_Core.showNotice(response.data.message || 'Action completed successfully', 'success');
|
|
this.loadWidget('user_management');
|
|
}, (error) => {
|
|
window.MSD_Core.showNotice(error || 'Action failed', 'error');
|
|
}).always(() => {
|
|
$btn.prop('disabled', false).text($btn.data('original-text') || 'Action');
|
|
});
|
|
}
|
|
},
|
|
|
|
handleWidgetError($container, error, widgetType) {
|
|
if (window.MSD_Core) {
|
|
window.MSD_Core.retryCount++;
|
|
|
|
if (window.MSD_Core.retryCount <= window.MSD_Core.maxRetries) {
|
|
setTimeout(() => {
|
|
this.loadWidget(widgetType);
|
|
}, 2000 * window.MSD_Core.retryCount);
|
|
return;
|
|
}
|
|
}
|
|
|
|
const html = `
|
|
<div class="msd-error-state">
|
|
<p>Unable to load data</p>
|
|
<button class="msd-refresh-btn" data-widget="${widgetType}">Try Again</button>
|
|
</div>
|
|
`;
|
|
$container.html(html);
|
|
},
|
|
|
|
formatNumber: window.MSD_Core ? window.MSD_Core.formatNumber : function(num) { return num.toString(); },
|
|
escapeHtml: window.MSD_Core ? window.MSD_Core.escapeHtml : function(text) { return text; },
|
|
decodeHtmlEntities: window.MSD_Core ? window.MSD_Core.decodeHtmlEntities : function(text) { return text; },
|
|
truncateText: window.MSD_Core ? window.MSD_Core.truncateText : function(text, maxLength) { return text; },
|
|
getDefaultFavicon: window.MSD_Core ? window.MSD_Core.getDefaultFavicon : function() { return ''; },
|
|
getDefaultAvatar: window.MSD_Core ? window.MSD_Core.getDefaultAvatar : function() { return ''; },
|
|
formatNewsDate: window.MSD_Core ? window.MSD_Core.formatNewsDate : function(date) { return date; },
|
|
getUserStatusClass: window.MSD_Core ? window.MSD_Core.getUserStatusClass : function(status) { return status; },
|
|
getUserStatusLabel: window.MSD_Core ? window.MSD_Core.getUserStatusLabel : function(status) { return status; },
|
|
getRegistrationLabel: window.MSD_Core ? window.MSD_Core.getRegistrationLabel : function(reg) { return reg; },
|
|
getStorageStatusClass: window.MSD_Core ? window.MSD_Core.getStorageStatusClass : function(status) { return status; }
|
|
};
|
|
|
|
window.MSD_Widgets = MSD_Widgets;
|
|
MSD_Widgets.init();
|
|
});
|
