50 lines
3.2 KiB
HTML
50 lines
3.2 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="theme-color" content="#123c34">
|
|
<title>设置管理 · Daily Digest</title>
|
|
<link rel="stylesheet" href="/styles.css">
|
|
</head>
|
|
<body>
|
|
<header class="topbar">
|
|
<a class="brand" href="/"><span class="brand-mark">D</span><span><strong>Daily Digest</strong><small>每日行业情报</small></span></a>
|
|
<nav><a class="nav-link" href="/">日报</a><a class="nav-link active" href="/settings">设置管理</a></nav>
|
|
</header>
|
|
|
|
<main class="shell settings-shell">
|
|
<section class="page-heading"><div class="eyebrow">CONTROL ROOM</div><h1>推送设置</h1><p>管理日报收件邮箱，为每个邮箱选择一个或多个内容模块。</p></section>
|
|
|
|
<section class="token-card card">
|
|
<div><span class="section-kicker">PRIVATE ACCESS</span><h2>管理令牌</h2><p>令牌只保存在当前浏览器会话中，用于保护邮箱管理接口。</p></div>
|
|
<div class="token-controls"><input id="tokenInput" type="password" autocomplete="off" placeholder="输入服务器 APP_ADMIN_TOKEN"><button id="saveToken" class="button button-dark" type="button">保存令牌</button></div>
|
|
<div id="tokenMessage" class="form-message" role="status"></div>
|
|
</section>
|
|
|
|
<div class="settings-grid">
|
|
<section class="card form-card">
|
|
<div class="card-heading"><div><span class="section-kicker">RECIPIENT</span><h2 id="formTitle">添加收件邮箱</h2></div><button id="cancelEdit" class="text-button hidden" type="button">取消编辑</button></div>
|
|
<form id="recipientForm">
|
|
<input id="recipientId" type="hidden">
|
|
<label>邮箱地址<input id="emailInput" type="email" required placeholder="name@example.com"></label>
|
|
<label>显示名称<span class="optional">可选</span><input id="nameInput" type="text" maxlength="120" placeholder="我的日报"></label>
|
|
<div class="form-row"><label>发送时间<input id="timeInput" type="time" value="07:30"></label><label>时区<input id="timezoneInput" type="text" value="Asia/Shanghai"></label></div>
|
|
<label class="check-line"><input id="allModulesInput" type="checkbox"><span>订阅全部模块</span></label>
|
|
<div class="module-picker"><div class="picker-label">选择推送模块 <span>可多选</span></div><div id="moduleOptions" class="module-options"></div></div>
|
|
<button class="button button-primary full-button" type="submit"><span id="submitLabel">保存邮箱设置</span><span>↗</span></button>
|
|
<div id="formMessage" class="form-message" role="alert"></div>
|
|
</form>
|
|
</section>
|
|
|
|
<section class="card recipients-card">
|
|
<div class="card-heading"><div><span class="section-kicker">DELIVERY LIST</span><h2>已配置邮箱</h2></div><span id="recipientCount" class="count-pill">0</span></div>
|
|
<div id="recipientList" class="recipient-list"><div class="loading-line">正在加载…</div></div>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
<footer class="footer"><span>DAILY DIGEST</span><span>只向已启用邮箱发送日报</span></footer>
|
|
<script src="/settings.js"></script>
|
|
</body>
|
|
</html>
|