267 lines
16 KiB
HTML
267 lines
16 KiB
HTML
<div class="row tile">
|
||
<div class="col-md-12 col-md-auto">
|
||
<div class="ibox float-e-margins">
|
||
<h3 class="ibox-title" langtag="page-edit"></h3>
|
||
<div class="ibox-content">
|
||
<form class="form-horizontal">
|
||
<input name="id" type="hidden" value="{{.t.Id}}">
|
||
<div class="form-group">
|
||
<label class="control-label font-bold" langtag="word-scheme"></label>
|
||
<div class="col-sm-12">
|
||
<span class="help-block m-b-none font-bold" langtag="word-usecase"></span>:
|
||
<span id="usecase">
|
||
<span id="casetcp" langtag="info-casetcp"></span>
|
||
<span id="caseudp" langtag="info-caseudp"></span>
|
||
<span id="casehttpProxy" langtag="info-casehttpproxy"></span>
|
||
<span id="casesocks5" langtag="info-casesocks5"></span>
|
||
<span id="casemixProxy" langtag="info-casemixproxy"></span>
|
||
<span id="casesecret" langtag="info-casesecret"></span>
|
||
<span id="casep2p" langtag="info-casep2p"></span>
|
||
<span id="casefile" langtag="info-casefile"></span>
|
||
</span>
|
||
<select class="form-control selectpicker" id="type" name="type">
|
||
<option value="tcp" langtag="scheme-tcp"></option>
|
||
<option value="udp" langtag="scheme-udp"></option>
|
||
<option value="mixProxy" langtag="scheme-mixProxy"></option>
|
||
{{/*<option value="httpProxy" langtag="scheme-httpProxy"></option>*/}}
|
||
{{/*<option value="socks5" langtag="scheme-socks5"></option>*/}}
|
||
<option value="secret" langtag="scheme-secret"></option>
|
||
<option value="p2p" langtag="scheme-p2p"></option>
|
||
{{/*<option value="file" langtag="scheme-file"></option>*/}}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group" id="client_id">
|
||
<label class="control-label font-bold" langtag="word-clientid"></label>
|
||
<div class="col-sm-12">
|
||
<select class="form-control" name="client_id" data-live-search="true"></select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label font-bold" langtag="word-remark"></label>
|
||
<div class="col-sm-12">
|
||
<input class="form-control" langtag="info-unrestricted" name="remark" placeholder="" type="text" value="{{.t.Remark}}">
|
||
</div>
|
||
</div>
|
||
{{if eq true .allow_multi_ip}}
|
||
<div class="form-group" id="server_ip">
|
||
<label class="control-label font-bold" langtag="word-serverip"></label>
|
||
<div class="col-sm-12">
|
||
<input class="form-control" langtag="info-suchasip" name="server_ip" placeholder="" type="text" value="{{.t.ServerIp}}">
|
||
</div>
|
||
</div>
|
||
{{end}}
|
||
<div class="form-group" id="port">
|
||
<label class="control-label font-bold" langtag="word-serverport"></label>
|
||
<div class="col-sm-12">
|
||
<input class="form-control" langtag="info-suchasport" name="port" placeholder="" type="text" value="{{.t.Port}}">
|
||
</div>
|
||
</div>
|
||
<div class="form-group" id="mix_proxy">
|
||
<label class="control-label font-bold" langtag="scheme-mixproxy"></label>
|
||
<div class="col-sm-12">
|
||
<input name="enable_http" type="checkbox" value="1" {{if .t.HttpProxy}}checked{{end}}>
|
||
<span class="help-block m-b-none" langtag="word-enablehttpproxy"></span>
|
||
</div>
|
||
<div class="col-sm-12">
|
||
<input name="enable_socks5" type="checkbox" value="1" {{if .t.Socks5Proxy}}checked{{end}}>
|
||
<span class="help-block m-b-none" langtag="word-enablesocks5proxy"></span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group" id="flow_reset">
|
||
<label class="control-label font-bold" langtag="word-flowreset"></label>
|
||
<div class="col-sm-12">
|
||
<input name="flow_reset" type="checkbox" value="1">
|
||
<span class="help-block m-b-none" langtag="info-flowreset"></span>
|
||
</div>
|
||
</div>
|
||
{{if eq true .allow_flow_limit}}
|
||
<div class="form-group" id="flow_limit">
|
||
<label class="control-label font-bold" langtag="word-flowlimit"></label>
|
||
<div class="col-sm-12">
|
||
<input class="form-control" langtag="info-unrestricted" name="flow_limit" placeholder="" type="text" value="{{.t.Flow.FlowLimit}}">
|
||
<span class="help-block m-b-none" langtag="word-unit"></span>: M
|
||
</div>
|
||
</div>
|
||
{{end}}
|
||
{{if eq true .allow_time_limit}}
|
||
<div class="form-group" id="time_limit">
|
||
<label class="control-label font-bold" langtag="word-timelimit"></label>
|
||
<div class="col-sm-12">
|
||
<input class="form-control" id="time_limit_input" langtag="info-unrestricted" name="time_limit" placeholder="" type="text" value="{{.t.Flow.TimeLimit}}">
|
||
<span class="help-block m-b-none" langtag="info-timelimit"></span>
|
||
</div>
|
||
</div>
|
||
{{end}}
|
||
<div class="form-group" id="proxy_protocol">
|
||
<label class="control-label font-bold" langtag="word-proxyprotocol"></label>
|
||
<div class="col-sm-12">
|
||
<select class="form-control selectpicker" name="proxy_protocol">
|
||
<option value="0" {{if eq .t.Target.ProxyProtocol 0}}selected{{end}} langtag="word-disable"></option>
|
||
<option value="1" {{if eq .t.Target.ProxyProtocol 1}}selected{{end}} langtag="word-proxyprotocolv1"></option>
|
||
<option value="2" {{if eq .t.Target.ProxyProtocol 2}}selected{{end}} langtag="word-proxyprotocolv2"></option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
{{if eq true .allow_local_proxy}}
|
||
<div class="form-group" id="local_proxy">
|
||
<label class="control-label font-bold" langtag="word-proxytolocal"></label>
|
||
<div class="col-sm-12">
|
||
<select class="form-control selectpicker" name="local_proxy">
|
||
<option {{if eq false .t.Target.LocalProxy}}selected{{end}} value="0" langtag="word-no"></option>
|
||
<option {{if eq true .t.Target.LocalProxy}}selected{{end}} value="1" langtag="word-yes"></option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
{{end}}
|
||
<div class="form-group" id="auth">
|
||
<label class="control-label font-bold" langtag="word-auth"></label>
|
||
<div class="col-sm-12">
|
||
<textarea class="form-control" langtag="info-suchasauth" name="auth" placeholder="" rows="4">{{.auth}}</textarea>
|
||
<span class="help-block m-b-none" langtag="info-targetauth"></span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group" id="target">
|
||
<label class="control-label font-bold" langtag="word-target"></label>
|
||
<div class="col-sm-12">
|
||
<textarea class="form-control" langtag="info-suchasiplist" name="target" placeholder="" rows="4">{{.t.Target.TargetStr}}</textarea>
|
||
<span class="help-block m-b-none" langtag="info-targettunnel"></span>
|
||
</div>
|
||
</div>
|
||
<div class="form-group" id="local_path">
|
||
<label class="control-label font-bold" langtag="word-localpath"></label>
|
||
<div class="col-sm-12">
|
||
<input class="form-control" langtag="info-suchaslocalpath" name="local_path" placeholder="" type="text" value="{{.t.LocalPath}}">
|
||
</div>
|
||
</div>
|
||
<div class="form-group" id="strip_pre">
|
||
<label class="control-label font-bold" langtag="word-stripprefix"></label>
|
||
<div class="col-sm-12">
|
||
<input class="form-control" langtag="info-suchasstripprefix" name="strip_pre" placeholder="" type="text" value="{{.t.StripPre}}">
|
||
</div>
|
||
</div>
|
||
<div class="form-group" id="password">
|
||
<label class="control-label font-bold" langtag="word-identificationkey"></label>
|
||
<div class="col-sm-12">
|
||
<input class="form-control" langtag="word-identificationkey" name="password" placeholder="" type="text" value="{{.t.Password}}">
|
||
<span class="help-block m-b-none" langtag="info-identificationkey"></span>
|
||
</div>
|
||
</div>
|
||
<div class="hr-line-dashed"></div>
|
||
<div class="form-group">
|
||
<div class="col-lg-12 col-sm-offset-2">
|
||
<button class="btn btn-secondary" onclick="goback()" type="button">
|
||
<i class="fa fa-fw fa-lg fa-window-close"></i> <span langtag="word-cancel"></span>
|
||
</button>
|
||
<button class="btn btn-success" onclick="submitform('edit', '{{.web_base_url}}/index/edit', $('form').serializeArray())" type="button">
|
||
<i class="fa fa-fw fa-lg fa-check-circle"></i> <span langtag="word-save"></span>
|
||
</button>
|
||
<button class="btn btn-warning" onclick="if ($('input[name=\'port\']').val() == '{{.t.Port}}') $('input[name=\'port\']').val(0); submitform('add', '{{.web_base_url}}/index/add', $('form').serializeArray())" type="button">
|
||
<i class="fa fa-fw fa-lg fa-check-circle"></i> <span langtag="word-add"></span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
var arr = []
|
||
arr["all"] = ["auth", "server_ip", "port", "target", "password", "flow_reset", "flow_limit", "time_limit", "mix_proxy", "local_path", "strip_pre", "proxy_protocol", "local_proxy"]
|
||
arr["tcp"] = ["client_id", "port", "target", "proxy_protocol", "local_proxy", "server_ip", "flow_reset", "flow_limit", "time_limit"]
|
||
arr["udp"] = ["client_id", "port", "target", "local_proxy", "server_ip", "flow_reset", "flow_limit", "time_limit"]
|
||
arr["mixProxy"] = ["auth", "client_id", "port", "server_ip", "mix_proxy", "flow_reset", "flow_limit", "time_limit"]
|
||
//arr["socks5"] = ["auth", "client_id", "port", "server_ip", "flow_reset", "flow_limit", "time_limit"]
|
||
//arr["httpProxy"] = ["auth", "client_id", "port", "server_ip", "flow_reset", "flow_limit", "time_limit"]
|
||
arr["secret"] = ["client_id", "target", "password", "flow_reset", "flow_limit", "time_limit"]
|
||
arr["p2p"] = ["client_id", "target", "password", "flow_reset", "flow_limit", "time_limit"]
|
||
arr["file"] = ["client_id", "port", "local_path", "strip_pre", "server_ip", "flow_reset", "flow_limit", "time_limit"]
|
||
|
||
function resetForm() {
|
||
$(".form-group[id]").css("display", "none");
|
||
$("#usecase span").css("display", "none");
|
||
o = $("#type").val();
|
||
$('#case' + o).css("display", "inline")
|
||
for (var i = 0; i < arr[o].length; i++) {
|
||
$("#" + arr[o][i]).css("display", "block")
|
||
}
|
||
}
|
||
|
||
$(function () {
|
||
$("#type").val('{{.t.Mode}}');
|
||
resetForm()
|
||
$("#type").on("change", function () {
|
||
resetForm()
|
||
})
|
||
$("#use_client").on("change", function () {
|
||
resetForm()
|
||
})
|
||
});
|
||
|
||
function getClientList() {
|
||
const clientId = "{{if .t.Client.Id}}{{.t.Client.Id}}{{else}}{{.client_id}}{{end}}"; // 根据优先级选择
|
||
$("select[name='client_id']").selectpicker({
|
||
liveSearch: true,
|
||
source: {
|
||
data: function (callback, page) {
|
||
$.ajax({
|
||
method: 'POST',
|
||
url: "{{.web_base_url}}/client/list",
|
||
dataType: 'json',
|
||
data: { order: "asc", offset: 0, limit: 0 },
|
||
success: function(response) {
|
||
// 转换数据格式（必须包含 `value` 和 `text`）
|
||
const results = $.map(response.rows, function(item) {
|
||
let displayText = item.Remark ? item.Id + ' · ' + item.Remark : item.Id.toString();
|
||
return {
|
||
value: item.Id, // 选项的 value
|
||
text: displayText, // 选项的显示文本
|
||
selected: item.Id == clientId // 默认选中
|
||
};
|
||
});
|
||
callback(results); // 返回给 selectpicker
|
||
},
|
||
error: function() {
|
||
callback([]); // 出错时返回空数组
|
||
}
|
||
});
|
||
},
|
||
search: function (callback, page, searchTerm) {
|
||
let data = { search: searchTerm, order: "asc", offset: 0, limit: 0 };
|
||
$.ajax({
|
||
method: 'POST',
|
||
url: "{{.web_base_url}}/client/list",
|
||
data: data,
|
||
dataType: 'json',
|
||
success: function(response) {
|
||
// 转换数据格式（必须包含 `value` 和 `text`）
|
||
const results = $.map(response.rows, function(item) {
|
||
let displayText = item.Remark ? item.Id + ' · ' + item.Remark : item.Id.toString();
|
||
return {
|
||
value: item.Id, // 选项的 value
|
||
text: displayText, // 选项的显示文本
|
||
selected: item.Id == clientId // 默认选中
|
||
};
|
||
});
|
||
callback(results); // 返回给 selectpicker
|
||
},
|
||
error: function() {
|
||
callback([]); // 出错时返回空数组
|
||
}
|
||
});
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
function internationalized(current) {
|
||
$.fn.selectpicker.defaults = {
|
||
noneSelectedText: languages['content']['bootstrap-select']['noneSelectedText'][current],
|
||
noneResultsText: languages['content']['bootstrap-select']['noneResultsText'][current]
|
||
};
|
||
getClientList();
|
||
}
|
||
</script>
|