64a17aa203
Unified CSS architecture for all module settings pages: - Created assets/css/components/module-layout.css with wpmind-module-* naming - Replaced scattered wpmind-geo-*, wpmind-mi-* shared classes across modules - Scoped all module JS selectors to their panel containers (prevents cross-module interference) - Each module CSS now contains only module-specific styles - Bumped version to 3.11.1 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
219 lines
7.5 KiB
PHP
219 lines
7.5 KiB
PHP
<?php
|
||
/**
|
||
* WPMind 服务配置 Tab
|
||
*
|
||
* 包含：AI 服务端点 + 全局设置
|
||
*
|
||
* @package WPMind
|
||
* @since 2.0.0
|
||
*/
|
||
|
||
// 防止直接访问
|
||
defined( 'ABSPATH' ) || exit;
|
||
|
||
// 获取数据
|
||
$wpmind_instance = \WPMind\wpmind();
|
||
$endpoints = $wpmind_instance->get_custom_endpoints();
|
||
$default_provider = get_option( 'wpmind_default_provider', '' );
|
||
$request_timeout = get_option( 'wpmind_request_timeout', 60 );
|
||
?>
|
||
|
||
<div class="wpmind-module-header">
|
||
<h2 class="wpmind-module-title">
|
||
<span class="dashicons ri-cloud-line"></span>
|
||
<?php esc_html_e( '服务配置', 'wpmind' ); ?>
|
||
</h2>
|
||
</div>
|
||
|
||
<p class="wpmind-module-desc">
|
||
<?php esc_html_e( '配置 AI 服务端点和 API 密钥，支持 OpenAI、Anthropic、Google 及国内主流 AI 服务。', 'wpmind' ); ?>
|
||
</p>
|
||
|
||
<form method="post" action="options.php" id="wpmind-settings-form">
|
||
<?php settings_fields( 'wpmind_settings' ); ?>
|
||
|
||
<h2 class="title">
|
||
<span class="dashicons ri-settings-3-line"></span>
|
||
<?php esc_html_e( '全局设置', 'wpmind' ); ?>
|
||
</h2>
|
||
<table class="form-table" role="presentation">
|
||
<tr>
|
||
<th scope="row">
|
||
<label for="wpmind_request_timeout">
|
||
<?php esc_html_e( '请求超时', 'wpmind' ); ?>
|
||
</label>
|
||
</th>
|
||
<td>
|
||
<input type="number"
|
||
id="wpmind_request_timeout"
|
||
name="wpmind_request_timeout"
|
||
value="<?php echo esc_attr( $request_timeout ); ?>"
|
||
min="10"
|
||
max="300"
|
||
step="1"
|
||
class="small-text">
|
||
<span class="description">
|
||
<?php esc_html_e( '秒 (建议 60-120)', 'wpmind' ); ?>
|
||
</span>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th scope="row">
|
||
<label for="wpmind_default_provider">
|
||
<?php esc_html_e( '默认服务', 'wpmind' ); ?>
|
||
</label>
|
||
</th>
|
||
<td>
|
||
<select id="wpmind_default_provider" name="wpmind_default_provider">
|
||
<option value="">
|
||
<?php esc_html_e( '— 选择默认服务 —', 'wpmind' ); ?>
|
||
</option>
|
||
<?php foreach ( $endpoints as $key => $endpoint ) : ?>
|
||
<option value="<?php echo esc_attr( $key ); ?>"
|
||
<?php selected( $default_provider, $key ); ?>>
|
||
<?php echo esc_html( $endpoint['name'] ); ?>
|
||
</option>
|
||
<?php endforeach; ?>
|
||
</select>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<h2 class="title">
|
||
<span class="dashicons ri-cloud-line"></span>
|
||
<?php esc_html_e( 'AI 服务端点', 'wpmind' ); ?>
|
||
</h2>
|
||
|
||
<div class="wpmind-endpoints-grid">
|
||
<?php foreach ( $endpoints as $key => $endpoint ) :
|
||
$has_api_key = $wpmind_instance->has_api_key( $key );
|
||
$icon_class = \WPMind\Modules\CostControl\UsageTracker::get_provider_icon( $key );
|
||
$icon_color = \WPMind\Modules\CostControl\UsageTracker::get_provider_color( $key );
|
||
?>
|
||
<div class="wpmind-endpoint-card<?php echo ( ! empty( $endpoint['enabled'] ) && $has_api_key ) ? '' : ' is-collapsed'; ?>" id="endpoint-<?php echo esc_attr( $key ); ?>">
|
||
<div class="wpmind-endpoint-header">
|
||
<button type="button" class="wpmind-endpoint-toggle" aria-expanded="<?php echo ( ! empty( $endpoint['enabled'] ) && $has_api_key ) ? 'true' : 'false'; ?>">
|
||
<span class="dashicons ri-arrow-down-s-line"></span>
|
||
</button>
|
||
<i class="<?php echo esc_attr( $icon_class ); ?> wpmind-provider-icon" style="color: <?php echo esc_attr( $icon_color ); ?>;"></i>
|
||
<span class="wpmind-endpoint-name">
|
||
<?php echo esc_html( $endpoint['name'] ); ?>
|
||
</span>
|
||
<code class="wpmind-endpoint-key"><?php echo esc_html( $endpoint['display_name'] ?? $key ); ?></code>
|
||
<?php if ( ! empty( $endpoint['enabled'] ) && $has_api_key ) : ?>
|
||
<span class="wpmind-status wpmind-status-active">
|
||
<?php esc_html_e( '已启用', 'wpmind' ); ?>
|
||
</span>
|
||
<?php endif; ?>
|
||
</div>
|
||
|
||
<div class="wpmind-endpoint-body">
|
||
<table class="form-table" role="presentation">
|
||
<tr>
|
||
<th scope="row"><?php esc_html_e( '启用', 'wpmind' ); ?></th>
|
||
<td>
|
||
<label class="wpmind-toggle">
|
||
<input type="checkbox"
|
||
name="wpmind_custom_endpoints[<?php echo esc_attr( $key ); ?>][enabled]"
|
||
value="1"
|
||
<?php checked( ! empty( $endpoint['enabled'] ) ); ?>>
|
||
<span class="wpmind-toggle-slider"></span>
|
||
<span class="wpmind-toggle-label">
|
||
<?php esc_html_e( '启用此服务', 'wpmind' ); ?>
|
||
</span>
|
||
</label>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th scope="row">
|
||
<label for="api_key_<?php echo esc_attr( $key ); ?>">
|
||
<?php esc_html_e( 'API Key', 'wpmind' ); ?>
|
||
</label>
|
||
</th>
|
||
<td>
|
||
<div class="wpmind-api-key-field">
|
||
<input type="password"
|
||
id="api_key_<?php echo esc_attr( $key ); ?>"
|
||
name="wpmind_custom_endpoints[<?php echo esc_attr( $key ); ?>][api_key]"
|
||
value=""
|
||
class="regular-text"
|
||
autocomplete="new-password"
|
||
placeholder="<?php echo $has_api_key ? '••••••••••••••••' : esc_attr__( '请输入 API Key', 'wpmind' ); ?>">
|
||
<button type="button"
|
||
class="button wpmind-toggle-key"
|
||
data-target="api_key_<?php echo esc_attr( $key ); ?>"
|
||
aria-label="<?php esc_attr_e( '切换密码显示', 'wpmind' ); ?>">
|
||
<span class="dashicons ri-eye-line"></span>
|
||
</button>
|
||
</div>
|
||
<?php if ( $has_api_key ) : ?>
|
||
<label class="wpmind-clear-key">
|
||
<input type="checkbox"
|
||
name="wpmind_custom_endpoints[<?php echo esc_attr( $key ); ?>][clear_api_key]"
|
||
value="1"
|
||
class="wpmind-clear-checkbox">
|
||
<?php esc_html_e( '清除 API Key', 'wpmind' ); ?>
|
||
</label>
|
||
<?php endif; ?>
|
||
<?php if ( ! empty( $endpoint['is_official'] ) ) : ?>
|
||
<p class="description">
|
||
<?php esc_html_e( '此 API Key 将同步到 WordPress AI Client', 'wpmind' ); ?>
|
||
</p>
|
||
<?php endif; ?>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th scope="row"><?php esc_html_e( '连接测试', 'wpmind' ); ?></th>
|
||
<td>
|
||
<button type="button"
|
||
class="button wpmind-test-connection"
|
||
data-provider="<?php echo esc_attr( $key ); ?>"
|
||
<?php echo empty( $endpoint['enabled'] ) ? 'disabled' : ''; ?>>
|
||
<?php esc_html_e( '测试连接', 'wpmind' ); ?>
|
||
</button>
|
||
<span class="wpmind-test-result"></span>
|
||
</td>
|
||
</tr>
|
||
<tr class="wpmind-advanced-row">
|
||
<td colspan="2">
|
||
<button type="button" class="button button-link wpmind-toggle-advanced">
|
||
<span class="dashicons ri-arrow-down-s-line"></span>
|
||
<?php esc_html_e( '高级设置', 'wpmind' ); ?>
|
||
</button>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<!-- 高级设置（默认隐藏） -->
|
||
<table class="form-table wpmind-advanced-settings" style="display: none;">
|
||
<tr>
|
||
<th scope="row">
|
||
<label for="custom_base_url_<?php echo esc_attr( $key ); ?>">
|
||
<?php esc_html_e( '自定义 Base URL', 'wpmind' ); ?>
|
||
</label>
|
||
</th>
|
||
<td>
|
||
<input type="url"
|
||
id="custom_base_url_<?php echo esc_attr( $key ); ?>"
|
||
name="wpmind_custom_endpoints[<?php echo esc_attr( $key ); ?>][custom_base_url]"
|
||
value="<?php echo esc_attr( $endpoint['custom_base_url'] ?? '' ); ?>"
|
||
class="regular-text"
|
||
placeholder="<?php echo esc_attr( $endpoint['base_url'] ); ?>">
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th scope="row"><?php esc_html_e( '支持的模型', 'wpmind' ); ?></th>
|
||
<td class="wpmind-models">
|
||
<?php foreach ( (array) $endpoint['models'] as $model ) : ?>
|
||
<code><?php echo esc_html( $model ); ?></code>
|
||
<?php endforeach; ?>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div><!-- .wpmind-endpoint-body -->
|
||
</div>
|
||
<?php endforeach; ?>
|
||
</div>
|
||
|
||
<?php submit_button( __( '保存设置', 'wpmind' ) ); ?>
|
||
</form>
|
