add: 国家策略组功能

This commit is contained in:
2024-03-19 21:02:53 +08:00
parent 3c180ae61e
commit 891db1975f
9 changed files with 655 additions and 131 deletions

View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="zh-CN">
<html lang="zh-CN" data-bs-theme="light">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@ -17,73 +17,144 @@
</head>
<body>
<div class="container mt-5">
<h2>sub2sing-box</h2>
<div id="form">
<!-- Subscription -->
<div class="form-group">
<label for="subscription">Subscription:</label>
<textarea
class="form-control"
id="subscription"
name="subscription"
placeholder="一行一个"
></textarea>
</div>
<!-- Proxy -->
<div class="form-group">
<label for="proxy">Proxy:</label>
<textarea
class="form-control"
id="proxy"
name="proxy"
placeholder="一行一个"
></textarea>
</div>
<!-- Delete -->
<div class="form-group">
<label for="delete">Delete:</label>
<input
type="text"
class="form-control"
id="delete"
name="delete"
placeholder="支持正则表达式"
/>
</div>
<!-- Template -->
<div class="form-group">
<label for="template">Template:</label>
<input
type="text"
class="form-control"
id="template"
name="template"
/>
</div>
<!-- Rename -->
<label for="renameContainer">Rename:</label>
<button
type="button"
class="btn btn-primary mb-2"
onclick="addRenameField()"
<div class="container my-5">
<h2>
<a
href="https://github.com/nitezs/sub2sing-box"
target="_blank"
class="text-decoration-none"
>sub2sing-box</a
>
+
</button>
<div id="renameContainer"></div>
</div>
</h2>
<div id="form">
<div class="card my-4">
<div class="card-header">节点</div>
<div class="card-body">
<!-- Subscription -->
<div class="input-group mb-3">
<span class="input-group-text">订阅链接</span>
<textarea
class="form-control"
id="subscription"
name="subscription"
placeholder="一行一个"
></textarea>
</div>
<!-- Output -->
<div class="form-group">
<label for="output">Link:</label>
<textarea class="form-control" id="output" name="output"></textarea>
<!-- Proxy -->
<div class="input-group mb-3">
<span class="input-group-text">节点分享链接</span>
<textarea
class="form-control"
id="proxy"
name="proxy"
placeholder="一行一个"
></textarea>
</div>
<!-- Delete -->
<div class="input-group mb-3">
<span class="input-group-text">删除节点:</span>
<input
type="text"
class="form-control"
id="delete"
name="delete"
placeholder="支持正则表达式"
/>
</div>
<!-- Rename -->
<div class="input-group mb-2">
<span class="input-group-text">重命名节点</span>
<button
type="button"
class="btn btn-primary btn-sm"
onclick="addRenameField()"
>
+
</button>
</div>
<div id="renameContainer"></div>
</div>
</div>
<div class="card my-4">
<div class="card-header">模板</div>
<div class="card-body">
<!-- Template -->
<div class="form-group">
<input
type="text"
class="form-control"
id="template"
name="template"
/>
</div>
</div>
</div>
<div class="card my-4">
<div class="card-header">国家策略组</div>
<div class="card-body">
<!-- Group -->
<div class="form-check">
<input
type="checkbox"
class="form-check-input"
id="group"
name="group"
/>
<label for="group">启用</label>
</div>
<!-- GroupType -->
<div class="input-group mb-3">
<span class="input-group-text">类型</span>
<input
type="text"
class="form-control"
id="group-type"
name="group-type"
value="selector"
/>
</div>
<!-- Sort -->
<div class="input-group mb-3">
<span class="input-group-text">排序依据</span>
<select class="form-select" name="sort" id="sort">
<option value="tag" selected>节点名</option>
<option value="num">节点数量</option>
</select>
</div>
<!-- SortType -->
<div class="input-group">
<span class="input-group-text">排序方式</span>
<select class="form-select" name="sort-type" id="sort-type">
<option value="asc" selected>升序</option>
<option value="desc">降序</option>
</select>
</div>
</div>
</div>
<div class="card">
<div class="card-header">生成链接</div>
<div class="card-body">
<!-- Output -->
<div class="form-group">
<textarea
class="form-control"
id="output"
name="output"
></textarea>
</div>
</div>
</div>
</div>
</div>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
rel="stylesheet"
@ -130,6 +201,10 @@
for (let input of inputs) {
input.addEventListener("input", generateLink);
}
const selects = document.querySelectorAll("#form select");
for (let select of selects) {
select.addEventListener("change", generateLink);
}
}
function cleanLisnter() {
@ -137,14 +212,18 @@
for (let input of inputs) {
input.removeEventListener("input", generateLink);
}
const selects = document.querySelectorAll("#form select");
for (let select of selects) {
select.removeEventListener("change", generateLink);
}
}
function addRenameField() {
cleanLisnter();
const container = document.getElementById("renameContainer");
const fieldHTML = `<div class="rename-group d-flex align-items-center">
<input type="text" class="form-control mr-2" name="rename_from[]" placeholder="Old Name">
<input type="text" class="form-control mr-2" name="rename_to[]" placeholder="New Name">
const fieldHTML = `<div class="rename-group input-group">
<input type="text" class="form-control" name="rename_from[]" placeholder="原字符(支持正则表达式)">
<input type="text" class="form-control" name="rename_to[]" placeholder="替换字符">
<button type="button" class="btn btn-danger" onclick="removeThisField(this)">-</button>
</div>`;
container.insertAdjacentHTML("beforeend", fieldHTML);
@ -176,6 +255,10 @@
document.getElementsByName("rename_to[]")
).map((input) => input.value);
const output = document.getElementById("output");
const group = document.getElementById("group").checked;
const groupType = document.getElementById("group-type").value;
const sort = document.getElementById("sort").value;
const sortType = document.getElementById("sort-type").value;
let rename = {};
for (let i = 0; i < renameFrom.length; i++) {
@ -189,6 +272,10 @@
delete: deleteRule,
template,
rename,
group,
"group-type": groupType,
sort,
"sort-type": sortType,
};
output.value = `${window.location.origin}/convert?data=${encodeBase64(