marcus/wpa-superstar-plugin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix duplicate loading spinners in Free Plugins tab

Browse Source
This commit is contained in:
Marcus Quinn
2025-03-24 20:26:28 +00:00
parent f0d00accaf
commit ccc57dc72b
1 changed files with 18 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
admin/includes/class-free-plugins-manager.php
View File

@ -81,9 +81,12 @@ class WP_Allstars_Free_Plugins_Manager {
</div> </div>
<div class="wp-allstars-plugin-browser"> <div class="wp-allstars-plugin-browser">
<div id="wpa-plugin-list"></div> <div id="wpa-plugin-list" class="wpa-plugin-container">
<div class="wp-allstars-loading-overlay"> <!-- Plugin content will be loaded via AJAX -->
<span class="spinner is-active"></span> <div class="wp-allstars-loading-overlay">
<span class="spinner is-active"></span>
<p>Loading plugin data...</p>
</div>
</div> </div>
</div> </div>
@ -94,16 +97,16 @@ class WP_Allstars_Free_Plugins_Manager {
e.preventDefault(); e.preventDefault();
var category = $(this).data('category'); var category = $(this).data('category');
var $container = $('#wpa-plugin-list');
// Update filter UI // Update filter UI
$('#wpa-plugin-filters .filter-links a').removeClass('current'); $('#wpa-plugin-filters .filter-links a').removeClass('current');
$(this).addClass('current'); $(this).addClass('current');
// Show loading spinner // Create new loading overlay
$('.wp-allstars-loading-overlay').show(); $container.empty();
var $loadingOverlay = $('<div class="wp-allstars-loading-overlay"><span class="spinner is-active"></span><p>Loading plugin data...</p></div>');
// Clear existing plugins $container.append($loadingOverlay);
$('#wpa-plugin-list').empty();
// Load plugins in selected category // Load plugins in selected category
$.ajax({ $.ajax({
@ -115,18 +118,20 @@ class WP_Allstars_Free_Plugins_Manager {
nonce: '<?php echo wp_create_nonce('wp-allstars-nonce'); ?>' nonce: '<?php echo wp_create_nonce('wp-allstars-nonce'); ?>'
}, },
success: function(response) { success: function(response) {
$loadingOverlay.remove();
if (response.success) { if (response.success) {
// Hide loading spinner
$('.wp-allstars-loading-overlay').hide();
// Add plugins to the container // Add plugins to the container
$('#wpa-plugin-list').html(response.data); $container.html(response.data);
} else { } else {
$container.html('<div class="notice notice-error"><p>' + response.data + '</p></div>');
console.error('Error loading plugins:', response.data); console.error('Error loading plugins:', response.data);
} }
}, },
error: function(xhr, status, error) { error: function(xhr, status, error) {
console.error('AJAX error:', error); $loadingOverlay.remove();
$container.html('<div class="notice notice-error"><p>Failed to load plugins. Please try again. Error: ' + error + '</p></div>');
console.error('AJAX error:', xhr.responseText);
} }
}); });
}); });