peptide-repo/prautoblogger
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(assets): extract model-picker refresh handler to generic-handle file (Phase 2 lift)

Browse Source
This commit is contained in:
peptiderepo
2026-04-23 04:58:27 +00:00
parent 283f9f954e
commit aa78591dd4
4 changed files with 66 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/admin/peptiderepo-model-picker.css Normal file
View File

@@ -0,0 +1,6 @@
/**
* Styling for model registry picker refresh functionality.
*
* Button animations and toast notifications are defined in admin.css.
* This file is reserved for model-picker-specific styles (future extensibility).
*/

58
assets/admin/peptiderepo-model-picker.js Normal file
View File

@@ -0,0 +1,58 @@
/**
* Model registry refresh handler for PRAutoBlogger admin settings.
*
* Handles the "Refresh Model List" button click in the AI Models admin tab.
* Sends AJAX request to refresh the OpenRouter model registry cache and shows
* success/error toast notifications.
*
* @see admin/class-admin-page.php — Renders the refresh button + nonce.
* @see ajax/class-model-registry-refresh.php — Server-side handler.
*/
(function ($) {
'use strict';
// Refresh model registry button.
$(document).on('click', '#prautoblogger-refresh-models', function (e) {
e.preventDefault();
var $btn = $(this);
var nonce = $btn.data('nonce');
var originalText = $btn.html();
$btn.prop('disabled', true).addClass('ab-btn-loading');
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'prautoblogger_refresh_models',
nonce: nonce
},
timeout: 30000
})
.done(function (response) {
if (response.success && response.data && response.data.message) {
// Show success toast
var $notice = $('<div class="ab-save-notice" role="status"></div>')
.html('<span class="dashicons dashicons-yes"></span> ' + response.data.message)
.insertBefore('.ab-layout')
.delay(4000)
.fadeOut(function () {
$(this).remove();
});
}
})
.fail(function () {
var $notice = $('<div class="ab-save-notice notice-error" role="alert"></div>')
.html('<span class="dashicons dashicons-warning"></span> ' + 'Failed to refresh model list. Please try again.')
.insertBefore('.ab-layout')
.delay(5000)
.fadeOut(function () {
$(this).remove();
});
})
.always(function () {
$btn.prop('disabled', false).removeClass('ab-btn-loading').html(originalText);
});
});
})(jQuery);

45
assets/js/admin.js
View File

@@ -446,49 +446,4 @@
}); });
}); });
// Refresh model registry button.
$(document).on('click', '#prautoblogger-refresh-models', function (e) {
e.preventDefault();
var $btn = $(this);
var nonce = $btn.data('nonce');
var originalText = $btn.html();
$btn.prop('disabled', true).addClass('ab-btn-loading');
$.ajax({
url: ajaxurl,
method: 'POST',
data: {
action: 'prautoblogger_refresh_models',
nonce: nonce
},
timeout: 30000
})
.done(function (response) {
if (response.success && response.data && response.data.message) {
// Show success toast
var $notice = $('<div class="ab-save-notice" role="status"></div>')
.html('<span class="dashicons dashicons-yes"></span> ' + response.data.message)
.insertBefore('.ab-layout')
.delay(4000)
.fadeOut(function () {
$(this).remove();
});
}
})
.fail(function () {
var $notice = $('<div class="ab-save-notice notice-error" role="alert"></div>')
.html('<span class="dashicons dashicons-warning"></span> ' + 'Failed to refresh model list. Please try again.')
.insertBefore('.ab-layout')
.delay(5000)
.fadeOut(function () {
$(this).remove();
});
})
.always(function () {
$btn.prop('disabled', false).removeClass('ab-btn-loading').html(originalText);
});
});
})(jQuery); })(jQuery);

2
includes/admin/class-admin-page.php
View File

@@ -75,6 +75,8 @@ class PRAutoBlogger_Admin_Page {
wp_enqueue_style( 'prautoblogger-model-picker', PRAUTOBLOGGER_PLUGIN_URL . 'assets/css/model-picker.css', array( 'prautoblogger-admin' ), PRAUTOBLOGGER_VERSION ); wp_enqueue_style( 'prautoblogger-model-picker', PRAUTOBLOGGER_PLUGIN_URL . 'assets/css/model-picker.css', array( 'prautoblogger-admin' ), PRAUTOBLOGGER_VERSION );
wp_enqueue_script( 'prautoblogger-admin', PRAUTOBLOGGER_PLUGIN_URL . 'assets/js/admin.js', array( 'jquery' ), PRAUTOBLOGGER_VERSION, true ); wp_enqueue_script( 'prautoblogger-admin', PRAUTOBLOGGER_PLUGIN_URL . 'assets/js/admin.js', array( 'jquery' ), PRAUTOBLOGGER_VERSION, true );
wp_enqueue_script( 'prautoblogger-model-picker', PRAUTOBLOGGER_PLUGIN_URL . 'assets/js/model-picker.js', array( 'jquery', 'prautoblogger-admin' ), PRAUTOBLOGGER_VERSION, true ); wp_enqueue_script( 'prautoblogger-model-picker', PRAUTOBLOGGER_PLUGIN_URL . 'assets/js/model-picker.js', array( 'jquery', 'prautoblogger-admin' ), PRAUTOBLOGGER_VERSION, true );
wp_enqueue_script( 'peptiderepo-model-picker', PRAUTOBLOGGER_PLUGIN_URL . 'assets/admin/peptiderepo-model-picker.js', array( 'jquery' ), PRAUTOBLOGGER_VERSION, true );
wp_enqueue_style( 'peptiderepo-model-picker', PRAUTOBLOGGER_PLUGIN_URL . 'assets/admin/peptiderepo-model-picker.css', array(), PRAUTOBLOGGER_VERSION );
wp_localize_script( wp_localize_script(
'prautoblogger-admin', 'prautoblogger-admin',