427 lines
18 KiB
JavaScript
Executable File
427 lines
18 KiB
JavaScript
Executable File
function str2Obj(str){
|
||
var data = {};
|
||
kv = str.split('&');
|
||
for(i in kv){
|
||
v = kv[i].split('=');
|
||
data[v[0]] = v[1];
|
||
}
|
||
return data;
|
||
}
|
||
|
||
function rsPost(method,args,callback, title){
|
||
|
||
var _args = null;
|
||
if (typeof(args) == 'string'){
|
||
_args = JSON.stringify(str2Obj(args));
|
||
} else {
|
||
_args = JSON.stringify(args);
|
||
}
|
||
|
||
var _title = '正在获取...';
|
||
if (typeof(title) != 'undefined'){
|
||
_title = title;
|
||
}
|
||
|
||
var loadT = layer.msg(_title, { icon: 16, time: 0, shade: 0.3 });
|
||
$.post('/plugins/run', {name:'rsyncd', func:method, args:_args}, function(data) {
|
||
layer.close(loadT);
|
||
if (!data.status){
|
||
layer.msg(data.msg,{icon:0,time:2000,shade: [0.3, '#000']});
|
||
return;
|
||
}
|
||
|
||
if(typeof(callback) == 'function'){
|
||
callback(data);
|
||
}
|
||
},'json');
|
||
}
|
||
|
||
///////////////// ----------------- 发送配置 ---------------- //////////////
|
||
|
||
function createSendTask(){
|
||
|
||
layer.open({
|
||
type: 1,
|
||
area: ['600px','500px'],
|
||
title: "创建发送任务",
|
||
closeBtn: 1,
|
||
shift: 0,
|
||
shadeClose: false,
|
||
btn: ['提交','取消'],
|
||
content:"<form class='bt-form pd20' id='fromServerPath' accept-charset='utf-8'>\
|
||
<div class='line'>\
|
||
<span class='tname'>服务器IP</span>\
|
||
<div class='info-r c4'>\
|
||
<input class='bt-input-text' type='text' name='ip' placeholder='请输入接收服务器IP' value='' style='width:310px' />\
|
||
</div>\
|
||
</div>\
|
||
<div class='line'>\
|
||
<span class='tname'>同步目录</span>\
|
||
<div class='info-r c4'>\
|
||
<input id='inputPath' class='bt-input-text mr5' type='text' name='path' value='/www/wwwroot' placeholder='请选择同步目录' style='width:310px' /><span class='glyphicon glyphicon-folder-open cursor' onclick='changePath(\"inputPath\")'></span>\
|
||
<span data-toggle='tooltip' data-placement='top' title='【同步目录】若不以/结尾，则表示将数据同步到二级目录，一般情况下目录路径请以/结尾' class='bt-ico-ask' style='cursor: pointer;'>?</span>\
|
||
</div>\
|
||
</div>\
|
||
<div class='line'>\
|
||
<span class='tname'>同步方式</span>\
|
||
<div class='info-r c4'>\
|
||
<select class='bt-input-text' name='delete' style='width:100px'>\
|
||
<option value='false'>增量</option>\
|
||
<option value='true'>完全</option>\
|
||
</select>\
|
||
<span data-toggle='tooltip' data-placement='top' title='【同步方式】增量： 数据更改/增加时同步，且只追加和替换文件\n【同步方式】完全： 保持两端的数据与目录结构的一致性，会同步删除、追加和替换文件和目录' class='bt-ico-ask' style='cursor: pointer;'>?</span>\
|
||
<span style='margin-left: 20px;margin-right: 10px;'>同步周期</span>\
|
||
<select class='bt-input-text synchronization' name='realtime' style='width:100px'>\
|
||
<option value='true'>实时同步</option>\
|
||
<option value='false'>定时同步</option>\
|
||
</select>\
|
||
</div>\
|
||
</div>\
|
||
<!--<div class='line'>\
|
||
<span class='tname'>同步周期</span>\
|
||
<div class='info-r c4'>\
|
||
<select class='bt-input-text synchronization' name='realtime' style='width:100px'>\
|
||
<option value='true'>实时同步</option>\
|
||
<option value='false'>定时同步</option>\
|
||
</select>\
|
||
</div>\
|
||
</div>-->\
|
||
<div class='line' id='period' style='height:45px;display:none;'>\
|
||
<span class='tname'>定时周期</span>\
|
||
<div class='info-r c4'>\
|
||
<select class='bt-input-text pull-left mr20' name='period' style='width:100px;display:none;'>\
|
||
<option value='day' >每天</option>\
|
||
<option value='minute-n' >N分钟</option>\
|
||
</select>\
|
||
<div class='plan_hms pull-left mr20 bt-input-text hour' style='display:none;'>\
|
||
<span><input type='number' name='hour' value='0' maxlength='2' max='23' min='0'></span>\
|
||
<span class='name'>小时</span>\
|
||
</div>\
|
||
<div class='plan_hms pull-left mr20 bt-input-text minute' style='display:none;'>\
|
||
<span><input type='number' name='minute' value='0' maxlength='2' max='59' min='0'></span>\
|
||
<span class='name'>分钟</span>\
|
||
</div>\
|
||
<div class='plan_hms pull-left mr20 bt-input-text minute-n' style='display:none;'>\
|
||
<span><input type='number' name='minute-n' value='0' maxlength='2' max='59' min='0'></span>\
|
||
<span class='name'>分钟</span>\
|
||
</div>\
|
||
</div>\
|
||
</div>\
|
||
<div class='line'>\
|
||
<span class='tname'>限速</span>\
|
||
<div class='info-r c4'>\
|
||
<input class='bt-input-text' type='number' name='bwlimit' min='0' value='1000' style='width:100px' /> KB\
|
||
<span data-toggle='tooltip' data-placement='top' title='【限速】限制数据同步任务的速度，防止因同步数据导致带宽跑高' class='bt-ico-ask' style='cursor: pointer;'>?</span>\
|
||
<span style='margin-left: 29px;margin-right: 10px;'>延迟</span><input class='bt-input-text' min='0' type='number' name='delay' value='3' style='width:100px' /> 秒\
|
||
<span data-toggle='tooltip' data-placement='top' title='【延迟】在延迟时间周期内仅记录不同步，到达周期后一次性同步数据，以节省开销' class='bt-ico-ask' style='cursor: pointer;'>?</span>\
|
||
</div>\
|
||
</div>\
|
||
<div class='line'>\
|
||
<span class='tname'>连接方式</span>\
|
||
<div class='info-r c4'>\
|
||
<select class='bt-input-text' name='conn_type' style='width:100px'>\
|
||
<option value='key'>密钥</option>\
|
||
<option value='user'>帐号</option>\
|
||
</select>\
|
||
<span style='margin-left: 45px;margin-right: 10px;'>压缩传输</span>\
|
||
<select class='bt-input-text' name='compress' style='width:100px'>\
|
||
<option value='true'>开启</option>\
|
||
<option value='false'>关闭</option>\
|
||
</select>\
|
||
<span data-toggle='tooltip' data-placement='top' title='【压缩传输】开启后可减少带宽开销，但会增加CPU开销，如带宽充足，建议关闭此选项' class='bt-ico-ask' style='cursor: pointer;'>?</span>\
|
||
</div>\
|
||
</div>\
|
||
<div class='line conn-key'>\
|
||
<span class='tname'>接收密钥</span>\
|
||
<div class='info-r c4'>\
|
||
<textarea id='mainDomain' class='bt-input-text' name='secret_key' style='width:310px;height:75px;line-height:22px' placeholder='此密钥为 接收配置[接收账号] 的密钥'></textarea>\
|
||
</div>\
|
||
</div>\
|
||
<div class='line conn-user'>\
|
||
<span class='tname'>用户名</span>\
|
||
<div class='info-r c4'>\
|
||
<input class='bt-input-text' type='text' name='u_user' min='0' value='' style='width:310px' />\
|
||
</div>\
|
||
</div>\
|
||
<div class='line conn-user'>\
|
||
<span class='tname'>密码</span>\
|
||
<div class='info-r c4'>\
|
||
<input class='bt-input-text' type='text' name='u_pass' min='0' value='' style='width:310px' />\
|
||
</div>\
|
||
</div>\
|
||
<div class='line conn-user'>\
|
||
<span class='tname'>端口</span>\
|
||
<div class='info-r c4'>\
|
||
<input class='bt-input-text' type='number' name='u_port' min='0' value='' style='width:310px' />\
|
||
</div>\
|
||
</div>\
|
||
<ul class=\"help-info-text c7\">\
|
||
</ul>\
|
||
</form>",
|
||
success:function(){
|
||
$('[data-toggle="tooltip"]').tooltip();
|
||
|
||
$(".conn-user").hide();
|
||
$("select[name='conn_type']").change(function(){
|
||
if($(this).val() == 'key'){
|
||
$(".conn-user").hide();
|
||
$(".conn-key").show();
|
||
}else{
|
||
$(".conn-user").show();
|
||
$(".conn-key").hide();
|
||
}
|
||
});
|
||
},
|
||
yes:function(){
|
||
var args = {};
|
||
args['ip'] = $('input[name="ip"]').val();
|
||
args['path'] = $('input[name="path"]').val();
|
||
args['delete'] = $('input[name="delete"]').val();
|
||
args['realtime'] = $('input[name="realtime"]').val();
|
||
|
||
args['bwlimit'] = $('input[name="bwlimit"]').val();
|
||
args['conn_type'] = $('input[name="conn_type"]').val();
|
||
args['compress'] = $('input[name="compress"]').val();
|
||
|
||
|
||
console.log(args);
|
||
rsPost('lsyncd_add', args, function(rdata){
|
||
console.log(rdata);
|
||
});
|
||
return false;
|
||
}
|
||
});
|
||
}
|
||
|
||
function rsyncdSend(){
|
||
rsPost('lsyncd_list', '', function(data){
|
||
var rdata = $.parseJSON(data.data);
|
||
console.log(rdata);
|
||
if (!rdata.status){
|
||
layer.msg(rdata.msg,{icon:rdata.status?1:2,time:2000,shade: [0.3, '#000']});
|
||
return;
|
||
}
|
||
var list = rdata.data.list;
|
||
var con = '';
|
||
|
||
con += '<div style="padding-top:1px;">\
|
||
<button class="btn btn-success btn-sm" onclick="createSendTask();">创建发送任务</button>\
|
||
<button class="btn btn-success btn-sm" onclick="rsyncdLog();">创建本地同步</button>\
|
||
<button class="btn btn-success btn-sm" onclick="rsyncdLog();">日志</button>\
|
||
</div>';
|
||
|
||
con += '<div class="divtable" style="margin-top:5px;"><table class="table table-hover" width="100%" cellspacing="0" cellpadding="0" border="0">';
|
||
con += '<thead><tr>';
|
||
con += '<th>名称(标识)</th>';
|
||
con += '<th>源目录</th>';
|
||
con += '<th>同步到</th>';
|
||
con += '<th>模式</th>';
|
||
con += '<th>周期</th>';
|
||
con += '<th>操作</th>';
|
||
con += '</tr></thead>';
|
||
|
||
con += '<tbody>';
|
||
|
||
for (var i = 0; i < list.length; i++) {
|
||
con += '<tr>'+
|
||
'<td>' + "dd"+'</td>' +
|
||
'<td><a class="btlink" onclick="openPath(\''+list[i]['path']+'\')">' + list[i]['path']+'</a></td>' +
|
||
'<td>' + list[i]['ip']+":"+"cc"+'</td>' +
|
||
'<td>' + "增量"+'</td>' +
|
||
'<td>' + "实时" +'</td>' +
|
||
'<td>\
|
||
<a class="btlink" onclick="cmdReceive(\''+list[i]['name']+'\')">同步</a>\
|
||
| <a class="btlink" onclick="delReceive(\''+list[i]['name']+'\')">日志</a>\
|
||
| <a class="btlink" onclick="delReceive(\''+list[i]['name']+'\')">过滤器</a>\
|
||
| <a class="btlink" onclick="delReceive(\''+list[i]['name']+'\')">编辑</a>\
|
||
| <a class="btlink" onclick="delReceive(\''+list[i]['name']+'\')">删除</a>\
|
||
</td>\
|
||
</tr>';
|
||
}
|
||
|
||
con += '</tbody>';
|
||
con += '</table></div>';
|
||
|
||
$(".soft-man-con").html(con);
|
||
});
|
||
}
|
||
|
||
|
||
|
||
///////////////// ----------------- 接收配置 ---------------- //////////////
|
||
function rsyncdConf(){
|
||
rsPost('conf', {}, function(rdata){
|
||
rpath = rdata['data'];
|
||
if (rdata['status']){
|
||
onlineEditFile(0, rpath);
|
||
} else {
|
||
layer.msg(rdata.msg,{icon:1,time:2000,shade: [0.3, '#000']});
|
||
}
|
||
});
|
||
}
|
||
|
||
function rsyncdLog(){
|
||
pluginStandAloneLogs("rsyncd","","run_log");
|
||
}
|
||
|
||
|
||
function rsyncdReceive(){
|
||
rsPost('rec_list', '', function(data){
|
||
var rdata = $.parseJSON(data.data);
|
||
if (!rdata.status){
|
||
layer.msg(rdata.msg,{icon:rdata.status?1:2,time:2000,shade: [0.3, '#000']});
|
||
return;
|
||
}
|
||
// console.log(rdata);
|
||
var list = rdata.data;
|
||
var con = '';
|
||
|
||
con += '<div style="padding-top:1px;">\
|
||
<button class="btn btn-success btn-sm" onclick="rsyncdConf();">配置</button>\
|
||
<button class="btn btn-success btn-sm" onclick="rsyncdLog();">日志</button>\
|
||
</div>';
|
||
|
||
con += '<div class="divtable" style="margin-top:5px;"><table class="table table-hover" width="100%" cellspacing="0" cellpadding="0" border="0">';
|
||
con += '<thead><tr>';
|
||
con += '<th>服务名</th>';
|
||
con += '<th>路径</th>';
|
||
con += '<th>备注</th>';
|
||
con += '<th>操作(<a class="btlink" onclick="addReceive()">添加</a>)</th>';
|
||
con += '</tr></thead>';
|
||
|
||
con += '<tbody>';
|
||
|
||
//<a class="btlink" onclick="modReceive(\''+list[i]['name']+'\')">编辑</a>
|
||
for (var i = 0; i < list.length; i++) {
|
||
con += '<tr>'+
|
||
'<td>' + list[i]['name']+'</td>' +
|
||
'<td>' + list[i]['path']+'</td>' +
|
||
'<td>' + list[i]['comment']+'</td>' +
|
||
'<td>\
|
||
<a class="btlink" onclick="cmdRecCmd(\''+list[i]['name']+'\')">命令</a>\
|
||
| <a class="btlink" onclick="cmdRecSecretKey(\''+list[i]['name']+'\')">密钥</a>\
|
||
| <a class="btlink" onclick="addReceive(\''+list[i]['name']+'\')">编辑</a>\
|
||
| <a class="btlink" onclick="delReceive(\''+list[i]['name']+'\')">删除</a></td>\
|
||
</tr>';
|
||
}
|
||
|
||
con += '</tbody>';
|
||
con += '</table></div>';
|
||
|
||
$(".soft-man-con").html(con);
|
||
});
|
||
}
|
||
|
||
|
||
function addReceive(name = ""){
|
||
rsPost('get_rec',{"name":name},function(rdata) {
|
||
var rdata = $.parseJSON(rdata.data);
|
||
var data = rdata.data;
|
||
|
||
var readonly = "";
|
||
if (name !=""){
|
||
readonly = 'readonly="readonly"'
|
||
}
|
||
|
||
var loadOpen = layer.open({
|
||
type: 1,
|
||
title: '创建接收',
|
||
area: '400px',
|
||
btn:['确认','取消'],
|
||
content:"<div class='bt-form pd20 c6'>\
|
||
<div class='line'>\
|
||
<span class='tname'>项目名</span>\
|
||
<div class='info-r c4'>\
|
||
<input id='name' value='"+data["name"]+"' class='bt-input-text' type='text' name='name' placeholder='项目名' style='width:200px' "+readonly+"/>\
|
||
</div>\
|
||
</div>\
|
||
<div class='line'>\
|
||
<span class='tname'>密钥</span>\
|
||
<div class='info-r c4'>\
|
||
<input id='MyPassword' value='"+data["pwd"]+"' class='bt-input-text' type='text' name='pwd' placeholder='密钥' style='width:200px'/>\
|
||
<span title='随机密码' class='glyphicon glyphicon-repeat cursor' onclick='repeatPwd(16)'></span>\
|
||
</div>\
|
||
</div>\
|
||
<div class='line'>\
|
||
<span class='tname'>同步到</span>\
|
||
<div class='info-r c4'>\
|
||
<input id='inputPath' value='"+data["path"]+"' class='bt-input-text' type='text' name='path' placeholder='/' style='width:200px'/>\
|
||
<span class='glyphicon glyphicon-folder-open cursor' onclick=\"changePath('inputPath')\"></span>\
|
||
</div>\
|
||
</div>\
|
||
<div class='line'>\
|
||
<span class='tname'>备注</span>\
|
||
<div class='info-r c4'>\
|
||
<input id='ps' class='bt-input-text' type='text' name='ps' placeholder='备注' style='width:200px'/>\
|
||
</div>\
|
||
</div>\
|
||
</div>",
|
||
success:function(layero, index){},
|
||
yes:function(){
|
||
var args = {};
|
||
args['name'] = $('#name').val();
|
||
args['pwd'] = $('#MyPassword').val();
|
||
args['path'] = $('#inputPath').val();
|
||
args['ps'] = $('#ps').val();
|
||
var loadT = layer.msg('正在获取...', { icon: 16, time: 0, shade: 0.3 });
|
||
rsPost('add_rec', args, function(data){
|
||
var rdata = $.parseJSON(data.data);
|
||
layer.close(loadOpen);
|
||
layer.msg(rdata.msg,{icon:rdata.status?1:2,time:2000,shade: [0.3, '#000']});
|
||
setTimeout(function(){rsyncdReceive();},2000);
|
||
});
|
||
}
|
||
});
|
||
})
|
||
}
|
||
|
||
|
||
function delReceive(name){
|
||
safeMessage('删除['+name+']', '您真的要删除['+name+']吗？', function(){
|
||
var _data = {};
|
||
_data['name'] = name;
|
||
rsPost('del_rec', _data, function(data){
|
||
var rdata = $.parseJSON(data.data);
|
||
layer.msg(rdata.msg,{icon:rdata.status?1:2,time:2000,shade: [0.3, '#000']});
|
||
setTimeout(function(){rsyncdReceive();},2000);
|
||
});
|
||
});
|
||
}
|
||
|
||
function cmdRecSecretKey(name){
|
||
var _data = {};
|
||
_data['name'] = name;
|
||
rsPost('cmd_rec_secret_key', _data, function(data){
|
||
var rdata = $.parseJSON(data.data);
|
||
layer.open({
|
||
type: 1,
|
||
title: '接收密钥',
|
||
area: '400px',
|
||
content:"<div class='bt-form pd20 pb70 c6'><textarea class='form-control' rows='6' readonly='readonly'>"+rdata.data+"</textarea></div>"
|
||
});
|
||
});
|
||
}
|
||
|
||
function cmdRecCmd(name){
|
||
var _data = {};
|
||
_data['name'] = name;
|
||
rsPost('cmd_rec_cmd', _data, function(data){
|
||
var rdata = $.parseJSON(data.data);
|
||
layer.open({
|
||
type: 1,
|
||
title: '接收命令例子',
|
||
area: '400px',
|
||
content:"<div class='bt-form pd20 pb70 c6'>"+rdata.data+"</div>"
|
||
});
|
||
});
|
||
}
|
||
|
||
|
||
function rsRead(){
|
||
var readme = '<ul class="help-info-text c7">';
|
||
readme += '<li>如需将其他服务器数据同步到本地服务器，请在接受配置中 "创建接收任务" </li>';
|
||
readme += '<li>如果开启防火墙,需要放行873端口</li>';
|
||
readme += '</ul>';
|
||
|
||
$('.soft-man-con').html(readme);
|
||
} |