mirror of
https://github.com/cnlimiter/codex-register.git
synced 2026-05-11 10:00:11 +08:00
163 lines
7.4 KiB
HTML
163 lines
7.4 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>注册控制台 - OpenAI 注册系统</title>
|
|
<link rel="stylesheet" href="/static/css/style.css">
|
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🚀</text></svg>">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<!-- 导航栏 -->
|
|
<nav class="navbar">
|
|
<div class="nav-brand">
|
|
<h1>OpenAI 注册系统</h1>
|
|
</div>
|
|
<div class="nav-links">
|
|
<a href="/" class="nav-link active">注册</a>
|
|
<a href="/accounts" class="nav-link">账号管理</a>
|
|
<a href="/settings" class="nav-link">设置</a>
|
|
</div>
|
|
<button class="theme-toggle" onclick="theme.toggle()" title="切换主题">
|
|
🌙
|
|
</button>
|
|
</nav>
|
|
|
|
<!-- 主内容区 -->
|
|
<main class="main-content">
|
|
<div class="page-header">
|
|
<h2>注册控制台</h2>
|
|
<p class="subtitle">启动新的 OpenAI/Codex CLI 账号注册任务</p>
|
|
</div>
|
|
|
|
<!-- 注册表单 -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3>📝 新建注册任务</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<form id="registration-form">
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label for="email-service">邮箱服务</label>
|
|
<select id="email-service" name="email_service" required>
|
|
<option value="tempmail">Tempmail.lol (临时邮箱)</option>
|
|
<option value="outlook">Outlook</option>
|
|
<option value="custom_domain">自定义域名</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="proxy">代理地址 (可选)</label>
|
|
<input type="text" id="proxy" name="proxy" placeholder="http://127.0.0.1:7890">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label for="reg-mode">注册模式</label>
|
|
<select id="reg-mode" name="reg_mode">
|
|
<option value="single">单次注册</option>
|
|
<option value="batch">批量注册</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="form-group" id="batch-count-group" style="display: none;">
|
|
<label for="batch-count">注册数量 (1-100)</label>
|
|
<input type="number" id="batch-count" name="batch_count" min="1" max="100" value="5">
|
|
</div>
|
|
</div>
|
|
|
|
<div id="batch-options" style="display: none;">
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label for="interval-min">最小间隔 (秒)</label>
|
|
<input type="number" id="interval-min" name="interval_min" min="0" max="300" value="5">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="interval-max">最大间隔 (秒)</label>
|
|
<input type="number" id="interval-max" name="interval_max" min="1" max="600" value="30">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-actions">
|
|
<button type="submit" class="btn btn-primary btn-lg" id="start-btn">
|
|
🚀 开始注册
|
|
</button>
|
|
<button type="button" class="btn btn-secondary" id="cancel-btn" disabled>
|
|
取消任务
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 批量任务状态 -->
|
|
<div class="card" id="batch-status-card" style="display: none;">
|
|
<div class="card-header">
|
|
<h3>📊 批量任务进度</h3>
|
|
<span id="batch-progress" class="status-badge">0/0</span>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="progress-bar-container">
|
|
<div id="progress-bar" class="progress-bar" style="width: 0%"></div>
|
|
</div>
|
|
<div class="batch-stats">
|
|
<span>✅ 成功: <strong id="batch-success">0</strong></span>
|
|
<span>❌ 失败: <strong id="batch-failed">0</strong></span>
|
|
<span>⏳ 剩余: <strong id="batch-remaining">0</strong></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 任务状态 -->
|
|
<div class="card" id="task-status-card" style="display: none;">
|
|
<div class="card-header">
|
|
<h3>⚡ 任务状态</h3>
|
|
<span id="task-status-badge" class="status-badge pending">等待中</span>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="info-grid">
|
|
<div class="info-item">
|
|
<span class="label">任务 ID</span>
|
|
<span id="task-id" class="value">-</span>
|
|
</div>
|
|
<div class="info-item">
|
|
<span class="label">邮箱</span>
|
|
<span id="task-email" class="value">-</span>
|
|
</div>
|
|
<div class="info-item">
|
|
<span class="label">状态</span>
|
|
<span id="task-status" class="value">-</span>
|
|
</div>
|
|
<div class="info-item">
|
|
<span class="label">邮箱服务</span>
|
|
<span id="task-service" class="value">-</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 控制台日志 -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3>💻 控制台日志</h3>
|
|
<button class="btn btn-ghost btn-sm" id="clear-log-btn">清空</button>
|
|
</div>
|
|
<div class="card-body" style="padding: 0;">
|
|
<div id="console-log" class="console-log">
|
|
<div class="log-line info">[系统] 准备就绪，等待开始注册...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
<script src="/static/js/utils.js"></script>
|
|
<script src="/static/js/app.js"></script>
|
|
</body>
|
|
</html>
|