4554a4cfd2
- 新增组件加载器实现动态加载HTML组件 - 重构导航功能，添加滚动到顶部功能 - 新增多个UI组件：header、sidebar、logs、usage等 - 实现移动端菜单响应式设计 - 优化DOM元素获取方式，使用延迟加载 - 新增系统监控模块和用量缓存功能 - 扩展静态文件服务支持/components路径 - 实现插件管理和系统API接口 - 添加配置上传和管理功能 - 完善认证和token管理机制
31 lines
No EOL
2 KiB
HTML
31 lines
No EOL
2 KiB
HTML
<!-- Header -->
|
|
<link rel="stylesheet" href="components/header.css">
|
|
<header class="header">
|
|
<div class="header-content">
|
|
<h1><i class="fas fa-robot"></i> <span class="header-title" data-i18n="header.title">AIClient2API 管理控制台</span></h1>
|
|
<button class="mobile-menu-toggle" id="mobileMenuToggle" aria-label="Menu" title="菜单">
|
|
<i class="fas fa-bars"></i>
|
|
</button>
|
|
<div class="header-controls" id="headerControls">
|
|
<a href="https://pay.ldxp.cn/shop/N0IK02WR" target="_blank" rel="noopener noreferrer" class="kiro-buy-link" title="KIRO账号购买">
|
|
<i class="fas fa-shopping-cart"></i> <span>KIRO账号购买</span>
|
|
</a>
|
|
<span class="status-badge" id="serverStatus">
|
|
<i class="fas fa-circle"></i> <span class="status-text" data-i18n="header.status.connecting">连接中...</span>
|
|
</span>
|
|
<a href="https://github.com/justlovemaki/AIClient-2-API" target="_blank" rel="noopener noreferrer" class="github-link" title="GitHub" data-i18n-title="header.github">
|
|
<i class="fab fa-github"></i>
|
|
</a>
|
|
<button id="themeToggleBtn" class="theme-toggle" aria-label="Toggle Theme" data-i18n-aria-label="header.themeToggle" title="切换主题" data-i18n-title="header.themeToggle">
|
|
<i class="fas fa-moon"></i>
|
|
<i class="fas fa-sun"></i>
|
|
</button>
|
|
<button id="logoutBtn" class="logout-btn" data-i18n="header.logout" title="Logout" data-i18n-title="header.logout">
|
|
<i class="fas fa-sign-out-alt"></i> <span data-i18n="header.logout">登出</span>
|
|
</button>
|
|
<button id="restartBtn" class="logout-btn" aria-label="Restart Service" data-i18n-aria-label="header.restart">
|
|
<i id="restartBtnIcon" class="fas fa-redo"></i> <span id="restartBtnText" class="btn-text" data-i18n="header.restart">重启</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</header> |