mirror of
https://github.com/WPMultisite/wp-multisite-dashboard.git
synced 2025-08-04 03:29:38 +08:00
1242 lines
53 KiB
JavaScript
1242 lines
53 KiB
JavaScript
jQuery(document).ready(function($) {
|
|
'use strict';
|
|
|
|
const MSD = {
|
|
refreshInterval: null,
|
|
refreshRate: 300000,
|
|
isRefreshing: false,
|
|
retryCount: 0,
|
|
maxRetries: 3,
|
|
|
|
init() {
|
|
this.loadAllWidgets();
|
|
this.bindEvents();
|
|
this.startAutoRefresh();
|
|
this.setupErrorHandling();
|
|
this.initSortable();
|
|
},
|
|
|
|
bindEvents() {
|
|
$(document)
|
|
.on('click', '.msd-refresh-btn', this.handleRefreshClick.bind(this))
|
|
.on('click', '.msd-btn-primary, .msd-btn-secondary', this.handleButtonClick.bind(this))
|
|
.on('click', '.msd-user-action-btn', this.handleUserAction.bind(this))
|
|
.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))
|
|
.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));
|
|
|
|
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)
|
|
};
|
|
|
|
$(window).on('beforeunload', () => {
|
|
if (this.refreshInterval) {
|
|
clearInterval(this.refreshInterval);
|
|
}
|
|
});
|
|
},
|
|
|
|
initSortable() {
|
|
if ($.ui && $.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();
|
|
}
|
|
});
|
|
}
|
|
},
|
|
|
|
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) {
|
|
this.makeAjaxRequest('msd_reorder_quick_links', { order },
|
|
() => {
|
|
this.showNotice(msdAjax.strings.save_success, 'success', 2000);
|
|
},
|
|
() => {
|
|
this.showNotice('Failed to save order', 'error');
|
|
}
|
|
);
|
|
}
|
|
},
|
|
|
|
setupErrorHandling() {
|
|
$(document).ajaxError((event, xhr, settings, error) => {
|
|
if (settings.url && settings.url.includes('msd_')) {
|
|
console.error('MSD Ajax Error:', error, xhr);
|
|
this.showNotice(msdAjax.strings.error_occurred, 'error');
|
|
}
|
|
});
|
|
},
|
|
|
|
loadAllWidgets() {
|
|
if (this.isRefreshing) return;
|
|
|
|
this.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(() => {
|
|
this.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;
|
|
|
|
this.makeAjaxRequest(action, {}, (response) => {
|
|
this.renderWidget(widgetType, $container, response.data);
|
|
this.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');
|
|
}
|
|
},
|
|
|
|
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) {
|
|
this.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;
|
|
}
|
|
|
|
this.makeAjaxRequest(action, data, (response) => {
|
|
this.showNotice(response.data.message, 'success');
|
|
this.cancelTodoForm();
|
|
this.loadWidget('todo_items');
|
|
}, (error) => {
|
|
this.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');
|
|
|
|
this.makeAjaxRequest('msd_delete_todo_item', { id }, (response) => {
|
|
this.showNotice(response.data.message, 'success');
|
|
this.loadWidget('todo_items');
|
|
}, (error) => {
|
|
this.showNotice(error || 'Failed to delete todo', 'error');
|
|
});
|
|
},
|
|
|
|
toggleTodoComplete(e) {
|
|
const $item = $(e.currentTarget).closest('.msd-todo-item');
|
|
const id = $item.data('id');
|
|
|
|
this.makeAjaxRequest('msd_toggle_todo_complete', { id }, (response) => {
|
|
this.loadWidget('todo_items');
|
|
}, (error) => {
|
|
this.showNotice(error || 'Failed to update todo', 'error');
|
|
});
|
|
},
|
|
|
|
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);
|
|
},
|
|
|
|
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);
|
|
},
|
|
|
|
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);
|
|
},
|
|
|
|
getRegistrationLabel(registration) {
|
|
const labels = {
|
|
'none': 'Disabled',
|
|
'user': 'Users Only',
|
|
'blog': 'Sites Only',
|
|
'all': 'Users & Sites'
|
|
};
|
|
return labels[registration] || 'Unknown';
|
|
},
|
|
|
|
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);
|
|
},
|
|
|
|
getDefaultAvatar() {
|
|
return 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIyMCIgZmlsbD0iI2Y2ZjdmNyIgc3Ryb2tlPSIjZGRkIi8+PGNpcmNsZSBjeD0iMjAiIGN5PSIxNSIgcj0iNiIgZmlsbD0iIzk5OSIvPjxlbGxpcHNlIGN4PSIyMCIgY3k9IjMzIiByeD0iMTAiIHJ5PSI3IiBmaWxsPSIjOTk5Ii8+PC9zdmc+';
|
|
},
|
|
|
|
getUserStatusClass(status) {
|
|
const statusMap = {
|
|
'active': 'good',
|
|
'recent': 'good',
|
|
'inactive': 'warning',
|
|
'very_inactive': 'critical',
|
|
'never_logged_in': 'neutral'
|
|
};
|
|
return statusMap[status] || 'neutral';
|
|
},
|
|
|
|
getUserStatusLabel(status) {
|
|
const statusLabels = {
|
|
'active': 'Active',
|
|
'recent': 'Recent',
|
|
'inactive': 'Inactive',
|
|
'very_inactive': 'Very Inactive',
|
|
'never_logged_in': 'Never Logged In'
|
|
};
|
|
return statusLabels[status] || 'Unknown';
|
|
},
|
|
|
|
handleUserAction(e) {
|
|
e.preventDefault();
|
|
const $btn = $(e.currentTarget);
|
|
const action = $btn.data('action');
|
|
const userId = $btn.data('user-id');
|
|
|
|
if (!action || !userId) {
|
|
this.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...');
|
|
|
|
this.makeAjaxRequest('msd_manage_user_action', {
|
|
user_action: action,
|
|
user_id: userId
|
|
}, (response) => {
|
|
this.showNotice(response.data.message || 'Action completed successfully', 'success');
|
|
this.loadWidget('user_management');
|
|
}, (error) => {
|
|
this.showNotice(error || 'Action failed', 'error');
|
|
}).always(() => {
|
|
$btn.prop('disabled', false).text($btn.data('original-text') || 'Action');
|
|
});
|
|
},
|
|
|
|
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>
|
|
|
|
<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-admin-home"></span>
|
|
<span class="msd-version-label">Network Sites</span>
|
|
<span class="msd-version-value">${this.escapeHtml(data.network_sites || 0)}</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>
|
|
`;
|
|
|
|
if (data.description) {
|
|
html += `
|
|
<div class="msd-version-description">
|
|
<p>${this.escapeHtml(data.description)}</p>
|
|
</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);
|
|
},
|
|
|
|
formatNewsDate(dateString) {
|
|
try {
|
|
const date = new Date(dateString);
|
|
const now = new Date();
|
|
const diffTime = Math.abs(now - date);
|
|
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
|
|
|
|
if (diffDays === 1) {
|
|
return 'Yesterday';
|
|
} else if (diffDays < 7) {
|
|
return `${diffDays} days ago`;
|
|
} else {
|
|
return date.toLocaleDateString();
|
|
}
|
|
} catch (e) {
|
|
return '';
|
|
}
|
|
},
|
|
|
|
getDefaultFavicon() {
|
|
return 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IiNmMGYwZjAiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIiBmaWxsPSIjOTk5IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBkeT0iMC4zNWVtIj5TPC90ZXh0Pjwvc3ZnPg==';
|
|
},
|
|
|
|
startAutoRefresh() {
|
|
this.refreshInterval = setInterval(() => {
|
|
if (!this.isRefreshing && document.visibilityState === 'visible') {
|
|
this.loadAllWidgets();
|
|
}
|
|
}, this.refreshRate);
|
|
},
|
|
|
|
handleRefreshClick(e) {
|
|
e.preventDefault();
|
|
const $btn = $(e.currentTarget);
|
|
const widgetType = $btn.data('widget');
|
|
|
|
if ($btn.hasClass('refreshing')) return;
|
|
|
|
$btn.addClass('refreshing').prop('disabled', true);
|
|
|
|
setTimeout(() => {
|
|
$btn.removeClass('refreshing').prop('disabled', false);
|
|
}, 2000);
|
|
|
|
if (widgetType) {
|
|
this.loadWidget(widgetType);
|
|
this.showNotice(msdAjax.strings.refresh_success, 'success', 2000);
|
|
} else {
|
|
this.loadAllWidgets();
|
|
this.showNotice(msdAjax.strings.refresh_success, 'success', 2000);
|
|
}
|
|
},
|
|
|
|
handleButtonClick(e) {
|
|
const $btn = $(e.currentTarget);
|
|
const url = $btn.attr('href');
|
|
|
|
if (url && url !== '#' && !url.startsWith('javascript:')) {
|
|
if ($btn.hasClass('msd-btn-primary')) {
|
|
window.open(url, '_blank', 'noopener,noreferrer');
|
|
e.preventDefault();
|
|
}
|
|
}
|
|
},
|
|
|
|
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">
|
|
<input type="text" placeholder="Source Name" class="msd-news-name" required>
|
|
<input type="url" placeholder="RSS Feed URL" class="msd-news-url" required>
|
|
<label>
|
|
<input type="checkbox" class="msd-news-enabled" checked>
|
|
Enabled
|
|
</label>
|
|
<button type="button" class="msd-remove-source">Remove</button>
|
|
</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;
|
|
|
|
$('.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.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) {
|
|
this.showNotice('Please fill in all required fields correctly', 'error');
|
|
return;
|
|
}
|
|
|
|
this.makeAjaxRequest('msd_save_quick_links', { links }, (response) => {
|
|
this.showNotice(response.data.message, 'success');
|
|
this.hideQuickLinksModal();
|
|
setTimeout(() => location.reload(), 1000);
|
|
}, (error) => {
|
|
this.showNotice('Failed to save quick links', 'error');
|
|
});
|
|
},
|
|
|
|
saveNewsSources() {
|
|
const sources = [];
|
|
let hasErrors = false;
|
|
|
|
$('.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.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) {
|
|
this.showNotice('Please fill in all required fields correctly', 'error');
|
|
return;
|
|
}
|
|
|
|
this.makeAjaxRequest('msd_save_news_sources', { sources }, (response) => {
|
|
this.showNotice(response.data.message, 'success');
|
|
this.hideNewsSourcesModal();
|
|
this.loadWidget('custom_news');
|
|
}, (error) => {
|
|
this.showNotice('Failed to save news sources', 'error');
|
|
});
|
|
},
|
|
|
|
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) {
|
|
this.showNotice('Name and email are required', 'error');
|
|
return;
|
|
}
|
|
|
|
this.makeAjaxRequest('msd_save_contact_info', contactInfo, (response) => {
|
|
this.showNotice(response.data.message, 'success');
|
|
this.hideContactInfoModal();
|
|
setTimeout(() => location.reload(), 1000);
|
|
}, (error) => {
|
|
this.showNotice('Failed to save contact information', 'error');
|
|
});
|
|
},
|
|
|
|
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() {
|
|
this.makeAjaxRequest('msd_refresh_widget_data', { widget: 'custom_news' }, (response) => {
|
|
this.showNotice('News cache cleared successfully', 'success');
|
|
this.loadWidget('custom_news');
|
|
}, (error) => {
|
|
this.showNotice('Failed to clear news cache', 'error');
|
|
});
|
|
},
|
|
|
|
handleWidgetError($container, error, widgetType) {
|
|
this.retryCount++;
|
|
|
|
if (this.retryCount <= this.maxRetries) {
|
|
setTimeout(() => {
|
|
this.loadWidget(widgetType);
|
|
}, 2000 * this.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);
|
|
},
|
|
|
|
makeAjaxRequest(action, data, successCallback, errorCallback) {
|
|
const ajaxData = {
|
|
action: action,
|
|
nonce: msdAjax.nonce,
|
|
...data
|
|
};
|
|
|
|
return $.post(msdAjax.ajaxurl, ajaxData)
|
|
.done((response) => {
|
|
if (response.success) {
|
|
successCallback(response);
|
|
} else {
|
|
errorCallback(response.data || 'Unknown error');
|
|
}
|
|
})
|
|
.fail((xhr, status, error) => {
|
|
errorCallback(error);
|
|
});
|
|
},
|
|
|
|
showNotice(message, type = 'info', duration = 5000) {
|
|
const $notice = $(`<div class="msd-notice ${type}"><p>${this.escapeHtml(message)}</p></div>`);
|
|
|
|
const $container = $('.wrap h1').first();
|
|
if ($container.length) {
|
|
$container.after($notice);
|
|
} else {
|
|
$('body').prepend($notice);
|
|
}
|
|
|
|
if (duration > 0) {
|
|
setTimeout(() => {
|
|
$notice.fadeOut(300, () => $notice.remove());
|
|
}, duration);
|
|
}
|
|
|
|
$notice.on('click', () => {
|
|
$notice.fadeOut(300, () => $notice.remove());
|
|
});
|
|
},
|
|
|
|
formatNumber(num) {
|
|
if (num >= 1000000) {
|
|
return (num / 1000000).toFixed(1) + 'M';
|
|
} else if (num >= 1000) {
|
|
return (num / 1000).toFixed(1) + 'K';
|
|
}
|
|
return num.toString();
|
|
},
|
|
|
|
formatTime(date) {
|
|
return date.toLocaleTimeString([], {
|
|
hour: '2-digit',
|
|
minute: '2-digit'
|
|
});
|
|
},
|
|
|
|
escapeHtml(text) {
|
|
const div = document.createElement('div');
|
|
div.textContent = text;
|
|
return div.innerHTML;
|
|
},
|
|
|
|
decodeHtmlEntities(text) {
|
|
const textarea = document.createElement('textarea');
|
|
textarea.innerHTML = text;
|
|
return textarea.value;
|
|
},
|
|
|
|
truncateText(text, maxLength) {
|
|
if (!text || text.length <= maxLength) {
|
|
return text;
|
|
}
|
|
return text.substring(0, maxLength).trim() + '...';
|
|
},
|
|
|
|
isValidUrl(string) {
|
|
try {
|
|
const url = new URL(string);
|
|
return url.protocol === 'http:' || url.protocol === 'https:';
|
|
} catch (_) {
|
|
return false;
|
|
}
|
|
},
|
|
|
|
getStorageStatusClass(status) {
|
|
const statusMap = {
|
|
critical: 'critical',
|
|
warning: 'warning',
|
|
good: '',
|
|
default: ''
|
|
};
|
|
return statusMap[status] || statusMap.default;
|
|
}
|
|
};
|
|
|
|
MSD.init();
|
|
|
|
$('head').append(`
|
|
<style>
|
|
body.modal-open { overflow: hidden; }
|
|
.msd-link-item.error { border-color: var(--msd-danger); }
|
|
.msd-link-url.error { border-color: var(--msd-danger); }
|
|
.msd-news-source-item.error { border-color: var(--msd-danger); }
|
|
.msd-news-url.error { border-color: var(--msd-danger); }
|
|
.msd-refresh-btn.refreshing { opacity: 0.6; pointer-events: none; }
|
|
.msd-error-state { text-align: center; padding: 20px; color: var(--msd-text-light); }
|
|
.msd-emoji-icon { font-size: 18px !important; display: inline-block; filter: grayscale(55%); }
|
|
</style>
|
|
`);
|
|
});
|
