4554a4cfd2
- 新增组件加载器实现动态加载HTML组件 - 重构导航功能，添加滚动到顶部功能 - 新增多个UI组件：header、sidebar、logs、usage等 - 实现移动端菜单响应式设计 - 优化DOM元素获取方式，使用延迟加载 - 新增系统监控模块和用量缓存功能 - 扩展静态文件服务支持/components路径 - 实现插件管理和系统API接口 - 添加配置上传和管理功能 - 完善认证和token管理机制
46 lines
No EOL
1.7 KiB
HTML
46 lines
No EOL
1.7 KiB
HTML
<link rel="stylesheet" href="components/section-providers.css">
|
|
<!-- Provider Pools Section -->
|
|
<section id="providers" class="section" aria-labelledby="providers-title">
|
|
<h2 id="providers-title" data-i18n="providers.title">提供商池管理</h2>
|
|
<div class="pool-description">
|
|
<div class="highlight-note">
|
|
<i class="fas fa-info-circle"></i>
|
|
<span data-i18n="providers.note">使用默认路径配置需添加一个空节点</span>
|
|
</div>
|
|
</div>
|
|
<!-- Provider Pool Stats -->
|
|
<div class="stats-grid">
|
|
<div class="stat-card">
|
|
<div class="stat-icon">
|
|
<i class="fas fa-server"></i>
|
|
</div>
|
|
<div class="stat-info">
|
|
<h3 id="activeConnections">0</h3>
|
|
<p data-i18n="providers.activeConnections">活动连接</p>
|
|
</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-icon">
|
|
<i class="fas fa-network-wired"></i>
|
|
</div>
|
|
<div class="stat-info">
|
|
<h3 id="activeProviders">0</h3>
|
|
<p data-i18n="providers.activeProviders">活跃提供商</p>
|
|
</div>
|
|
</div>
|
|
<div class="stat-card">
|
|
<div class="stat-icon">
|
|
<i class="fas fa-check-circle"></i>
|
|
</div>
|
|
<div class="stat-info">
|
|
<h3 id="healthyProviders">0</h3>
|
|
<p data-i18n="providers.healthyProviders">健康提供商</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="providers-container">
|
|
<div id="providersList" class="providers-list">
|
|
<!-- Providers will be loaded here -->
|
|
</div>
|
|
</div>
|
|
</section> |