mirror of
https://github.com/adminlove520/AI-Account-Toolkit.git
synced 2026-05-14 09:17:38 +08:00
121 lines
4.9 KiB
HTML
121 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Auto Register 2925</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="sidepanel.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="header-left">
|
|
<div class="header-title-row">
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M8 6h13"></path>
|
|
<path d="M8 12h13"></path>
|
|
<path d="M8 18h13"></path>
|
|
<path d="M3 6h.01"></path>
|
|
<path d="M3 12h.01"></path>
|
|
<path d="M3 18h.01"></path>
|
|
</svg>
|
|
<h1>AutoRegister</h1>
|
|
</div>
|
|
</div>
|
|
<div class="header-actions">
|
|
<div class="run-group">
|
|
<input type="number" id="input-run-count" class="run-count-input" value="1" min="1" max="999" title="次数">
|
|
<button id="btn-toggle-run" class="btn btn-success" type="button">
|
|
<span class="btn-icon" aria-hidden="true">
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"/></svg>
|
|
</span>
|
|
<span id="btn-toggle-run-label">开始</span>
|
|
</button>
|
|
</div>
|
|
<button id="btn-refresh" class="btn btn-ghost" type="button" title="刷新状态">
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<polyline points="1 4 1 10 7 10"></polyline>
|
|
<path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<section id="data-section">
|
|
<div class="data-card">
|
|
<div class="data-row">
|
|
<span class="data-label">VPS</span>
|
|
<input type="text" id="input-vps-url" class="data-input" placeholder="http://ip:port/management.html#/oauth">
|
|
</div>
|
|
<div class="data-row">
|
|
<span class="data-label">Mail 类型</span>
|
|
<select id="select-mail-provider" class="data-select">
|
|
<option value="2925">2925 邮箱</option>
|
|
<option value="ddg">DDG</option>
|
|
</select>
|
|
</div>
|
|
<div class="data-row" id="row-main-email">
|
|
<span class="data-label">主邮箱</span>
|
|
<input type="text" id="input-main-email" class="data-input" placeholder="例如 jariviswang@2925.com">
|
|
<select id="select-ddg-mailbox-provider" class="data-select hidden">
|
|
<option value="qq">QQ邮箱</option>
|
|
<option value="163">163邮箱</option>
|
|
<option value="2925">2925邮箱</option>
|
|
</select>
|
|
</div>
|
|
<div class="data-row">
|
|
<span class="data-label">Email</span>
|
|
<input type="text" id="input-email" class="data-input mono" placeholder="运行时自动生成注册邮箱" readonly>
|
|
</div>
|
|
<div class="data-row">
|
|
<span class="data-label">Password</span>
|
|
<div class="data-inline">
|
|
<input type="password" id="input-password" class="data-input mono" placeholder="留空则自动生成 OpenAI 密码">
|
|
<button id="btn-toggle-password" class="btn btn-outline btn-sm" type="button">Show</button>
|
|
</div>
|
|
</div>
|
|
<div class="data-row">
|
|
<span class="data-label">OAuth</span>
|
|
<input type="text" id="input-oauth-url" class="data-input mono" placeholder="可手动填写 OAuth 链接，也可由 Step 5 自动获取">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="status-bar" class="status-bar idle">
|
|
<div class="status-main">
|
|
<div class="status-dot"></div>
|
|
<span id="display-status">就绪</span>
|
|
</div>
|
|
<div id="display-run-summary" class="status-summary hidden">
|
|
<span id="display-run-success" class="status-stat success">成功 0</span>
|
|
<span id="display-run-failure" class="status-stat failure">失败 0</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="steps-section">
|
|
<div class="steps-header">
|
|
<span class="section-label">Workflow</span>
|
|
<div class="steps-actions">
|
|
<button id="btn-workflow-continue" class="btn btn-primary btn-xs workflow-continue hidden" type="button">继续</button>
|
|
<span id="steps-progress" class="steps-progress">0 / 8</span>
|
|
</div>
|
|
</div>
|
|
<div id="steps-list" class="steps-list"></div>
|
|
</section>
|
|
|
|
<section id="log-section">
|
|
<div class="log-header">
|
|
<span class="section-label">Console</span>
|
|
<button id="btn-clear-log" class="btn btn-ghost btn-xs" type="button">Clear</button>
|
|
</div>
|
|
<div id="log-area"></div>
|
|
</section>
|
|
|
|
<div id="toast-container"></div>
|
|
<script src="sidepanel.js"></script>
|
|
</body>
|
|
</html>
|