99 lines
4.6 KiB
HTML
99 lines
4.6 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}导入订阅 - RustProxyAdmin{% endblock %}
|
|
{% block page_title %}导入订阅{% endblock %}
|
|
{% block page_desc %}从外部订阅链接导入节点{% endblock %}
|
|
{% block content %}
|
|
<div class="card">
|
|
<h3>1. 获取订阅内容</h3>
|
|
<div class="form-grid">
|
|
<div class="form-row"><label>订阅 URL</label><input id="i-url" placeholder="https://...（留空则用下方粘贴内容）"></div>
|
|
<div class="form-row"><label>或粘贴内容</label><textarea id="i-content" rows="6" placeholder="Clash YAML / Sing-box JSON / base64 / URI 列表"></textarea></div>
|
|
</div>
|
|
<button class="btn btn-primary" onclick="doParse()">解析</button>
|
|
<span class="muted" id="i-srcinfo"></span>
|
|
</div>
|
|
|
|
<div class="card" id="i-result" style="display:none">
|
|
<h3>2. 预览解析结果 <span class="muted small" id="i-count"></span></h3>
|
|
<div class="toolbar">
|
|
<button class="btn btn-sm" onclick="checkAll(true)">全选</button>
|
|
<button class="btn btn-sm" onclick="checkAll(false)">全不选</button>
|
|
<button class="btn btn-sm" onclick="checkNondup()">只选不重复</button>
|
|
<span class="muted small">红色为与现有条目 (类型,地址) 重复，导入时会自动跳过</span>
|
|
</div>
|
|
<table class="tbl"><thead><tr>
|
|
<th></th><th>名称</th><th>类型</th><th>地址</th><th>状态</th>
|
|
</tr></thead><tbody id="i-tbody"></tbody></table>
|
|
</div>
|
|
|
|
<div class="card" id="i-confirm" style="display:none">
|
|
<h3>3. 确认导入</h3>
|
|
<div class="form-grid">
|
|
<div class="form-row"><label>导入到节点 *</label><select id="i-node"></select></div>
|
|
<div class="form-row"><label>名称前缀</label><input id="i-prefix" placeholder="可选，如 [机场A] "></div>
|
|
</div>
|
|
<button class="btn btn-primary" onclick="doConfirm()">确认导入</button>
|
|
<span class="muted">导入的条目不设置配额，其流量不经过本系统</span>
|
|
</div>
|
|
|
|
<script>
|
|
let parseToken = null;
|
|
let nodes = [];
|
|
|
|
async function doParse() {
|
|
const url = document.getElementById('i-url').value.trim();
|
|
const content = document.getElementById('i-content').value.trim();
|
|
if (!url && !content) return toast('请填写订阅 URL 或粘贴内容', true);
|
|
try {
|
|
const d = await api('POST', '/api/import/parse', { url: url || null, content: content || null });
|
|
parseToken = d.parse_token; nodes = d.nodes;
|
|
document.getElementById('i-srcinfo').textContent = `格式：${d.source_type}，解析出 ${d.nodes.length} 个节点`;
|
|
const tb = document.getElementById('i-tbody');
|
|
tb.innerHTML = nodes.map(n => `<tr class="${n.duplicate ? 'dup' : ''}">
|
|
<td><input type="checkbox" data-idx="${n.index}" ${n.duplicate ? '' : 'checked'}></td>
|
|
<td>${esc(n.name)}</td><td>${n.kind}</td>
|
|
<td class="mono small">${esc(n.host)}:${n.port}</td>
|
|
<td>${n.duplicate ? '<span class="badge badge-warn">重复</span>' : '<span class="badge badge-ok">新</span>'}</td>
|
|
</tr>`).join('');
|
|
document.getElementById('i-result').style.display = 'block';
|
|
document.getElementById('i-confirm').style.display = 'block';
|
|
updateCount();
|
|
const ns = await api('GET', '/api/nodes');
|
|
document.getElementById('i-node').innerHTML = (ns.items || ns).map(x =>
|
|
`<option value="${x.id}">${esc(x.name)}</option>`).join('');
|
|
} catch (e) { toast(e.message || '解析失败', true); }
|
|
}
|
|
function checkAll(v) {
|
|
document.querySelectorAll('#i-tbody input[type=checkbox]').forEach(c => c.checked = v);
|
|
updateCount();
|
|
}
|
|
function checkNondup() {
|
|
document.querySelectorAll('#i-tbody input[type=checkbox]').forEach((c, i) => c.checked = !nodes[i].duplicate);
|
|
updateCount();
|
|
}
|
|
function updateCount() {
|
|
const n = document.querySelectorAll('#i-tbody input[type=checkbox]:checked').length;
|
|
document.getElementById('i-count').textContent = `已选 ${n} / ${nodes.length}`;
|
|
}
|
|
document.addEventListener('change', e => {
|
|
if (e.target.matches('#i-tbody input[type=checkbox]')) updateCount();
|
|
});
|
|
async function doConfirm() {
|
|
const sel = [];
|
|
document.querySelectorAll('#i-tbody input[type=checkbox]:checked').forEach(c => sel.push(+c.dataset.idx));
|
|
if (!sel.length) return toast('未选择任何节点', true);
|
|
const nodeId = document.getElementById('i-node').value;
|
|
const prefix = document.getElementById('i-prefix').value.trim();
|
|
try {
|
|
const d = await api('POST', '/api/import/confirm', {
|
|
parse_token: parseToken, target_node_id: +nodeId,
|
|
selected: sel, name_prefix: prefix || null,
|
|
});
|
|
toast(`导入完成：新增 ${d.imported}，跳过重复 ${d.skipped}`);
|
|
location.href = '/admin/import/records';
|
|
} catch (e) { toast(e.message || '导入失败', true); }
|
|
}
|
|
</script>
|
|
<style>.dup td { color: #a00; }</style>
|
|
{% endblock %}
|