144 lines
5.3 KiB
HTML
144 lines
5.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Git Sync 控制台</title>
|
||
<link rel="stylesheet" href="/style.css">
|
||
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.umd.min.js"></script>
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<div class="brand"><span class="brand-dot"></span>Git Sync 控制台</div>
|
||
<div class="header-actions">
|
||
<span id="conn" class="conn">连接中…</span>
|
||
<button class="btn" id="btn-sync-all">全部同步</button>
|
||
<button class="btn btn-primary" id="btn-new">＋ 新建配置</button>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<div id="grid" class="grid"></div>
|
||
<div id="empty" class="empty" hidden>
|
||
<p>还没有任何仓库配置。</p>
|
||
<button class="btn btn-primary" id="btn-empty-new">创建第一个配置</button>
|
||
</div>
|
||
</main>
|
||
|
||
<div id="modal" class="modal" hidden>
|
||
<div class="modal-box">
|
||
<div class="modal-head">
|
||
<h2 id="m-title">详情</h2>
|
||
<button class="btn-icon" id="m-close" title="关闭">✕</button>
|
||
</div>
|
||
<div class="tabs" id="m-tabs">
|
||
<button data-tab="log" class="tab active">日志</button>
|
||
<button data-tab="history" class="tab">历史</button>
|
||
<button data-tab="conflict" class="tab">冲突</button>
|
||
<button data-tab="stats" class="tab">统计</button>
|
||
<button data-tab="config" class="tab">配置</button>
|
||
</div>
|
||
<div class="tab-body">
|
||
<div id="tab-log" class="tab-pane">
|
||
<pre id="logbox" class="logbox">加载中…</pre>
|
||
</div>
|
||
<div id="tab-history" class="tab-pane" hidden>
|
||
<div id="commit-list" class="commit-list">加载中…</div>
|
||
</div>
|
||
<div id="tab-conflict" class="tab-pane" hidden>
|
||
<div class="conflict-actions">
|
||
<button class="btn btn-danger" id="btn-abort">放弃合并</button>
|
||
<button class="btn btn-primary" id="btn-resolved">我已在本地解决，继续</button>
|
||
</div>
|
||
<div id="conflict-list"></div>
|
||
</div>
|
||
<div id="tab-stats" class="tab-pane" hidden>
|
||
<div id="stat-summary" class="stat-summary"></div>
|
||
<canvas id="stat-chart" height="120"></canvas>
|
||
</div>
|
||
<div id="tab-config" class="tab-pane" hidden>
|
||
<form id="cfg-form" autocomplete="off">
|
||
<div class="form-grid">
|
||
<label>配置名称
|
||
<input name="name" id="f-name" required pattern="[A-Za-z0-9_\-]+" title="仅字母、数字、下划线、连字符">
|
||
</label>
|
||
<label>分支
|
||
<input name="branch" id="f-branch" value="main">
|
||
</label>
|
||
<label class="full">仓库路径
|
||
<input name="repo_path" id="f-path" placeholder="C:\path\to\repo 或 /c/path/to/repo" required>
|
||
</label>
|
||
<label class="full">远程仓库（每行一个，格式 名称=URL）
|
||
<textarea name="remotes" id="f-remotes" rows="3" placeholder="origin=https://github.com/user/repo.git"></textarea>
|
||
</label>
|
||
<label>操作模式
|
||
<select name="mode" id="f-mode">
|
||
<option value="both">both（拉取并推送）</option>
|
||
<option value="push">push（仅推送）</option>
|
||
<option value="pull">pull（仅拉取）</option>
|
||
</select>
|
||
</label>
|
||
<label>检查间隔（秒）
|
||
<input name="interval" id="f-interval" type="number" min="5" value="60">
|
||
</label>
|
||
<label>认证方式
|
||
<select name="auth_method" id="f-auth">
|
||
<option value="ssh">SSH</option>
|
||
<option value="https">HTTPS（支持重试）</option>
|
||
</select>
|
||
</label>
|
||
<label>冲突策略
|
||
<select name="conflict_strategy" id="f-conflict">
|
||
<option value="merge">merge（冲突后等待人工解决）</option>
|
||
<option value="rebase">rebase（变基）</option>
|
||
<option value="abort">abort（冲突后自动放弃）</option>
|
||
</select>
|
||
</label>
|
||
<label>重试次数（HTTPS）
|
||
<input name="retry_count" id="f-retry" type="number" min="0" value="3">
|
||
</label>
|
||
<label>重试间隔（秒，HTTPS）
|
||
<input name="retry_interval" id="f-retry-interval" type="number" min="0" value="5">
|
||
</label>
|
||
<label class="full check-row">
|
||
<input type="checkbox" id="f-autocommit">
|
||
<span>自动提交模式：检测到未提交改动时自动 commit，并随同步推送到远程</span>
|
||
</label>
|
||
<label class="full">Cron 表达式（可选，5 段：分 时 日 月 周；填写后优先于固定间隔）
|
||
<input name="cron" id="f-cron" placeholder="*/30 * * * * 表示每 30 分钟，留空使用固定间隔">
|
||
</label>
|
||
<label class="full">日志文件路径（留空使用默认 logs/配置名.log）
|
||
<input name="log_file" id="f-log">
|
||
</label>
|
||
</div>
|
||
<div class="form-actions">
|
||
<button type="submit" class="btn btn-primary">保存</button>
|
||
<button type="button" class="btn btn-danger" id="btn-delete" hidden>删除配置</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="login" class="modal" hidden>
|
||
<div class="modal-box login-box">
|
||
<div class="modal-head">
|
||
<h2>Git Sync 控制台</h2>
|
||
</div>
|
||
<div class="login-body">
|
||
<label>访问密码
|
||
<input type="password" id="login-password">
|
||
</label>
|
||
<p id="login-err" class="login-err" hidden></p>
|
||
<div class="form-actions">
|
||
<button class="btn btn-primary" id="btn-login">登录</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="/app.js"></script>
|
||
</body>
|
||
</html>
|