mirror of
https://github.com/cnlimiter/codex-register.git
synced 2026-05-12 11:39:57 +08:00
154 lines
6.8 KiB
HTML
154 lines
6.8 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/Codex CLI 自动注册系统</title>
|
|
<link rel="stylesheet" href="/static/css/style.css">
|
|
</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>
|
|
</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" 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">等待中</span>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="task-info">
|
|
<div class="info-row">
|
|
<span class="label">任务 ID:</span>
|
|
<span id="task-id" class="value">-</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="label">邮箱:</span>
|
|
<span id="task-email" class="value">-</span>
|
|
</div>
|
|
<div class="info-row">
|
|
<span class="label">状态:</span>
|
|
<span id="task-status" class="value">-</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 控制台日志 -->
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h3>控制台日志</h3>
|
|
<button class="btn btn-sm" id="clear-log-btn">清空</button>
|
|
</div>
|
|
<div class="card-body">
|
|
<div id="console-log" class="console-log">
|
|
<div class="log-line info">[*] 系统就绪，等待开始注册...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
<script src="/static/js/app.js"></script>
|
|
</body>
|
|
</html>
|