Files

1638 lines
63 KiB
JavaScript
Raw Permalink Normal View History

2026-04-07 02:04:22 +05:30
function modify_port_val(port){
layer.open({
type: 1,
area: '400px',
title: 'Change Panel Port',
closeBtn:2,
shadeClose: false,
btn:['Confirm','Cancel'],
content: '<div class="bt-form pd20 pd70" style="padding:20px 35px;">\
<ul style="margin-bottom:10px;color:red;width: 100%;background: #f7f7f7;padding: 10px;border-radius: 5px;font-size: 12px;">\
<li style="color:red;font-size:13px;">1. Have a security group server, please release the new port in the security group in advance.</li>\
<li style="color:red;font-size:13px;">2. If the panel is inaccessible after modifying the port, change the original port to the SSH command line by using the bt command.</li>\
</ul>\
<div class="line">\
<span class="tname" style="width: 70px;">Port</span>\
<div class="info-r" style="margin-left:70px">\
<input name="portss" class="bt-input-text mr5" type="text" style="width:200px" value="'+ port +'">\
</div>\
</div>\
<div class="details" style="margin-top:5px;padding-left: 3px;">\
<input type="checkbox" id="check_port">\
<label style="font-weight: 400;margin: 3px 5px 0px;" for="check_port">I already understand</label>,<a target="_blank" class="btlink" href="https://www.yakpanel.com/forum/d/599-how-to-release-the-yakpanel-port">How to release the port?</a>\
</div>\
</div>',
yes:function(index,layero){
var check_port = $('#check_port').prop('checked'),_tips = '';
if(!check_port){
_tips = layer.tips('Please tick the one I already know', '#check_port', {tips:[1,'#ff0000'],time:5000});
return false;
}
layer.close(_tips);
$('#banport').val($('[name="portss"]').val());
var _data = $("#set-Config").serializeObject();
_data['port'] = $('[name="portss"]').val();
var loadT = layer.msg(lan.config.config_save,{icon:16,time:0,shade: [0.3, '#000']});
$.post('/config?action=setPanel',_data,function(rdata){
layer.close(loadT);
layer.msg(rdata.msg,{icon:rdata.status?1:2});
if(rdata.status){
layer.close(index);
setTimeout(function(){
window.location.href = ((window.location.protocol.indexOf('https') != -1)?'https://':'http://') + rdata.host + window.location.pathname;
},4000);
}
});
},
success:function(){
$('#check_port').click(function(){
layer.closeAll('tips');
});
}
});
}
$.fn.serializeObject = function(){
var o = {};
var a = this.serializeArray();
$.each(a, function() {
if (o[this.name]) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || '');
} else {
o[this.name] = this.value || '';
}
});
return o;
};
//关闭面板
function ClosePanel(){
layer.confirm(lan.config.close_panel_msg,{title:lan.config.close_panel_title,closeBtn:2,icon:13,cancel:function(){
$("#closePl").prop("checked",false);
}}, function() {
$.post('/config?action=ClosePanel','',function(rdata){
layer.msg(rdata.msg,{icon:rdata.status?1:2});
setTimeout(function(){window.location.reload();},1000);
});
},function(){
$("#closePl").prop("checked",false);
});
}
//设置自动更新
function SetPanelAutoUpload(){
loadT = layer.msg(lan.public.config,{icon:16,time:0});
$.post('/config?action=AutoUpdatePanel','',function(rdata){
layer.close(loadT);
layer.msg(rdata.msg,{icon:rdata.status?1:2});
});
}
$('#panel_verification').click(function(){
var _checked = $(this).prop('checked');
if(_checked){
layer.open({
type: 1,
area: ['600px','420px'],
title: 'Google authentication binding',
closeBtn: 2,
shift: 5,
shadeClose: false,
content: '<div class="bt-form pd20 pd70 ssl_cert_from google_verify" style="padding:20px 35px;">\
<div class="">\
<i class="layui-layer-ico layui-layer-ico3"></i>\
<h3>Warning! Do not understand this feature, do not open!</h3>\
<ul style="width:91%;margin-bottom:10px;margin-top:10px;">\
<li style="color:red;">You must use and understand this feature to decide if you want to open it!</li>\
<li style="color:red;">If it is not possible to verify, enter "bt 24" on the command line to cancel Google authentication.</li>\
<li>Once the service is turned on, bind it immediately to avoid the panel being inaccessible.</li>\
<li>After opening, the panel will not be accessible. You can click the link below to find out the solution.</li>\
</ul>\
</div>\
<div class="details" style="width: 90%;margin-bottom:10px;">\
<input type="checkbox" id="check_verification">\
<label style="font-weight: 400;margin: 3px 5px 0px;" for="check_verification">I already know the details and are willing to take risks</label>\
<a target="_blank" class="btlink" href="https://www.yakpanel.com/forum/d/357-how-to-use-google-authenticator-in-the-yakpanel">Learn more</a>\
</div>\
<div class="bt-form-submit-btn">\
<button type="button" class="btn btn-sm btn-danger close_verify">Close</button>\
<button type="button" class="btn btn-sm btn-success submit_verify">Confirm</button>\
</div>\
</div>',
success:function(layers,index){
$('.submit_verify').click(function(e){
var check_verification = $('#check_verification').prop('checked');
if(!check_verification){
layer.msg('Please check the consent risk first.',{icon:0});
return false;
}
var loadT = layer.msg('Opening Google authentication, please wait...', { icon: 16, time: 0, shade: [0.3, '#000'] });
set_two_step_auth({act:_checked},function(rdata){
layer.close(loadT);
if (rdata.status) layer.closeAll();
layer.msg(rdata.msg, { icon: rdata.status ? 1 : 2 });
if(rdata.status && _checked){
$('.open_two_verify_view').click();
}
});
});
$('.close_verify').click(function(){
layer.closeAll();
$('#panel_verification').prop('checked',!_checked);
});
},cancel:function () {
layer.closeAll();
$('#panel_verification').prop('checked',!_checked);
}
});
}else{
bt.confirm({
title: 'Google authentication',
msg: 'Turn off Google authentication, do you want to continue?',
cancel: function () {
$('#panel_verification').prop('checked',!_checked);
}}, function () {
var loadT = layer.msg('Google authentication is being turned off, please wait...', { icon: 16, time: 0, shade: [0.3, '#000'] });
set_two_step_auth({act:_checked},function(rdata){
layer.close(loadT);
if (rdata.status) layer.closeAll();
layer.msg(rdata.msg, { icon: rdata.status ? 1 : 2 });
if(rdata.status && _checked){
$('.open_two_verify_view').click();
}
});
},function () {
$('#panel_verification').prop('checked',!_checked);
});
}
// console.log(_data);
});
$('.open_two_verify_view').click(function(){
var _checked = $('#panel_verification').prop('checked');
if(!_checked){
layer.msg('Please turn on Google authentication first.',{icon:0});
return false;
}
layer.open({
type: 1,
area: ['600px','670px'],
title: 'Google authentication binding',
closeBtn: 2,
shift: 5,
shadeClose: false,
content: '<div class="bt-form pd20" style="padding:20px 35px;">\
<div class="verify_title">Login authentication based on Google Authenticator</div>\
<div class="verify_item">\
<div class="verify_vice_title">1. Key binding</div>\
<div class="verify_conter">\
<div class="verify_box">\
<div class="verify_box_line">Account<span class="username"></sapn></div>\
<div class="verify_box_line">Key<span class="userkey"></sapn></div>\
<div class="verify_box_line">Type<span class="usertype">Time based</sapn></div>\
</div>\
</div>\
</div>\
<div class="verify_item">\
<div class="verify_vice_title">2. Scan code binding (Using Google Authenticator APP scan)</div>\
<div class="verify_conter" style="text-align:center;padding-top:10px;">\
<div id="verify_qrcode"></div>\
</div>\
</div>\
<div class="verify_tips">\
<p>Tips: Please use the "Google Authenticator APP" binding to support Android, IOS system.<a href="https://www.yakpanel.com/forum/d/357-how-to-use-google-authenticator-in-the-yakpanel" class="btlink" target="_blank">Use tutorial</a></p>\
<p style="color:red;">Once you have turned on the service, use the Google Authenticator app binding now to avoid having to sign in.</p>\
</div>\
</div>',
success:function(e){
get_two_verify(function(res){
$('.verify_box_line .username').html(res.username);
$('.verify_box_line .userkey').html(res.key);
});
get_qrcode_data(function(res){
jQuery('#verify_qrcode').qrcode({
render: "canvas",
text: res,
height:150,
width:150
});
});
}
});
});
var three_channel_status = {};
(function(){
check_two_step(function(res){
$('#panel_verification').prop('checked',res.status);
});
get_three_channel(function(res){
three_channel_status = res;
$('#channel_auth').val(!res.user_mail.user_name && !res.telegram.setup ? 'Email is not set':(res.user_mail.user_name? 'Email is set':(res.telegram.setup? 'Telegram is set': '')))
});
get_login_send(function(rdata){
$('#panel_report').val(!rdata.status ? 'Email is not set':(rdata.msg.mail? 'Already set':'Not set'))
})
})()
function get_three_channel(callback){
$.post('/config?action=get_settings2',function(res){
if(callback) callback(res);
});
}
function get_login_send(callback){
var loadS = bt.load('Getting login information, please wait...')
$.post('/config?action=get_login_send',function(res){
loadS.close()
if(callback) callback(res);
});
}
function login_ipwhite(obj,callback){
var loadY = bt.load('Getting IP lists, please wait...')
$.post('/config?action=login_ipwhite',obj,function(res){
loadY.close()
if(!res.status) return layer.msg(res.msg,{icon:res.status?1:2})
if(callback) callback(res);
});
}
function check_two_step(callback){
$.post('/config?action=check_two_step',function(res){
if(callback) callback(res);
});
}
function get_qrcode_data(callback){
$.post('/config?action=get_qrcode_data',function(res){
if(callback) callback(res);
});
}
function get_two_verify(callback){
$.post('/config?action=get_key',function(res){
if(callback) callback(res);
});
}
function set_two_step_auth(obj,callback){
$.post('/config?action=set_two_step_auth',{act:obj.act?1:0},function(res){
if(callback) callback(res);
});
}
$(".set-submit").click(function(){
var data = $("#set-Config").serialize();
layer.msg(lan.config.config_save,{icon:16,time:0,shade: [0.3, '#000']});
$.post('/config?action=setPanel',data,function(rdata){
layer.closeAll();
layer.msg(rdata.msg,{icon:rdata.status?1:2});
if(rdata.status){
setTimeout(function(){
window.location.href = ((window.location.protocol.indexOf('https') != -1)?'https://':'http://') + rdata.host + window.location.pathname;
},1500);
}
});
});
function modify_auth_path() {
var auth_path = $("#admin_path").val();
btn = "<button type='button' class='btn btn-success btn-sm' onclick=\"bindBTName(1,'b')\">"+lan.config.confirm+"</button>";
layer.open({
type: 1,
area: "500px",
title: lan.config.change_safe_entry,
closeBtn: 2,
shift: 5,
shadeClose: false,
content: '<div class="bt-form bt-form pd20 pb70">\
<div class="line ">\
<span class="tname">'+lan.config.entry_addr+'</span>\
<div class="info-r">\
<input name="auth_path_set" class="bt-input-text mr5" type="text" style="width: 311px" value="'+ auth_path+'">\
</div></div>\
<div class="bt-form-submit-btn">\
<button type="button" class= "btn btn-sm btn-danger" onclick="layer.closeAll()"> '+lan.config.turn_off+'</button>\
<button type="button" class="btn btn-sm btn-success" onclick="set_auth_path()">'+lan.config.submit+'</button>\
</div></div>'
})
}
function set_auth_path() {
var auth_path = $("input[name='auth_path_set']").val();
var loadT = layer.msg(lan.config.config_save, { icon: 16, time: 0, shade: [0.3, '#000'] });
$.post('/config?action=set_admin_path', { admin_path: auth_path }, function (rdata) {
layer.close(loadT);
if (rdata.status) {
layer.closeAll();
$("#admin_path").val(auth_path);
}
setTimeout(function () { layer.msg(rdata.msg, { icon: rdata.status ? 1 : 2 }); }, 200);
});
}
function syncDate() {
var loadT = layer.msg(lan.config.config_sync,{icon:16,time:0,shade: [0.3, '#000']});
$.post('/config?action=syncDate','',function(rdata){
layer.close(loadT);
layer.msg(rdata.msg,{icon:1});
setTimeout(function(){
window.location.reload();
},1500);
});
}
//PHP守护程序
function Set502(){
var loadT = layer.msg(lan.public.the,{icon:16,time:0,shade: [0.3, '#000']});
$.post('/config?action=Set502','',function(rdata){
layer.close(loadT);
layer.msg(rdata.msg,{icon:rdata.status?1:2});
});
}
//绑定修改 YakPanel 账号
function bindBTName(a,type){
var titleName = lan.config.config_user_binding;
if(type == "b"){
btn = "<button type='button' class='btn btn-success btn-sm' onclick=\"bindBTName(1,'b')\">"+lan.config.binding+"</button>";
}
else{
titleName = lan.config.config_user_edit;
btn = "<button type='button' class='btn btn-success btn-sm' onclick=\"bindBTName(1,'c')\">"+lan.public.edit+"</button>";
}
if(a == 1) {
p1 = $("#p1").val();
p2 = $("#p2").val();
var loadT = layer.msg(lan.config.token_get, {icon: 16, time: 0, shade: [0.3, '#000']});
$.post(" /ssl?action=GetToken", {
username: p1,
password: p2
}, function (b) {
bt.clear_cookie('bt_user_info');
layer.close(loadT);
layer.msg(b.msg, {icon: b.status ? 1 : 2});
if (b.status) {
window.location.reload();
$("input[name='btusername']").val(p1);
}
});
return
}
layer.open({
type: 1,
area: "290px",
title: titleName,
closeBtn: 2,
shift: 5,
shadeClose: false,
content: "<div class='bt-form pd20 pb70'><div class='line'><span class='tname' style='width:100px;'>"+lan.public.user+"</span><div class='info-r' style='margin-left:100px;'><input class='bt-input-text' type='text' name='username' id='p1' value='' placeholder='"+lan.config.user_bt+"' style='width:100%'/></div></div><div class='line'><span class='tname' style='width:100px;'>"+lan.public.pass+"</span><div class='info-r' style='margin-left:100px;'><input class='bt-input-text' type='password' name='password' id='p2' value='' placeholder='"+lan.config.pass_bt+"' style='width:100%'/></div></div><div class='bt-form-submit-btn'><button type='button' class='btn btn-danger btn-sm' onclick=\"layer.closeAll()\">"+lan.public.cancel+"</button> "+btn+"</div></div>"
})
}
//解除绑定 YakPanel 账号
function UnboundBt(){
var name = $("input[name='btusername']").val();
layer.confirm(lan.config.binding_un_msg,{closeBtn:2,icon:3,title:lan.config.binding_un},function(){
$.get("/ssl?action=DelToken",function(b){
layer.msg(b.msg,{icon:b.status? 1:2})
bt.clear_cookie('bt_user_info')
if(b.status){
window.location.reload();
$("input[name='btusername']").val('');
}
})
})
}
//设置API
function apiSetup(){
var loadT = layer.msg(lan.config.token_get,{icon:16,time:0,shade: [0.3, '#000']});
$.get('/api?action=GetToken',function(rdata){
layer.close(loadT);
});
}
//设置模板
function setTemplate(){
var template = $("select[name='template']").val();
var loadT = layer.msg(lan.public.the,{icon:16,time:0,shade: [0.3, '#000']});
$.post('/config?action=SetTemplates','templates='+template,function(rdata){
layer.close(loadT);
layer.msg(rdata.msg,{icon:rdata.status?1:5});
if(rdata.status === true){
$.get('/system?action=ReWeb',function(){});
setTimeout(function(){
window.location.reload();
},3000);
}
});
}
//设置面板SSL
function setPanelSSL(){
var status = $("#panelSSL").prop("checked");
var loadT = layer.msg(lan.config.ssl_msg,{icon:16,time:0,shade: [0.3, '#000']});
if(status){
var confirm = layer.confirm('Whether to close the panel SSL certificate', {
title: 'Tips',
btn: ['Confirm', 'Cancel'],
icon: 0,
closeBtn: 2,
cancel: function () {
$("#panelSSL").prop("checked", true);
}
}, function () {
bt.send('SetPanelSSL', 'config/SetPanelSSL', {}, function (rdata) {
layer.close(loadT);
if (rdata.status) {
layer.msg(rdata.msg, {icon: 1});
$.get('/system?action=ReWeb', function () {
});
setTimeout(function () {
window.location.href = ((window.location.protocol.indexOf('https') != -1) ? 'http://' : 'https://') + window.location.host + window.location.pathname;
}, 1500);
} else {
layer.msg(res.rdata, {icon: 2});
}
});
return;
}, function () {
this.cancel();
});
}
else {
bt.send('get_cert_source', 'config/get_cert_source', {}, function (rdata) {
layer.close(loadT);
var sdata = rdata;
var _data = {
title: 'Panel SSL',
area: '630px',
class: 'ssl_cert_from ssl_cert_panel_from',
list: [
{
html: '\
<div style="position: relative; width: 90%; margin: 0 auto;">\
<i class="layui-layer-ico layui-layer-ico3" style="left: 0;"></i>\
<h3 style="margin-left: 45px;">' + lan.config.ssl_open_ps + '</h3>\
<ul style="width: 100%;">\
<li style="color:red;">' + lan.config.ssl_open_ps_1 + '</li>\
<li>' + lan.config.ssl_open_ps_2 + '</li>\
<li>If panel is not accessible, you can click the <a class="btlink" href="https://www.yakpanel.com/forum/d/167-common-problems-after-opening-the-panel-certificate" target="_blank">link</a> below to find solutions</li>\
</ul>\
</div>\
'
},
{
title: 'Cert Type',
name: 'cert_type',
type: 'select',
width: '260px',
value: sdata.cert_type,
items: [
{value: '1', title: 'Self-signed certificate'},
{value: '2', title: 'Let\'s Encrypt'},
{value: '3', title: 'I have certficate'}
],
callback: function (obj) {
var set_height = function () {
var layer_box = $('.ssl_cert_from').parents('.layui-layer');
var window_height = $(window).height();
var height = layer_box.height();
var top = (window_height - height) / 2;
layer_box.css({
'top': top + 'px'
});
}
var subid = obj.attr('name') + '_subid';
var keyid = obj.attr('name') + '_keyid';
$('#' + subid).remove();
$('#' + keyid).remove();
if (obj.val() == '1') {
set_height();
}
if (obj.val() == '2') {
var _tr = bt.render_form_line({
title: 'E-Mail',
name: 'email',
width: '260px',
placeholder: 'Admin E-Mail',
value: sdata.email
});
obj.parents('div.line').append('<div class="line" id=' + subid + '>' + _tr.html + '</div>');
set_height();
}
if (obj.val() == '3') {
var loadT = layer.msg(lan.config.get_cert, {icon: 16, time: 0, shade: [0.3, '#000']});
$.post('/config?action=GetPanelSSL', {}, function (cert) {
layer.close(loadT);
if (cert.privateKey === 'false') {
cert.privateKey = 'paste your Private key (KEY) here';
}
if (cert.certPem === 'false') {
cert.certPem = 'paste your Certificate (CRT/PEM) here';
}
obj.parents('div.line').append('\
<div class="myKeyCon" id="' + keyid + '" style="margin: 0 auto; padding: 16px 0 0;">\
<div class="ssl-con-key pull-left">Key<br>\
<textarea id="key" class="bt-input-text">' + cert.privateKey + '</textarea>\
</div>\
<div class="ssl-con-key pull-right">Certificate (in pem format)<br>\
<textarea id="csr" class="bt-input-text">' + cert.certPem + '</textarea>\
</div>\
<div style="clear: both;"></div>\
</div>\
');
set_height();
});
}
}
},
{
html: '\
<div class="details" style="width: 90%; padding-top: 15px;">\
<input type="checkbox" id="checkSSL" />\
<label style="font-weight: 400; margin: -1px 5px 0px;" for="checkSSL">' + lan.config.ssl_open_ps_4 + '</label>\
<a class="btlink" style="top: 0;" href="https://www.yakpanel.com/forum/d/167-common-problems-after-opening-the-panel-certificate" target="_blank">' + lan.config.ssl_open_ps_5 + '</a>\
</div>\
'
}
],
btns: [
{
title: 'Close', name: 'close', callback: function (rdata, load, callback) {
load.close();
$("#panelSSL").prop("checked", false);
}
},
{
title: 'Submit',
name: 'submit',
css: 'btn-success',
callback: function (rdata, load, callback) {
if (!$('#checkSSL').is(':checked')) return bt.msg({
status: false,
msg: 'Please confirm the risk first!'
});
layer.confirm('Whether to open the panel SSL certificate', {
title: 'Tips',
btn: ['Confirm', 'Cancel'],
icon: 0,
closeBtn: 2
}, function () {
var loading = bt.load();
var type = $('select[name="cert_type"]').val();
if (type == '3') {
SavePanelSSL({
loading: false,
callback: function (res) {
SetPanelSSL(rdata, function (res) {
loading.close();
});
}
});
} else {
SetPanelSSL(rdata, function (rdata) {
loading.close();
});
}
});
}
}
],
end: function () {
$("#panelSSL").prop("checked", false);
}
};
var _bs = bt.render_form(_data);
setTimeout(function () {
$('.cert_type' + _bs).trigger('change')
}, 200);
});
}
}
function SetPanelSSL(rdata, callback) {
bt.send('SetPanelSSL', 'config/SetPanelSSL', rdata, function (rdata) {
if (callback) callback(rdata);
if (rdata.status) {
$.get('/system?action=ReWeb');
layer.msg(rdata.msg, {icon: 1, time: 1500}, function () {
window.location.href = ((window.location.protocol.indexOf('https') != -1) ? 'http://' : 'https://') + window.location.host + window.location.pathname;
});
} else {
layer.msg(rdata.msg, {icon: 2});
}
});
}
function GetPanelSSL() {
var loadT = layer.msg(lan.config.get_cert, {icon: 16, time: 0, shade: [0.3, '#000']});
$.post('/config?action=GetPanelSSL', {}, function (cert) {
layer.close(loadT);
var certBody = '<div class="tab-con">\
<div class="myKeyCon ptb15">\
<div class="ssl-con-key pull-left mr20">' + lan.config.key + '<br>\
<textarea id="key" class="bt-input-text">' + cert.privateKey + '</textarea>\
</div>\
<div class="ssl-con-key pull-left">' + lan.config.pem_cert + '<br>\
<textarea id="csr" class="bt-input-text">' + cert.certPem + '</textarea>\
</div>\
<div class="ssl-btn pull-left mtb15" style="width:100%">\
<button class="btn btn-success btn-sm" onclick="SavePanelSSL()">' + lan.config.save + '</button>\
</div>\
</div>\
<ul class="help-info-text c7 pull-left">\
<li>' + lan.config.ps + '<a href="https://www.yakpanel.com/bbs/thread-704-1-1.html" class="btlink" target="_blank">[' + lan.config.help + ']</a></li>\
<li>' + lan.config.ps1 + '</li><li>' + lan.config.ps2 + '</li>\
</ul>\
</div>'
layer.open({
type: 1,
area: "600px",
title: lan.config.custom_panel_cert,
closeBtn: 2,
shift: 5,
shadeClose: false,
content: certBody
});
});
}
// function SavePanelSSL(){
// var data = {
// privateKey:$("#key").val(),
// certPem:$("#csr").val()
// }
// var loadT = layer.msg(lan.config.ssl_msg,{icon:16,time:0,shade: [0.3, '#000']});
// $.post('/config?action=SavePanelSSL',data,function(rdata){
// layer.close(loadT);
// if(rdata.status){
// layer.closeAll();
// }
// layer.msg(rdata.msg,{icon:rdata.status?1:2});
// });
// }
function SavePanelSSL(option) {
option = option || {
loading: true
};
var privateKey = $("#key").val().trim();
var certPem = $("#csr").val().trim();
if (privateKey === 'false') return layer.msg('Please paste your Private key (KEY) here', {icon: 2});
if (certPem === 'false') return layer.msg('Please paste your Certificate (CRT/PEM) here', {icon: 2});
var data = {
privateKey: privateKey,
certPem: certPem
}
var loadT;
if (option.loading) {
loadT = layer.msg(lan.config.ssl_msg, {icon: 16, time: 0, shade: [0.3, '#000']});
}
$.post('/config?action=SavePanelSSL', data, function (rdata) {
if (option.loading) layer.close(loadT);
if (rdata.status) {
if (option.callback) {
option.callback(rdata);
} else {
layer.closeAll();
layer.msg(rdata.msg, {icon: 1});
}
} else {
layer.msg(rdata.msg, {icon: 2});
}
});
}
function SetDebug() {
var status_s = {false: 'open', true: 'close'}
var debug_stat = $("#panelDebug").prop('checked');
bt.confirm({
title: (debug_stat ? 'Open' : 'Close') + " developer mode",
msg: "Do you confirm to " + (debug_stat ? 'open' : 'close') + " developer mode?",
cancel: function () {
$("#panelDebug").prop('checked', debug_stat);
}
}, function () {
var loadT = layer.msg(lan.public.the, {icon: 16, time: 0, shade: [0.3, '#000']});
$.post('/config?action=set_debug', {}, function (rdata) {
layer.close(loadT);
if (rdata.status) layer.closeAll()
layer.msg(rdata.msg, {icon: rdata.status ? 1 : 2});
});
}, function () {
$("#panelDebug").prop('checked', debug_stat);
});
}
function set_local() {
var status_s = { false: 'Open', true: 'Close' }
var debug_stat = $("#panelLocal").prop('checked');
bt.confirm({
title: status_s[debug_stat] + "Offline mode",
msg: "Do you really want "+ status_s[debug_stat] + "offline mode?",
cancel: function () {
$("#panelLocal").prop('checked',debug_stat);
}}, function () {
var loadT = layer.msg(lan.public.the, { icon: 16, time: 0, shade: [0.3, '#000'] });
$.post('/config?action=set_local', {}, function (rdata) {
layer.close(loadT);
if (rdata.status) layer.closeAll();
layer.msg(rdata.msg, { icon: rdata.status ? 1 : 2 });
});
},function () {
$("#panelLocal").prop('checked',debug_stat);
});
}
if(window.location.protocol.indexOf('https') != -1){
$("#panelSSL").prop('checked',true);
}
var weChat = {
settiming:'',
relHeight:500,
relWidth:500,
userLength:'',
init:function(){
var _this = this;
$('.layui-layer-page').css('display', 'none');
$('.layui-layer-page').width(_this.relWidth);
$('.layui-layer-page').height(_this.relHeight);
$('.bt-w-menu').height((_this.relWidth - 1) - $('.layui-layer-title').height());
var width = $(document).width();
var height = $(document).height();
var boxwidth = (width / 2) - (_this.relWidth / 2);
var boxheight = (height / 2) - (_this.relHeight / 2);
$('.layui-layer-page').css({
'left':boxwidth +'px',
'top':boxheight+'px'
});
$('.boxConter,.layui-layer-page').css('display', 'block');
$('.layui-layer-close').click(function(event) {
window.clearInterval(_this.settiming);
});
this.getUserDetails();
$('.iconCode').hide();
$('.personalDetails').show();
},
// 获取二维码
getQRCode:function(){
var _this = this;
var qrLoading = layer.msg(lan.config.get_qr_core,{time:0,shade: [0.4,'#fff'],icon:16});
$.get('/wxapp?action=blind_qrcode', function(res) {
layer.close(qrLoading);
if (res.status){
$('#QRcode').empty();
$('#QRcode').qrcode({
render: "canvas", //也可以替换为table
width: 200,
height: 200,
text:res.msg
});
// $('.QRcode img').attr('src', res.msg);
_this.settiming = setInterval(function(){
_this.verifyBdinding();
},2000);
}else{
layer.msg(lan.config.get_qr_core_fail,{icon:2});
}
});
},
// 获取用户信息
getUserDetails:function(type){
var _this = this;
var conter = '';
$.get('/wxapp?action=get_user_info',function(res){
clearInterval(_this.settiming);
if (!res.status){
layer.msg(res.msg,{icon:2,time:3000});
$('.iconCode').hide();
return false;
}
if (JSON.stringify(res.msg) =='{}'){
if (type){
layer.msg(lan.config.qrcode_no_list,{icon:2});
}else{
_this.getQRCode();
}
$('.iconCode').show();
$('.personalDetails').hide();
return false;
}
$('.iconCode').hide();
$('.personalDetails').show();
var datas = res.msg;
for(var item in datas){
conter += '<li class="item">\
<div class="head_img"><img src="'+datas[item].avatarUrl+'" title="'+lan.config.user_img+'" /></div>\
<div class="nick_name"><span>'+lan.config.nikename+':</span><span class="nick"></span>'+datas[item].nickName+'</div>\
<div class="cancelBind">\
<a href="javascript:;" class="btlink" title="'+lan.config.unbind_wechat+'" onclick="weChat.cancelBdinding('+ item +')">'+lan.config.unbind+'</a>\
</div>\
</li>'
}
conter += '<li class="item addweChat" style="height:45px;"><a href="javascript:;" class="btlink" onclick="weChat.addweChatView()"><span class="glyphicon glyphicon-plus"></span>'+lan.config.add_bind_account+'</a></li>'
$('.userList').empty().append(conter);
});
},
// 添加绑定视图
addweChatView:function(){
$('.iconCode').show();
$('.personalDetails').hide();
this.getQRCode();
},
// 取消当前绑定
cancelBdinding:function(uid){
var _this = this;
var bdinding = layer.confirm(lan.config.confirm_unbind,{
btn:[lan.config.confirm,lan.config.cancel],
icon:3,
title:lan.config.unbind
},function(){
$.get('/wxapp?action=blind_del',{uid:uid}, function(res) {
layer.msg(res.msg,{icon:res.status?1:2});
_this.getUserDetails();
});
},function(){
layer.close(bdinding);
});
},
// 监听是否绑定
verifyBdinding:function(){
var _this = this;
$.get('/wxapp?action=blind_result',function(res){
if(res){
layer.msg(lan.config.bind_success,{icon:1});
clearInterval(_this.settiming);
_this.getUserDetails();
}
});
},
}
function open_wxapp(){
var rhtml = '<div class="boxConter" style="display: none">\
<div class="iconCode" >\
<div class="box-conter">\
<div id="QRcode"></div>\
<div class="codeTip">\
<ul>\
<li>1'+lan.config.open_small_app+'<span class="btlink weChat">'+lan.config.qrcore_of_small_app+'<div class="weChatSamll"><img src="https://app.example.com/static/app.png"></div></span></li>\
<li>2'+lan.config.scan_qrcore_with_small_app+'</li>\
</ul>\
<span><a href="javascript:;" title="'+lan.config.return_bind_list+'" class="btlink" style="margin: 0 auto" onclick="weChat.getUserDetails(true)">'+lan.config.read_bind_list+'</a></span>\
</div>\
</div>\
</div>\
<div class="personalDetails" style="display: none">\
<ul class="userList"></ul>\
</div>\
</div>'
layer.open({
type: 1,
title: lan.config.bind_wechat,
area: '500px',
closeBtn: 2,
shadeClose: false,
content:rhtml
});
weChat.init();
}
$(function () {
$.get("/ssl?action=GetUserInfo", function (b) {
if (b.status) {
$("input[name='btusername']").val(b.data.username);
$("input[name='btusername']").next().text(lan.public.edit).attr("onclick", "bindBTName(2,'c')").css({ "right": "57px" });
$("input[name='btusername']").next().after('<span class="modify btn btn-xs btn-success" onclick="UnboundBt()" style="vertical-align: 0px;">' + lan.config.binding_un + '</span>');
}
else {
$("input[name='btusername']").next().text(lan.config.binding).attr("onclick", "bindBTName(2,'b')").removeAttr("style");
}
bt_init();
});
})
function bt_init() {
var btName = $("input[name='btusername']").val();
//console.log(btName);
if (!btName) {
$('.wxapp_p .inputtxt').val(lan.config.no_bind_bt_account);
$('.wxapp_p .modify').attr("onclick", "");
}
}
function GetPanelApi() {
var loadT = layer.msg(lan.config.get_api, { icon: 16, time: 0, shade: [0.3, '#000'] });
$.post('/config?action=get_token', {}, function (rdata) {
layer.close(loadT);
isOpen = rdata.open ? 'checked' : '';
layer.open({
type: 1,
area: "522px",
title: lan.config.set_api,
closeBtn: 2,
shift: 5,
shadeClose: false,
content: ' <div class="bt-form bt-form" style="padding:15px 25px">\
<div class="line">\
<span class="tname">'+lan.config.api+'</span>\
<div class="info-r" style="height:28px;">\
<input class="btswitch btswitch-ios" id="panelApi_s" type="checkbox" '+ isOpen+'>\
<label style="position: relative;top: 5px;" class="btswitch-btn" for="panelApi_s" onclick="SetPanelApi(2,1)"></label>\
</div>\
</div>\
<div class="line">\
<span class="tname">'+lan.config.int_sk+'</span>\
<div class="info-r">\
<input readonly="readonly" name="panel_token_value" class="bt-input-text mr5 disable" type="text" style="width: 310px" value="'+rdata.token+'" disable>\
<button class="btn btn-xs btn-success btn-sm" style="margin-left: -57px;" onclick="SetPanelApi(1)">'+lan.config.reset+'</button>\
</div>\
</div>\
<div class="line ">\
<span class="tname" style="overflow: initial;height:20px;line-height:20px;">'+lan.config.ip_white_list+'</br>('+lan.config.one_per_line+')</span>\
<div class="info-r">\
<textarea name="api_limit_addr" class="bt-input-text mr5" type="text" style="width: 310px;height:80px;line-height: 20px;padding: 5px 8px;margin-bottom:10px;">'+ rdata.limit_addr +'</textarea>\
<button class="btn btn-success btn-sm" onclick="SetPanelApi(3)">'+lan.config.save+'</button>\
</div>\
</div>\
<ul class="help-info-text c7">\
<li>'+lan.config.help1+'</li>\
<li>'+lan.config.help2+'</li>\
<li>'+lan.config.help3+'<a class="btlink" href="https://www.yakpanel.com/forum/d/482-api-interface-tutorial" target="_blank">https://www.yakpanel.com/forum/d/482-api-interface-tutorial</a></li>\
</ul>\
</div>'
})
});
}
function showPawApi(){
layer.msg('The panel API key only supports one-time display, please keep it safe. <br>To display the panel API key, click the reset button to regain the new API key.<br><span style="color:red;">Note: After the key is reset, the associated key product will be invalid. Please re-add the new key to the product.</span>',{icon:0,time:0,shadeClose:true,shade:0.1});
}
function SetPanelApi(t_type,index) {
var pdata = {}
pdata['t_type'] = t_type
if (t_type == 3) {
pdata['limit_addr'] = $("textarea[name='api_limit_addr']").val()
}
if(t_type == 1){
var bdinding = layer.confirm('Are you sure you want to reset your current key?<br><span style="color:red;">After the key is reset, the associated key product will be invalid. Please re-add the new key to the product.</span>',{
btn:['Confirm','Cancel'],
icon:3,
closeBtn: 2,
title:'Reset key'
},function(){
var loadT = layer.msg(lan.config.is_submitting, { icon: 16, time: 0, shade: [0.3, '#000'] });
set_token_req(pdata,function(rdata){
if (rdata.status) {
$("input[name='panel_token_value']").val(rdata.msg);
layer.msg(lan.config.create_int_key_success, { icon: 1, time: 0, shade: 0.3, shadeClose:true,closeBtn:2});
}else{
layer.msg(rdata.msg, { icon: 2});
}
return false;
});
});
return false
}
set_token_req(pdata,function(rdata){
layer.close(layer.index);
if (rdata.msg == 'Open success!') {
if(t_type == 2 && index != '1') GetPanelApi();
}
if(t_type == 2) $('#panelApi').prop('checked',rdata.msg == 'Open success!'?true:false);
layer.msg(rdata.msg, { icon: rdata.status ? 1 : 2 });
});
}
function set_token_req(pdata,callback){
$.post('/config?action=set_token', pdata, function (rdata) {
if(callback) callback(rdata);
});
}
function SetIPv6() {
var loadT = layer.msg(lan.config.setting_up, { icon: 16, time: 0, shade: [0.3, '#000'] });
$.post('/config?action=set_ipv6_status', {}, function (rdata) {
layer.close(loadT);
bt.msg(rdata);
});
}
function modify_basic_auth_to() {
var pdata = {
open: $("select[name='open']").val(),
basic_user: $("input[name='basic_user']").val(),
basic_pwd: $("input[name='basic_pwd']").val()
}
var loadT = layer.msg(lan.config.set_basicauth, { icon: 16, time: 0, shade: [0.3, '#000'] });
$.post('/config?action=set_basic_auth', pdata, function (rdata) {
layer.close(loadT);
if (rdata.status) {
layer.closeAll();
setTimeout(function () { window.location.reload(); }, 3000);
}
layer.msg(rdata.msg, { icon: rdata.status ? 1 : 2 });
});
}
function set_panel_report(){
if(!three_channel_status.user_mail.user_name) return layer.msg('Please set up the [ Notification ] first',{icon:2})
get_login_send(function(rdata){
layer.open({
type: 1,
area:'700px',
title: "Login panel alarm",
closeBtn: 2,
shift: 5,
shadeClose: false,
content: '<div class="bt-form">\
<div class="bt-w-main">\
<div class="bt-w-menu" style="width: 140px;">\
<p class="bgw">Alarm settings</p>\
<p>IP whitelist</p>\
</div>\
<div class="bt-w-con pd15" style="margin-left: 140px;">\
<div class="plugin_body">\
<div class="conter_box active" >\
<div class="bt-form" style="height:500px">\
<div class="line">\
<span class="set-tit" style="display:inline-block;vertical-align: top;margin: 3px;color:#666" title="Notification email">Send to mailbox</span>\
<div class="mail" name="server_input" style="display:inline-block;margin:0px 10px 0px 0px">\
<input class="btswitch btswitch-ios" id="mail" type="checkbox" '+(!rdata.status?"":(rdata.msg.mail?"checked":""))+' >\
<label class="btswitch-btn" for="mail"></label>\
</div>\
</div>\
<div class="line" style="max-height:400px;height:auto;overflow:auto">\
<div class="divtable">\
<table class="table table-hover" width="100%" cellspacing="0" cellpadding="0" border="0"><thead><tr><th width="75%">login info</th><th width="25%" style="text-align:right">time</th></tr></thead>\
<tbody id="server_table"></tbody>\
</table>\
</div>\
</div>\
<div class="page" id="server_table_page"></div>\
</div>\
<ul class="mtl0 c7" style="font-size: 13px;position:absolute;bottom:0;padding-right: 40px;">\
<li style="list-style:inside disc">xxxxxxxxxxxxxxxxxxx</li>\
</ul>\
</div>\
<div class="conter_box" style="display:none;height:500px">\
<div class="bt-form">\
<div class="line" style="display:inline-block">\
<input name="ip_write" class="bt-input-text mr5" type="text" style="width: 220px;" placeholder="Please enter the IP">\
<button class="btn btn-success btn-sm add_ip_write" style="padding: 4px 15px">Add</button>\
</div>\
<div class="line" style="float:right">\
<button class="btn btn-default btn-sm clear_all" style="padding: 4px 15px;text-align:right">Clean all</button>\
</div>\
<div class="line" style="max-height:400px;height:auto;overflow:auto">\
<div class="divtable">\
<table class="table table-hover" width="100%" cellspacing="0" cellpadding="0" border="0"><thead><tr><th width="60%">IP</th><th width="40%" style="text-align:right">Opt</th></tr></thead>\
<tbody id="ip_write_table"></tbody>\
</table>\
</div>\
</div>\
</div>\
<ul class="mtl0 c7" style="font-size: 13px;position:absolute;bottom:0;padding-right: 40px;">\
<li style="list-style:inside disc">Only allow to set ipv4 whitelist</li>\
</ul>\
</div>\
</div>\
</div>\
</div>\
</div>',
success:function(index,layers){
get_log_table();
get_ip_write_table()
$(".bt-w-menu p").click(function () {
var index = $(this).index();
$(this).addClass('bgw').siblings().removeClass('bgw');
console.log(index,'111');
switch(index){
case 0:
get_log_table();
break;
case 1:
get_ip_write_table()
break;
}
$('.conter_box').eq(index).show().siblings().hide();
});
//设置告警
$('#mail').on('click',function(){
var _checked = $(this).prop('checked');
if(_checked){
$.post('/config?action=set_login_send',{type:'mail'},function(res){
layer.msg(res.msg,{icon:res.status?1:2});
});
}else{
$.post('/config?action=clear_login_send',{type:'mail'},function(res){
layer.msg(res.msg,{icon:res.status?1:2});
});
}
});
//添加
$('.add_ip_write').on('click',function(){
var _ip = $('[name="ip_write"]').val();
if(!bt.check_ip(_ip)) return layer.msg('Please enter the correct IP',{icon:2})
login_ipwhite({ip:_ip,type:'add'},function(res){
if(res.status) get_ip_write_table()
layer.msg(res.msg,{icon:res.status?1:2});
})
})
//删除ip白名单
$('#ip_write_table').on('click','.del_ip_write',function(){
var _ip = $(this).parents('tr').data().data;
login_ipwhite({ip:_ip,type:'del'},function(res){
if(res.status) get_ip_write_table()
layer.msg(res.msg,{icon:res.status?1:2});
})
});
//清空全部
$('.clear_all').on('click',function(){
layer.confirm('Whether to clear the IP whitelist', {title:'Tips',btn: ['Confirm','Cancel'],icon:0,closeBtn:2}, function() {
login_ipwhite({type:'clear'},function(res){
if(res.status) get_ip_write_table()
layer.msg(res.msg,{icon:res.status?1:2});
})
})
})
//分页操作
$('#server_table_page').on('click','a',function(e){
e.stopPropagation();
e.preventDefault();
var _p = $(this).attr('href').match(/p=([0-9]*)/)[1];
get_log_table({p:_p});
})
},
cancel:function(){
$('#panel_report').val( $('#mail').prop('checked') ? 'Already set' : 'Not set');
}
})
})
}
function get_log_table(obj){
if(!obj) obj = {p:1}
var loadT = bt.load('Getting Logs list, please wait')
$.post('/config?action=get_login_log',obj,function(res){
loadT.close()
$('#server_table').empty()
if(res.data.length > 0){
$.each(res.data,function(index,item){
$('#server_table').append($('<tr>\
<td>'+ item.log +'</td>\
<td style="text-align:right">'+ item.addtime +'</td>\
</tr>').data({data:item,index:index}))
});
}else{
$('#server_table').html('<tr><td colspan="2" style="text-align:center">None Data</td></tr>')
}
$('#server_table_page').html(res.page)
});
}
function get_ip_write_table(){
$('#ip_write_table').empty()
login_ipwhite({type:'get'},function(res){
if(res.msg.length > 0){
$.each(res.msg,function(index,item){
$('#ip_write_table').append($('<tr>\
<td>'+ item +'</td>\
<td style="text-align:right">\
<a href="javascript:;" class="btlink del_ip_write" >Del</a>\
</td>\
</tr>').data({data:item,index:index}))
});
}else{
$('#ip_write_table').html('<tr><td colspan="2" style="text-align:center">None Data</td></tr>')
}
})
}
function modify_basic_auth() {
var loadT = layer.msg(lan.config.setting_basicauth, { icon: 16, time: 0, shade: [0.3, '#000'] });
$.post('/config?action=get_basic_auth_stat', {}, function (rdata) {
layer.close(loadT);
if (rdata.open) {
show_basic_auth(rdata);
} else {
m_html = '<div class="risk_form"><i class="layui-layer-ico layui-layer-ico3"></i>'
+ '<h3 class="risk_tilte">Warning! Do not understand this feature, do not open!</h3>'
+ '<ul style="border: 1px solid #ececec;border-radius: 10px; margin: 0px auto;margin-top: 20px;margin-bottom: 20px;background: #f7f7f7; width: 100 %;padding: 33px;list-style-type: inherit;">'
+ '<li style="color:red;">'+lan.config.know_risk+'</li>'
+ '<li>'+lan.config.basic_auth_desc1+'</li>'
+ '<li>'+lan.config.basic_auth_desc2+'</li>'
+ '<li>'+lan.config.basic_auth_desc3+'</li>'
+ '<li>'+lan.config.basic_auth_desc4+'</li>'
+ '</ul></div>'
+ '<div class="details">'
+ '<input type="checkbox" id="check_basic"><label style="font-weight: 400;margin: 3px 10px 0px;font-size:12px;" for="check_basic">I already know the details and are willing to take risks</label>'
+ '<a target="_blank" style="font-size:12px;" class="btlink" href="https://www.yakpanel.com/bbs/thread-34374-1-1.html">What is BasicAuth authentication?</a><p></p></div>'
var loadT = layer.confirm(m_html, { title: "Risk reminder", area: "600px",closeBtn:2 }, function () {
if (!$("#check_basic").prop("checked")) {
layer.msg("Please read the precautions carefully and check to agree to take risks!");
setTimeout(function () { modify_basic_auth();},3000)
return;
}
layer.close(loadT)
show_basic_auth(rdata);
});
}
});
}
function show_basic_auth(rdata) {
layer.open({
type: 1,
area: "500px",
title: "Configure BasicAuth authentication",
closeBtn: 2,
shift: 5,
shadeClose: false,
content: ' <div class="bt-form bt-form" style="padding:15px 25px">\
<div class="line">\
<span class="tname">'+lan.public.server_status+'</span>\
<div class="info-r" style="height:28px;">\
<select class="bt-input-text" name="open">\
<option value="True" '+(rdata.open?'selected':'')+'>'+lan.public.on+'</option>\
<option value="False" '+ (rdata.open ? '' : 'selected' )+'>'+lan.public.off+'</option>\
</select>\
</div>\
</div>\
<div class="line">\
<span class="tname">'+lan.public.username+'</span>\
<div class="info-r">\
<input name="basic_user" class="bt-input-text mr5" type="text" style="width: 310px" value="" placeholder="'+ (rdata.basic_user?lan.config.not_modified:lan.config.set_username) +'">\
</div>\
</div>\
<div class="line">\
<span class="tname">'+lan.public.pass+'</span>\
<div class="info-r">\
<input name="basic_pwd" class="bt-input-text mr5" type="text" style="width: 310px" value="" placeholder="'+ (rdata.basic_pwd ? lan.config.not_modified : lan.config.set_passwd) +'">\
</div>\
</div>\
<span><button class="btn btn-success btn-sm" style=" margin-left: 340px;" onclick="modify_basic_auth_to()">'+lan.public.save+'</button></span>\
<ul class="help-info-text c7">\
<li style="color:red;">'+lan.config.basic_auth_tips1+'</li>\
<li>'+lan.config.basic_auth_tips2+'</li>\
<li>'+lan.config.basic_auth_tips3+'</li>\
</ul>\
</div>'
})
}
function get_panel_hide_list(){
var loadT = bt.load('Getting panel menu bar, please wait...'),arry = [];
$.post('/config?action=get_menu_list',function(rdata){
loadT.close();
$.each(rdata,function(index,item){
if(!item.show) arry.push(item.title)
});
$('#panel_menu_hide').val(arry.length > 0?arry.join('/'):'No hidden bar');
});
}
get_panel_hide_list();
// 设置面板菜单显示功能
function set_panel_ground(){
var loadT = bt.load('Getting panel menu bar, please wait...');
$.post('/config?action=get_menu_list',function(rdata){
var html = '',arry = ["dologin","memuAconfig","memuAsoft","memuA"],is_option = '';
loadT.close();
$.each(rdata,function(index,item){
is_option = '<div class="index-item" style="float:right;"><input class="btswitch btswitch-ios" id="'+ item.id +'0000" name="'+ item.id +'" type="checkbox" '+ (item.show?'checked':'') +'><label class="btswitch-btn" for="'+ item.id +'0000"></label></div>'
if(item.id == 'dologin' || item.id == 'memuAconfig' || item.id == 'memuAsoft' || item.id == 'memuA') is_option = 'Inoperable';
html += '<tr><td>'+ item.title +'</td><td><div style="float:right;">'+ is_option +'</div></td></tr>';
});
layer.open({
type:1,
title:'Manage panel menu bar',
area:['350px','536px'],
shadeClose:false,
closeBtn:2,
content:'<div class="divtable softlist" id="panel_menu_tab" style="padding: 20px 15px;"><table class="table table-hover"><thead><tr><th>Menu bar</th><th style="text-align:right;width:120px;">Display</th></tr></thead><tbody>'+ html +'</tbody></table></div>',
success:function(){
$('#panel_menu_tab input').click(function(){
var arry = [];
$(this).parents('tr').siblings().each(function(index,el){
if($(this).find('input').length >0 && !$(this).find('input').prop('checked')){
arry.push($(this).find('input').attr('name'));
}
});
if(!$(this).prop('checked')){
arry.push($(this).attr('name'));
}
var loadT = bt.load('Setting panel menu bar display status, please wait...');
$.post('/config?action=set_hide_menu_list',{hide_list:JSON.stringify(arry)},function(rdata){
loadT.close();
bt.msg(rdata);
});
});
}
});
});
}
/**
* @description 获取临时授权列表
* @param {Function} callback 回调函数列表
* @returns void
*/
function get_temp_login(data,callback){
var loadT = bt.load('Get temporary authorization list, please wait...');
bt.send('get_temp_login','config/get_temp_login',data,function(res){
if(res.status === false){
layer.closeAll();
bt.msg(res);
return false;
}
loadT.close();
if(callback) callback(res)
});
}
/**
* @description 设置临时链接
* @param {Function} callback 回调函数列表
* @returns void
*/
function set_temp_login(callback){
var loadT = bt.load('Setting temporary links, please wait...');
bt.send('set_temp_login','config/set_temp_login',{},function(res){
loadT.close();
if(callback) callback(res)
});
}
/**
* @description 设置临时链接
* @param {Object} data 传入参数id
* @param {Function} callback 回调函数列表
* @returns void
*/
function remove_temp_login(data,callback){
var loadT = bt.load('Deleting temporary authorization record, please wait...');
bt.send('remove_temp_login','config/remove_temp_login',{id:data.id},function(res){
loadT.close();
if(callback) callback(res)
});
}
/**
* @description 强制用户登出
* @param {Object} data 传入参数id
* @param {Function} callback 回调函数列表
* @returns void
*/
function clear_temp_login(data,callback){
var loadT = bt.load('Forcing user to log out, please wait...');
bt.send('clear_temp_login','config/clear_temp_login',{id:data.id},function(res){
loadT.close();
if(callback) callback(res)
});
}
/**
* @description 渲染授权管理列表
* @param {Object} data 传入参数id
* @param {Function} callback 回调函数列表
* @returns void
*/
function reader_temp_list(data,callback){
if(typeof data == 'function') callback = data,data = {p:1};
get_temp_login(data,function(rdata){
var html = '';
$.each(rdata.data,function(index,item){
html += '<tr><td>'+ (item.login_addr || 'Not login') +'</td><td>'+ (function(){
switch(item.state){
case 0:
return 'Not login';
break;
case 1:
return 'Logged in';
break;
case -1:
return 'Expired';
break;
}
}()) +'</td><td >'+ (item.login_time == 0?'Not login':bt.format_data(item.login_time)) +'</td><td>'+ bt.format_data(item.expire) +'</td><td style="text-align:right;">'+ (function(){
if(item.state != 1){
return '<a href="javascript:;" class="btlink remove_temp_login" data-ip="'+ item.login_addr +'" data-id="'+ item.id +'">Del</a>';
}
if(item.online_state){
return '<a href="javascript:;" class="btlink clear_temp_login" style="color:red" data-ip="'+ item.login_addr +'" data-id="'+ item.id +'">Force logout </a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="javascript:;" class="btlink logs_temp_login" data-ip="'+ item.login_addr +'" data-id="'+ item.id +'">Logs</a>';
}
return '<a href="javascript:;" class="btlink logs_temp_login" data-ip="'+ item.login_addr +'" data-id="'+ item.id +'">Logs</a>';
}()) +'</td></tr>';
});
$('#temp_login_view_tbody').html(html);
$('.temp_login_view_page').html(rdata.page);
if(callback) callback()
});
}
/**
* @description 获取操作日志
* @param {Object} data 传入参数id
* @param {Function} callback 回调函数列表
* @returns void
*/
function get_temp_login_logs(data,callback){
var loadT = bt.load('Getting operation log, please wait...');
bt.send('clear_temp_login','config/get_temp_login_logs',{id:data.id},function(res){
loadT.close();
if(callback) callback(res)
});
}
/**
* @description 渲染操作日志
* @param {Object} data 传入参数id
* @param {Function} callback 回调函数列表
* @returns void
*/
function reader_temp_login_logs(data,callback){
get_temp_login_logs(data,function(res){
var html = '';
$.each(res,function(index,item){
html += '<tr><td>'+ item.type +'</td><td>'+ item.addtime +'</td><td><span title="'+ item.log +'" style="white-space: pre;">'+ item.log +'</span></td></tr>';
});
if(callback) callback({tbody:html,data:res});
})
}
/**
* @description 设置临时链接
* @param {Function} callback 回调函数列表
* @returns void
*/
function get_temp_login_view(){
layer.open({
type: 1,
area:["700px",'600px'],
title: "Temporary authorization management",
closeBtn: 2,
shift: 5,
shadeClose: false,
content:'<div class="login_view_table pd15">'+
'<button class="btn btn-success btn-sm va0 create_temp_login" >Create authorization</button>'+
'<div class="divtable mt10">'+
'<table class="table table-hover">'+
'<thead><tr><th>Login IP</th><th>Status</th><th>Login time</th><th>Expiration time</th><th style="text-align:right;">Opt</th></tr></thead>'+
'<tbody id="temp_login_view_tbody"></tbody>'+
'</table>'+
'<div class="temp_login_view_page page"></div>'+
'</div>'+
'</div>',
success:function(){
reader_temp_list();
// 创建临时授权
$('.create_temp_login').click(function(){
bt.confirm({title:'Risk tips',msg:'<span style="color:red">Note 1: Abuse of temporary authorization may lead to security risks.</br>Note 2: Not publish temporary authorized connections in public</span></br>Temporary authorization connection is about to be created. Continue?'},function(){
layer.open({
type: 1,
area:'570px',
title: "Create temporary authorization",
closeBtn: 2,
shift: 5,
shadeClose: false,
content:'<div class="bt-form create_temp_view">'+
'<div class="line"><span class="tname" style="width: auto;">Temporary authorized address</span><div class="info-r ml0"><textarea id="temp_link" class="bt-input-text mr20" style="margin: 0px;width: 500px;height: 50px;line-height: 19px;"></textarea></div></div>'+
'<div class="line"><button type="submit" class="btn btn-success btn-sm btn-copy-temp-link" data-clipboard-text="">Copy address</button></div>'+
'<ul class="help-info-text c7"><li>The temporary authorization is valid within 1 hour after it is generated. It is a one-time authorization and will be invalid immediately after use</li><li>Use temporary authorization to log in to the panel within 1 hour. Do not publish temporary authorization connection in public</li><li>The authorized connection information is only displayed here once. If you forget it before use, please regenerate it</li></ul>'+
'</div>',
success:function(){
set_temp_login(function(res){
if(res.status){
var temp_link = location.origin+ '/login?tmp_token=' + res.token;
$('#temp_link').val(temp_link);
$('.btn-copy-temp-link').attr('data-clipboard-text',temp_link);
}
});
var clipboard = new ClipboardJS('.btn');
clipboard.on('success', function(e) {
bt.msg({status:true,msg:'Copy succeeded!'});
e.clearSelection();
});
clipboard.on('error', function(e) {
bt.msg({status:false,msg:'Copy failed, please copy address manually'});
});
},
end:function(){
reader_temp_list();
}
});
});
});
// 操作日志
$('#temp_login_view_tbody').on('click','.logs_temp_login',function(){
var id = $(this).data('id'),ip = $(this).data('ip');
layer.open({
type: 1,
area:['700px','550px'],
title:'Operation logs ['+ ip +']',
closeBtn: 2,
shift: 5,
shadeClose: false,
content:'<div class="pd15">'+
'<button class="btn btn-default btn-sm va0 refresh_login_logs">Refresh logs</button>'+
'<div class="divtable mt10 tablescroll" style="max-height: 420px;overflow-y: auto;border:none">'+
'<table class="table table-hover" id="logs_login_view_table">'+
'<thead><tr><th width="90px">Operation</th><th width="150px">Time</th><th>logs</th></tr></thead>'+
'<tbody ></tbody>'+
'</table>'+
'</div>'+
'</div>',
success:function(){
reader_temp_login_logs({id:id},function(data){
$('#logs_login_view_table tbody').html(data.tbody);
});
$('.refresh_login_logs').click(function(){
reader_temp_login_logs({id:id},function(data){
$('#logs_login_view_table tbody').html(data.tbody);
});
});
bt.fixed_table('logs_login_view_table');
}
});
});
//删除授权记录,仅未使用的授权记录
$('#temp_login_view_tbody').on('click','.remove_temp_login',function(){
var id = $(this).data('id');
bt.confirm({
title:'Remove unused licenses',
msg:'Delete unused authorization record, continue?'
},function(){
remove_temp_login({id:id},function(res){
reader_temp_list(function(){
bt.msg(res);
})
})
})
});
//强制下线,强制登录的用户下线
$('#temp_login_view_tbody').on('click','.clear_temp_login',function(){
var id = $(this).data('id'),ip= $(this).data('ip');
bt.confirm({
title:'Force logout [ '+ ip +' ]',
msg:'Confirm to force logout [ '+ ip +' ]?'
},function(){
clear_temp_login({id:id},function(res){
reader_temp_list(function(){
bt.msg(res);
});
});
})
});
// 分页操作
$('.temp_login_view_page').on('click','a',function(ev){
var href = $(this).attr('href'),reg = /([0-9]*)$/,page = reg.exec(href)[0];
reader_temp_list({p:page});
ev.stopPropagation();
ev.preventDefault();
});
}
});
}