基于 WPMind 设计系统重构管理界面: - 新增 CSS 变量设计令牌系统 - 新增 Tab 导航布局(更新源/设置/Cloud API/日志) - 新增卡片式更新源列表 - 新增 Toast 通知组件 - 新增统计面板 - 统一按钮、徽章、开关等组件样式 - 响应式布局支持 - 更丰富的 i18n 字符串 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
60 lines
2.6 KiB
PHP
60 lines
2.6 KiB
PHP
<?php
|
|
/**
|
|
* 日志 Tab 内容
|
|
*
|
|
* @package WPBridge
|
|
* @since 0.5.0
|
|
* @var array $logs 日志列表
|
|
*/
|
|
|
|
// 防止直接访问
|
|
if ( ! defined( 'ABSPATH' ) ) {
|
|
exit;
|
|
}
|
|
?>
|
|
|
|
<div class="wpbridge-logs-panel">
|
|
<div class="wpbridge-logs-header">
|
|
<h2 class="wpbridge-logs-title"><?php esc_html_e( '调试日志', 'wpbridge' ); ?></h2>
|
|
<button type="button" class="wpbridge-btn wpbridge-btn-secondary wpbridge-btn-sm wpbridge-clear-logs">
|
|
<span class="dashicons dashicons-trash"></span>
|
|
<?php esc_html_e( '清除日志', 'wpbridge' ); ?>
|
|
</button>
|
|
</div>
|
|
|
|
<?php if ( empty( $logs ) ) : ?>
|
|
<div class="wpbridge-logs-empty">
|
|
<span class="dashicons dashicons-media-text" style="font-size: 32px; width: 32px; height: 32px; color: var(--wpbridge-gray-300);"></span>
|
|
<p><?php esc_html_e( '暂无日志记录', 'wpbridge' ); ?></p>
|
|
<p style="font-size: 12px; color: var(--wpbridge-gray-400);">
|
|
<?php esc_html_e( '启用调试模式后,日志将显示在这里。', 'wpbridge' ); ?>
|
|
</p>
|
|
</div>
|
|
<?php else : ?>
|
|
<div class="wpbridge-logs-list">
|
|
<?php foreach ( array_slice( $logs, 0, 100 ) as $log ) : ?>
|
|
<div class="wpbridge-log-item">
|
|
<span class="wpbridge-log-level <?php echo esc_attr( $log['level'] ); ?>">
|
|
<?php echo esc_html( strtoupper( $log['level'] ) ); ?>
|
|
</span>
|
|
<span class="wpbridge-log-time">
|
|
<?php echo esc_html( $log['time'] ); ?>
|
|
</span>
|
|
<span class="wpbridge-log-message">
|
|
<?php echo esc_html( $log['message'] ); ?>
|
|
<?php if ( ! empty( $log['context'] ) ) : ?>
|
|
<code style="display: block; margin-top: 4px; font-size: 11px; color: var(--wpbridge-gray-500);">
|
|
<?php echo esc_html( wp_json_encode( $log['context'], JSON_UNESCAPED_UNICODE ) ); ?>
|
|
</code>
|
|
<?php endif; ?>
|
|
</span>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
<div style="margin-top: 16px; padding: 16px; background: var(--wpbridge-info-light); font-size: 13px;">
|
|
<strong><?php esc_html_e( '提示', 'wpbridge' ); ?>:</strong>
|
|
<?php esc_html_e( '日志仅在启用调试模式时记录。生产环境建议关闭调试模式以提高性能。', 'wpbridge' ); ?>
|
|
</div>
|