np_app/service/account.html

45 lines
2.2 KiB
HTML

<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="stylesheet" href="/static/app-shell.css" />
<title>NUPACK · 账号</title>
</head>
<body data-page="account">
<div class="app">
<aside class="sidebar" id="appNav"></aside>
<main class="main">
<header class="page-header">
<div><h1>账号与用量</h1><p>当前登录身份、存储和计算统计。</p></div>
<div class="header-actions"><a class="button" href="/auth/logout">退出登录</a></div>
</header>
<div class="content">
<section class="stats" aria-label="账号用量">
<div class="stat"><span>任务总数</span><strong id="accountTotal">-</strong></div>
<div class="stat"><span>成功任务</span><strong id="accountSuccess">-</strong></div>
<div class="stat"><span>活跃任务</span><strong id="accountActive">-</strong></div>
<div class="stat"><span>存储占用</span><strong id="accountStorage">-</strong></div>
</section>
<section class="band">
<div class="band-header"><h2>身份信息</h2></div>
<div class="band-body"><dl class="identity" id="identityDetails"><dt>状态</dt><dd>正在载入...</dd></dl></div>
</section>
<section class="band">
<div class="band-header"><h2>计算资源</h2></div>
<div class="band-body"><dl class="identity" id="resourceDetails"><dt>状态</dt><dd>正在载入...</dd></dl></div>
</section>
<section class="band">
<div class="band-header"><h2>系统管理</h2></div>
<div class="band-body settings-actions">
<div><strong>Admin 后台</strong><p class="muted-copy">需要单独的管理密码,不使用账号密码代替。</p></div>
<a class="button" href="/admin">进入 Admin</a>
</div>
</section>
</div>
</main>
</div>
<script type="module" src="/static/portal.js"></script>
</body>
</html>