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

Improve settings UI: - Remove Save Changes button for instant saves - Move save notification to bottom right - Fix toggle switch interference - Improve notification styling and animations

Browse Source
This commit is contained in:
Marcus Quinn
2025-03-14 02:39:28 +00:00
parent bef76a5727
commit bff91bba95
2 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
admin/js/wpa-superstar-admin.js
View File

@ -3,19 +3,31 @@ jQuery(document).ready(function($) {
var $input = $(this);
var option = $input.attr('name');
var value = $input.is(':checked') ? 1 : 0;
// Remove any existing status messages
$('.wpa-status').remove();
// Add a small notification that fades out
var $notification = $('<span class="wpa-status" style="position: fixed; bottom: 20px; right: 20px; background: #00a32a; color: white; padding: 8px 16px; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">Setting saved</span>');
$('body').append($notification);
$.post(wpaSuperstar.ajaxurl, {
action: 'wpa_superstar_update_option',
option: option,
value: value,
nonce: wpaSuperstar.nonce
}, function(response) {
if (response.success) {
$input.next('.wpa-status').remove();
$input.after('<span class="wpa-status" style="color: green; margin-left: 10px;">Saved</span>');
setTimeout(function() { $('.wpa-status').fadeOut(); }, 2000);
} else {
if (!response.success) {
console.error('Error:', response);
$notification.css('background', '#d63638').text('Error saving setting');
}
// Fade out and remove the notification after 2 seconds
setTimeout(function() {
$notification.fadeOut(300, function() {
$(this).remove();
});
}, 2000);
});
});
});