Victor_Jay
39d13993ba
- P0 DIP+ISP: 全链路注入接口，消除零接口紧耦合 - P0 URL: auth 301→302，修复登出后浏览器缓存陷阱 - P1 DRY: JWT 认证逻辑收敛至 TokenService+中间件 - P2 DRY: 前后端角色/状态映射统一为 model 常量 - P2 LoD: 新增 SettingsController，router 不再跨层调 repo - P2 URL: settings ?tab= → /settings/:tab 伪静态 - P3 OCP: 角色权限 map 化，告别硬编码 switch
106 lines
4.3 KiB
HTML
106 lines
4.3 KiB
HTML
{{template "layout/header.html" .}}
|
|
<body>
|
|
|
|
{{template "layout/nav.html" .}}
|
|
|
|
<div class="settings-layout">
|
|
<aside class="settings-sidebar">
|
|
<nav class="settings-nav">
|
|
<a href="/settings/profile"
|
|
class="settings-nav-item {{if eq .ActiveTab "profile"}}active{{end}}">
|
|
<svg class="settings-nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<circle cx="12" cy="8" r="4"/><path d="M4 20c0-4 4-7 8-7s8 3 8 7"/>
|
|
</svg>
|
|
个人资料
|
|
</a>
|
|
<a href="/settings/account"
|
|
class="settings-nav-item {{if eq .ActiveTab "account"}}active{{end}}">
|
|
<svg class="settings-nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
|
|
<path d="M7 11V7a5 5 0 0 1 10 0v4"/>
|
|
<circle cx="12" cy="16" r="1"/>
|
|
</svg>
|
|
账号信息
|
|
</a>
|
|
</nav>
|
|
</aside>
|
|
|
|
<main class="settings-main">
|
|
{{if eq .ActiveTab "profile"}}
|
|
<!-- 个人资料 -->
|
|
<div class="settings-card">
|
|
<div class="settings-card-header">
|
|
<h2>个人资料</h2>
|
|
<p class="settings-card-desc">你的公开信息和基本资料</p>
|
|
</div>
|
|
<div class="settings-card-body">
|
|
<div class="info-row">
|
|
<span class="info-label">用户名</span>
|
|
<span class="info-value">{{.User.Username}}</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">头像</span>
|
|
<span class="info-value">
|
|
{{if .User.Avatar}}
|
|
<img src="{{.User.Avatar}}" alt="avatar" class="avatar-preview">
|
|
{{else}}
|
|
<span class="info-muted">未设置</span>
|
|
{{end}}
|
|
</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">简介</span>
|
|
<span class="info-value{{if not .User.Bio}} info-muted{{end}}">
|
|
{{if .User.Bio}}{{.User.Bio}}{{else}}未填写{{end}}
|
|
</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">角色</span>
|
|
<span class="info-value">
|
|
<span class="role-tag role-{{.User.Role}}">{{.RoleName}}</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{else}}
|
|
<!-- 账号信息 -->
|
|
<div class="settings-card">
|
|
<div class="settings-card-header">
|
|
<h2>账号信息</h2>
|
|
<p class="settings-card-desc">账号安全和基本状态</p>
|
|
</div>
|
|
<div class="settings-card-body">
|
|
<div class="info-row">
|
|
<span class="info-label">用户 ID</span>
|
|
<span class="info-value info-mono">{{.User.ID}}</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">邮箱</span>
|
|
<span class="info-value">{{.User.Email}}</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">账号状态</span>
|
|
<span class="info-value">
|
|
<span class="status-badge status-{{.User.Status}}">{{.StatusName}}</span>
|
|
</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">注册时间</span>
|
|
<span class="info-value">{{.User.CreatedAt.Format "2006-01-02 15:04:05"}}</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="info-label">最后更新</span>
|
|
<span class="info-value">{{.User.UpdatedAt.Format "2006-01-02 15:04:05"}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</main>
|
|
</div>
|
|
|
|
{{template "layout/footer.html" .}}
|
|
|
|
<script src="/static/js/common.js"></script>
|
|
</body>
|
|
</html>
|