' +
+ '
' +
+ '' + escHtml(model.name) + '' +
+ '' + escHtml(model.provider) + '' +
+ (model.deprecated ? 'deprecated' : '') +
+ '
' +
+ '
' +
+ '' +
+ formatPrice(model.input_price_per_m) + ' / ' + formatPrice(model.output_price_per_m) +
+ '' +
+ '' + formatContext(model.context_length) + '' +
+ '
' +
+ '
No models found.
');
+ } else {
+ var html = '';
+ for (var i = 0; i < filtered.length; i++) {
+ html += renderModelRow(filtered[i]);
+ }
+ $list.html(html);
+ }
+ $count.text(filtered.length + ' model' + (filtered.length !== 1 ? 's' : ''));
+ }
+
+ // Search input handler (debounced).
+ var searchTimer = null;
+ $search.on('input', function () {
+ var q = $(this).val();
+ clearTimeout(searchTimer);
+ searchTimer = setTimeout(function () {
+ renderList(allModels, q);
+ }, 150);
+ });
+
+ // Select a model.
+ $list.on('click', '.ab-mp-row', function () {
+ var id = $(this).data('model-id');
+ var model = allModels.find(function (m) { return m.id === id; });
+ if (!model) return;
+
+ // Update hidden input + display.
+ $('#' + fieldId).val(model.id);
+ $trigger.find('.ab-mp-display-name').text(model.name || model.id);
+ $trigger.find('.ab-mp-display-price').text(
+ formatPrice(model.input_price_per_m) + ' / ' + formatPrice(model.output_price_per_m)
+ );
+ closePicker();
+ });
+
+ // Close handlers.
+ function closePicker() {
+ $overlay.remove();
+ }
+
+ $popup.find('.ab-mp-close').on('click', closePicker);
+ $overlay.on('click', function (e) {
+ if ($(e.target).is('.ab-mp-overlay')) closePicker();
+ });
+ $(document).on('keydown.abModelPicker', function (e) {
+ if (e.key === 'Escape') {
+ closePicker();
+ $(document).off('keydown.abModelPicker');
+ }
+ });
+ }
+
+ // Bind click on all model picker triggers.
+ $(document).on('click', '.ab-mp-trigger', function (e) {
+ e.preventDefault();
+ openPicker($(this));
+ });
+
+})(jQuery);
diff --git a/includes/admin/class-admin-page.php b/includes/admin/class-admin-page.php
index 0f157e1..f2bd518 100755
--- a/includes/admin/class-admin-page.php
+++ b/includes/admin/class-admin-page.php
@@ -65,13 +65,16 @@ class PRAutoBlogger_Admin_Page {
}
wp_enqueue_style( 'prautoblogger-admin', PRAUTOBLOGGER_PLUGIN_URL . 'assets/css/admin.css', [], PRAUTOBLOGGER_VERSION );
+ wp_enqueue_style( 'prautoblogger-model-picker', PRAUTOBLOGGER_PLUGIN_URL . 'assets/css/model-picker.css', [ 'prautoblogger-admin' ], PRAUTOBLOGGER_VERSION );
wp_enqueue_script( 'prautoblogger-admin', PRAUTOBLOGGER_PLUGIN_URL . 'assets/js/admin.js', [ 'jquery' ], PRAUTOBLOGGER_VERSION, true );
+ wp_enqueue_script( 'prautoblogger-model-picker', PRAUTOBLOGGER_PLUGIN_URL . 'assets/js/model-picker.js', [ 'jquery', 'prautoblogger-admin' ], PRAUTOBLOGGER_VERSION, true );
wp_localize_script( 'prautoblogger-admin', 'prautobloggerAdmin', [
'ajaxUrl' => admin_url( 'admin-ajax.php' ),
'generateNonce' => wp_create_nonce( 'prautoblogger_generate_now' ),
'imageNonce' => wp_create_nonce( 'prautoblogger_generate_image' ),
'testNonce' => wp_create_nonce( 'prautoblogger_test_connection' ),
+ 'modelsNonce' => wp_create_nonce( 'prautoblogger_get_models' ),
'reviewNonce' => wp_create_nonce( 'prautoblogger_review_queue' ),
'generatingText' => __( 'Generating...', 'prautoblogger' ),
'generateText' => __( 'Generate Now', 'prautoblogger' ),
@@ -152,6 +155,10 @@ class PRAutoBlogger_Admin_Page {
}
break;
+ case 'model_select':
+ $this->render_model_select_field( $id, (string) $value, $args );
+ break;
+
case 'source_status':
$this->render_source_status_field();
break;
@@ -174,58 +181,25 @@ class PRAutoBlogger_Admin_Page {
}
/**
- * Render the Reddit source status indicator.
+ * Delegate source status rendering to the dedicated field class.
*
- * Shows Reddit RSS (primary) and .json (fallback) availability
- * with live status checks via transient cache and rate limit info.
- *
- * Side effects: Reads transients for cached availability status.
- *
- * @return void
+ * @see admin/fields/class-source-status-field.php
*/
private function render_source_status_field(): void {
- $last_collection = get_option( 'prautoblogger_last_collection_time', '' );
- $last_source_used = get_option( 'prautoblogger_last_source_used', '' );
+ PRAutoBlogger_Source_Status_Field::render();
+ }
- echo '';
-
- // Reddit RSS — primary source.
- printf(
- '
'
- . ''
- . '%s %s'
- . '%s'
- . '
',
- esc_html__( 'Reddit RSS', 'prautoblogger' ),
- esc_html__( 'Primary', 'prautoblogger' ),
- esc_html__( 'Reliable from all IPs', 'prautoblogger' )
- );
-
- // Reddit .json — fallback source.
- printf(
- '
'
- . ''
- . '%s %s'
- . '%s'
- . '
',
- esc_html__( 'Reddit .json', 'prautoblogger' ),
- esc_html__( 'Fallback + Comments', 'prautoblogger' ),
- esc_html__( 'May be IP-blocked on some hosts', 'prautoblogger' )
- );
-
- // Last collection info.
- if ( '' !== $last_collection ) {
- $time_ago = human_time_diff( (int) $last_collection, time() );
- printf(
- '
%s %s %s
',
- esc_html__( 'Last collection:', 'prautoblogger' ),
- /* translators: %s is a human-readable time difference like "2 hours" */
- esc_html( sprintf( __( '%s ago', 'prautoblogger' ), $time_ago ) ),
- '' !== $last_source_used ? esc_html( sprintf( __( 'via %s', 'prautoblogger' ), $last_source_used ) ) : ''
- );
- }
-
- echo '