complete show all frp server api info

This commit is contained in:
杨黄林
2023-09-10 15:06:09 +08:00
parent 91c202c786
commit c95ef224d8
7 changed files with 535 additions and 369 deletions

View File

@@ -1,4 +1,91 @@
var loadUserList = (function ($) {
var i18n = {};
var apiType = {
Remove: 1,
Enable: 2,
Disable: 3
};
var verifyRules = {
user: function (value, item) {
var result = verifyUser(value);
if (!result.valid) {
return i18n['UserFormatError'];
}
if (item != null) {
if (typeof item === "function") {
item && item(result.trim);
} else {
$(item).val(result.trim);
}
}
},
token: function (value, item) {
var result = verifyToken(value);
if (!result.valid) {
return i18n['TokenFormatError'];
}
if (item != null) {
if (typeof item === "function") {
item && item(result.trim);
} else {
$(item).val(result.trim);
}
}
},
comment: function (value, item) {
var result = verifyComment(value);
if (!result.valid) {
return i18n['CommentInvalid'];
}
if (item != null) {
if (typeof item === "function") {
item && item(result.trim);
} else {
$(item).val(result.trim);
}
}
},
ports: function (value, item) {
var result = verifyPorts(value);
if (!result.valid) {
return i18n['PortsInvalid'];
}
if (item != null) {
if (typeof item === "function") {
item && item(result.trim);
} else {
$(item).val(result.trim);
}
}
},
domains: function (value, item) {
var result = verifyDomains(value);
if (!result.valid) {
return i18n['DomainsInvalid'];
}
if (item != null) {
if (typeof item === "function") {
item && item(result.trim);
} else {
$(item).val(result.trim);
}
}
},
subdomains: function (value, item) {
var result = verifySubdomains(value);
if (!result.valid) {
return i18n['SubdomainsInvalid'];
}
if (item != null) {
if (typeof item === "function") {
item && item(result.trim);
} else {
$(item).val(result.trim);
}
}
}
};
/**
* verify user value
* @param username
@@ -136,114 +223,32 @@ var loadUserList = (function ($) {
};
}
/**
* set verify rule of layui.form
*/
(function setFormVerifyRule() {
layui.form.set({
verIncludeRequired: true,
verify: verifyRules
});
})();
/**
* load i18n language
* @param lang {{}} language json
* @param title page title
*/
function loadUserList(lang, title) {
i18n = lang;
$("#title").text(title);
var html = layui.laytpl($('#userListTemplate').html()).render();
$('#content').html(html);
var apiType = {
Remove: 1,
Enable: 2,
Disable: 3
}
//set verify rules
var verifyRules = {
user: function (value, item) {
var result = verifyUser(value);
if (!result.valid) {
return lang['UserFormatError'];
}
if (item != null) {
if (typeof item === "function") {
item && item(result.trim);
} else {
$(item).val(result.trim);
}
}
},
token: function (value, item) {
var result = verifyToken(value);
if (!result.valid) {
return lang['TokenFormatError'];
}
if (item != null) {
if (typeof item === "function") {
item && item(result.trim);
} else {
$(item).val(result.trim);
}
}
},
comment: function (value, item) {
var result = verifyComment(value);
if (!result.valid) {
return lang['CommentInvalid'];
}
if (item != null) {
if (typeof item === "function") {
item && item(result.trim);
} else {
$(item).val(result.trim);
}
}
},
ports: function (value, item) {
var result = verifyPorts(value);
if (!result.valid) {
return lang['PortsInvalid'];
}
if (item != null) {
if (typeof item === "function") {
item && item(result.trim);
} else {
$(item).val(result.trim);
}
}
},
domains: function (value, item) {
var result = verifyDomains(value);
if (!result.valid) {
return lang['DomainsInvalid'];
}
if (item != null) {
if (typeof item === "function") {
item && item(result.trim);
} else {
$(item).val(result.trim);
}
}
},
subdomains: function (value, item) {
var result = verifySubdomains(value);
if (!result.valid) {
return lang['SubdomainsInvalid'];
}
if (item != null) {
if (typeof item === "function") {
item && item(result.trim);
} else {
$(item).val(result.trim);
}
}
}
};
layui.form.set({
verIncludeRequired: true,
verify: verifyRules
});
var $section = $('#content > section');
layui.table.render({
elem: '#tokenTable',
height: $section.height() - $('#searchForm').height() + 8,
text: {none: lang['EmptyData']},
text: {none: i18n['EmptyData']},
url: '/tokens',
method: 'get',
where: {},
@@ -254,35 +259,30 @@ var loadUserList = (function ($) {
defaultToolbar: false,
cols: [[
{type: 'checkbox'},
{field: 'user', title: lang['User'], width: 150, sort: true},
{field: 'token', title: lang['Token'], width: 200, sort: true, edit: true},
{field: 'comment', title: lang['Notes'], sort: true, edit: 'textarea'},
{field: 'ports', title: lang['AllowedPorts'], sort: true, edit: 'textarea'},
{field: 'domains', title: lang['AllowedDomains'], sort: true, edit: 'textarea'},
{field: 'subdomains', title: lang['AllowedSubdomains'], sort: true, edit: 'textarea'},
{field: 'user', title: i18n['User'], width: 150, sort: true},
{field: 'token', title: i18n['Token'], width: 200, sort: true, edit: true},
{field: 'comment', title: i18n['Notes'], sort: true, edit: 'textarea'},
{field: 'ports', title: i18n['AllowedPorts'], sort: true, edit: 'textarea'},
{field: 'domains', title: i18n['AllowedDomains'], sort: true, edit: 'textarea'},
{field: 'subdomains', title: i18n['AllowedSubdomains'], sort: true, edit: 'textarea'},
{
field: 'status',
title: lang['Status'],
title: i18n['Status'],
width: 100,
templet: '<span>{{d.status? "' + lang['Enable'] + '":"' + lang['Disable'] + '"}}</span>',
templet: '<span>{{d.status? "' + i18n['Enable'] + '":"' + i18n['Disable'] + '"}}</span>',
sort: true
},
{title: lang['Operation'], width: 150, toolbar: '#userListOperationTemplate'}
{title: i18n['Operation'], width: 150, toolbar: '#userListOperationTemplate'}
]]
});
/**
* update layui table data
* @param obj table update obj
* @param field update field
* @param trim new value
*/
function updateTableField(obj, field, trim) {
var newData = {};
newData[field] = trim;
obj.update(newData);
}
bindFormEvent();
}
/**
* bind event of layui.form
*/
function bindFormEvent() {
layui.table.on('edit(tokenTable)', function (obj) {
var field = obj.field;
var value = obj.value;
@@ -368,6 +368,7 @@ var loadUserList = (function ($) {
break
}
});
layui.table.on('tool(tokenTable)', function (obj) {
var data = obj.data;
switch (obj.event) {
@@ -382,253 +383,267 @@ var loadUserList = (function ($) {
break
}
});
}
/**
* add user popup
*/
function addPopup() {
layui.layer.open({
type: 1,
title: lang['NewUser'],
area: ['500px'],
content: layui.laytpl(document.getElementById('addUserTemplate').innerHTML).render(),
btn: [lang['Confirm'], lang['Cancel']],
btn1: function (index) {
if (layui.form.validate('#addUserForm')) {
add(layui.form.val('addUserForm'), index);
}
},
btn2: function (index) {
/**
* update layui table data
* @param obj table update obj
* @param field update field
* @param trim new value
*/
function updateTableField(obj, field, trim) {
var newData = {};
newData[field] = trim;
obj.update(newData);
}
/**
* add user popup
*/
function addPopup() {
layui.layer.open({
type: 1,
title: i18n['NewUser'],
area: ['500px'],
content: layui.laytpl(document.getElementById('addUserTemplate').innerHTML).render(),
btn: [i18n['Confirm'], i18n['Cancel']],
btn1: function (index) {
if (layui.form.validate('#addUserForm')) {
add(layui.form.val('addUserForm'), index);
}
},
btn2: function (index) {
layui.layer.close(index);
}
});
}
/**
* add user action
* @param data {{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}} user data
* @param index popup index
*/
function add(data, index) {
var loading = layui.layer.load();
$.ajax({
url: '/add',
type: 'post',
contentType: 'application/json',
data: JSON.stringify(data),
success: function (result) {
if (result.success) {
reloadTable();
layui.layer.close(index);
}
});
}
/**
* add user action
* @param data {{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}} user data
* @param index popup index
*/
function add(data, index) {
var loading = layui.layer.load();
$.ajax({
url: '/add',
type: 'post',
contentType: 'application/json',
data: JSON.stringify(data),
success: function (result) {
if (result.success) {
reloadTable();
layui.layer.msg(i18n['OperateSuccess'], function (index) {
layui.layer.close(index);
layui.layer.msg(lang['OperateSuccess'], function (index) {
layui.layer.close(index);
});
} else {
errorMsg(result);
}
},
complete: function () {
layui.layer.close(loading);
});
} else {
errorMsg(result);
}
});
}
},
complete: function () {
layui.layer.close(loading);
}
});
}
/**
* update user action
* @param before {{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}} data before update
* @param after {{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}} data after update
*/
function update(before, after) {
var loading = layui.layer.load();
$.ajax({
url: '/update',
type: 'post',
contentType: 'application/json',
data: JSON.stringify({
before: before,
after: after,
}),
success: function (result) {
if (result.success) {
layui.layer.msg(lang['OperateSuccess']);
} else {
errorMsg(result);
}
},
complete: function () {
layui.layer.close(loading);
/**
* update user action
* @param before {{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}} data before update
* @param after {{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}} data after update
*/
function update(before, after) {
var loading = layui.layer.load();
$.ajax({
url: '/update',
type: 'post',
contentType: 'application/json',
data: JSON.stringify({
before: before,
after: after,
}),
success: function (result) {
if (result.success) {
layui.layer.msg(i18n['OperateSuccess']);
} else {
errorMsg(result);
}
});
}
/**
* batch remove user popup
* @param data {[{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}]} user data list
*/
function batchRemovePopup(data) {
if (data.length === 0) {
layui.layer.msg(lang['ShouldCheckUser']);
return;
},
complete: function () {
layui.layer.close(loading);
}
layui.layer.confirm(lang['ConfirmRemoveUser'], {
title: lang['OperationConfirm'],
btn: [lang['Confirm'], lang['Cancel']]
}, function (index) {
operate(apiType.Remove, data, index);
});
}
});
}
/**
* batch disable user popup
* @param data {[{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}]} user data list
*/
function batchDisablePopup(data) {
if (data.length === 0) {
layui.layer.msg(lang['ShouldCheckUser']);
return;
}
layui.layer.confirm(lang['ConfirmDisableUser'], {
title: lang['OperationConfirm'],
btn: [lang['Confirm'], lang['Cancel']]
}, function (index) {
operate(apiType.Disable, data, index);
});
/**
* batch remove user popup
* @param data {[{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}]} user data list
*/
function batchRemovePopup(data) {
if (data.length === 0) {
layui.layer.msg(i18n['ShouldCheckUser']);
return;
}
layui.layer.confirm(i18n['ConfirmRemoveUser'], {
title: i18n['OperationConfirm'],
btn: [i18n['Confirm'], i18n['Cancel']]
}, function (index) {
operate(apiType.Remove, data, index);
});
}
/**
* batch enable user popup
* @param data {[{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}]} user data list
*/
function batchEnablePopup(data) {
if (data.length === 0) {
layui.layer.msg(lang['ShouldCheckUser']);
return;
}
layui.layer.confirm(lang['ConfirmEnableUser'], {
title: lang['OperationConfirm'],
btn: [lang['Confirm'], lang['Cancel']]
}, function (index) {
operate(apiType.Enable, data, index);
});
/**
* batch disable user popup
* @param data {[{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}]} user data list
*/
function batchDisablePopup(data) {
if (data.length === 0) {
layui.layer.msg(i18n['ShouldCheckUser']);
return;
}
layui.layer.confirm(i18n['ConfirmDisableUser'], {
title: i18n['OperationConfirm'],
btn: [i18n['Confirm'], i18n['Cancel']]
}, function (index) {
operate(apiType.Disable, data, index);
});
}
/**
* remove one user popup
* @param data {{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}} user data
*/
function removePopup(data) {
layui.layer.confirm(lang['ConfirmRemoveUser'], {
title: lang['OperationConfirm'],
btn: [lang['Confirm'], lang['Cancel']]
}, function (index) {
operate(apiType.Remove, [data], index);
});
/**
* batch enable user popup
* @param data {[{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}]} user data list
*/
function batchEnablePopup(data) {
if (data.length === 0) {
layui.layer.msg(i18n['ShouldCheckUser']);
return;
}
layui.layer.confirm(i18n['ConfirmEnableUser'], {
title: i18n['OperationConfirm'],
btn: [i18n['Confirm'], i18n['Cancel']]
}, function (index) {
operate(apiType.Enable, data, index);
});
}
/**
* disable one user popup
* @param data {{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}} user data
*/
function disablePopup(data) {
layui.layer.confirm(lang['ConfirmDisableUser'], {
title: lang['OperationConfirm'],
btn: [lang['Confirm'], lang['Cancel']]
}, function (index) {
operate(apiType.Disable, [data], index);
});
/**
* remove one user popup
* @param data {{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}} user data
*/
function removePopup(data) {
layui.layer.confirm(i18n['ConfirmRemoveUser'], {
title: i18n['OperationConfirm'],
btn: [i18n['Confirm'], i18n['Cancel']]
}, function (index) {
operate(apiType.Remove, [data], index);
});
}
/**
* disable one user popup
* @param data {{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}} user data
*/
function disablePopup(data) {
layui.layer.confirm(i18n['ConfirmDisableUser'], {
title: i18n['OperationConfirm'],
btn: [i18n['Confirm'], i18n['Cancel']]
}, function (index) {
operate(apiType.Disable, [data], index);
});
}
/**
* enable one user popup
* @param data {{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}} user data
*/
function enablePopup(data) {
layui.layer.confirm(i18n['ConfirmEnableUser'], {
title: i18n['OperationConfirm'],
btn: [i18n['Confirm'], i18n['Cancel']]
}, function (index) {
operate(apiType.Enable, [data], index);
});
}
/**
* operate actions
* @param type {apiType} action type
* @param data {[{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}]} user data list
* @param index popup index
*/
function operate(type, data, index) {
var url;
var extendMessage = '';
if (type === apiType.Remove) {
url = "/remove";
extendMessage = ', ' + i18n['RemoveUser'] + i18n['TakeTimeMakeEffective'];
} else if (type === apiType.Disable) {
url = "/disable";
extendMessage = ', ' + i18n['RemoveUser'] + i18n['TakeTimeMakeEffective'];
} else if (type === apiType.Enable) {
url = "/enable";
} else {
layer.layer.msg(i18n['OperateError']);
return;
}
/**
* enable one user popup
* @param data {{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}} user data
*/
function enablePopup(data) {
layui.layer.confirm(lang['ConfirmEnableUser'], {
title: lang['OperationConfirm'],
btn: [lang['Confirm'], lang['Cancel']]
}, function (index) {
operate(apiType.Enable, [data], index);
});
}
/**
* operate actions
* @param type {apiType} action type
* @param data {[{user:string, token:string, comment:string, status:boolean, ports:string, domains:string, subdomains:string}]} user data list
* @param index popup index
*/
function operate(type, data, index) {
var url;
var extendMessage = '';
if (type === apiType.Remove) {
url = "/remove";
extendMessage = ', ' + lang['RemoveUser'] + lang['TakeTimeMakeEffective'];
} else if (type === apiType.Disable) {
url = "/disable";
extendMessage = ', ' + lang['RemoveUser'] + lang['TakeTimeMakeEffective'];
} else if (type === apiType.Enable) {
url = "/enable";
} else {
layer.layer.msg(lang['OperateError']);
return;
}
var loading = layui.layer.load();
$.post({
url: url,
type: 'post',
contentType: 'application/json',
data: JSON.stringify({
users: data
}),
success: function (result) {
if (result.success) {
reloadTable();
var loading = layui.layer.load();
$.post({
url: url,
type: 'post',
contentType: 'application/json',
data: JSON.stringify({
users: data
}),
success: function (result) {
if (result.success) {
reloadTable();
layui.layer.close(index);
layui.layer.msg(i18n['OperateSuccess'] + extendMessage, function (index) {
layui.layer.close(index);
layui.layer.msg(lang['OperateSuccess'] + extendMessage, function (index) {
layui.layer.close(index);
});
} else {
errorMsg(result);
}
},
complete: function () {
layui.layer.close(loading);
});
} else {
errorMsg(result);
}
});
}
},
complete: function () {
layui.layer.close(loading);
}
});
}
/**
* reload user table
*/
function reloadTable() {
var searchData = layui.form.val('searchForm');
layui.table.reloadData('tokenTable', {
where: searchData
}, true)
}
/**
* reload user table
*/
function reloadTable() {
var searchData = layui.form.val('searchForm');
layui.table.reloadData('tokenTable', {
where: searchData
}, true)
}
/**
* show error message popup
* @param result
*/
function errorMsg(result) {
var reason = lang['Other Error'];
if (result.code === 1)
reason = lang['ParamError'];
else if (result.code === 2)
reason = lang['UserExist'];
else if (result.code === 3)
reason = lang['ParamError'];
else if (result.code === 4)
reason = lang['UserFormatError'];
else if (result.code === 5)
reason = lang['TokenFormatError'];
layui.layer.msg(lang['OperateFailed'] + ',' + reason)
}
/**
* show error message popup
* @param result
*/
function errorMsg(result) {
var reason = i18n['Other Error'];
if (result.code === 1)
reason = i18n['ParamError'];
else if (result.code === 2)
reason = i18n['UserExist'];
else if (result.code === 3)
reason = i18n['ParamError'];
else if (result.code === 4)
reason = i18n['UserFormatError'];
else if (result.code === 5)
reason = i18n['TokenFormatError'];
layui.layer.msg(i18n['OperateFailed'] + ',' + reason)
}
/**
* click event
*/
/**
* document event
*/
(function bindDocumentEvent() {
$(document).on('click.search', '#searchBtn', function () {
reloadTable();
return false;
@@ -637,7 +652,7 @@ var loadUserList = (function ($) {
reloadTable();
return false;
});
}
})();
return loadUserList;
})(layui.$)