Simple Linux Panel
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
mdserver-web/plugins/supervisor/js/supervisor.js

320 lines
13 KiB

function myPost(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:'supervisor', 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 supList(page, search){
var _data = {};
if (typeof(page) =='undefined'){
var page = 1;
}
_data['page'] = page;
_data['page_size'] = 10;
if(typeof(search) != 'undefined'){
_data['search'] = search;
}
myPost('get_sup_list', _data, function(data){
var rdata = $.parseJSON(data.data);
// console.log(rdata.data);
var list = '';
for(i in rdata.data){
list += '<tr>';
list += '<td>' + rdata.data[i]['program'] +'</td>';
list += '<td>' + rdata.data[i]['command'] +'</td>';
list += '<td>' + rdata.data[i]['user'] +'</td>';
list += '<td>' + rdata.data[i]['pid'] +'</td>';
list += '<td>' + rdata.data[i]['numprocs'] +'</td>';
list += '<td>' + rdata.data[i]['priority'] +'</td>';
list += '<td>' + rdata.data[i]['runStatus'] +'</td>';
list += '<td>' + rdata.data[i]['runStatus'] +'</td>';
list += '<td style="text-align:right">\
<a href="javascript:;" class="btlink" onclick="startOrStop(\''+rdata.data[i]['program']+'\',\''+rdata.data[i]['runStatus']+'\')" title="启动|停止">启动</a> | ' +
'<a href="javascript:;" class="btlink" onclick="updateJob(\''+rdata.data[i]['program']+'\')">修改</a> | ' +
'<a href="javascript:;" class="btlink" onclick="delJob(\''+rdata.data[i]['program']+'\')" title="删除">删除</a>' +
'</td>';
list += '</tr>';
}
if(rdata.data.length==0){
list = "<tr><td colspan='9'>当前没有数据</td></tr>";
}
var con = '<div class="safe bgw">\
<button onclick="supAdd()" title="添加守护进程" class="btn btn-success btn-sm" type="button" style="margin-right: 5px;">添加守护进程</button>\
<div class="divtable mtb10">\
<div class="tablescroll">\
<table id="DataBody" class="table table-hover" width="100%" cellspacing="0" cellpadding="0" border="0" style="border: 0 none;">\
<thead>\
<th>名称</th>\
<th>启动命令</th>\
<th>启动用户</th>\
<th>进程ID</th>\
<th>进程数量</th>\
<th>优先级</th>\
<th>进程管理</th>\
<th>状态</th>\
<th style="text-align:right;">操作</th></tr></thead>\
<tbody>\
'+ list +'\
</tbody></table>\
</div>\
<div id="databasePage" class="dataTables_paginate paging_bootstrap page"></div>\
</div>\
</div>';
con += '<div class="code">\
<span>supervisord 常见进程状态详细如下:</span>\
<span>1:STOPPED:该进程已停止。 2:STOPPING:由于停止请求,该进程正在停止。</span>\
<span>3:RUNNING:该进程正在运行。 4:STARTING:该进程由于启动请求而开始。</span>\
<span>5:FATAL:该进程无法成功启动。</span>\
<span>6:BACKOFF:该进程进入“ 启动”状态,但随后退出的速度太快而无法移至“ 运行”状态。</span>\
</div>'
$(".soft-man-con").html(con);
$('#databasePage').html(rdata.page);
});
}
function startOrStop(name,status){
myPost('start_job',{'name':name,'status':status}, function(data){
var rdata = $.parseJSON(data.data);
// console.log(data);
layer.msg(rdata.msg,{icon:rdata.status?1:2});
setTimeout(function(){
supList(1,10);
},2000);
});
}
function updateJob(name){
myPost('get_job_info',{'name':name},function(data){
var rdata = $.parseJSON(data.data);
// console.log(rdata);
var defaultPath = $("#defaultPath").html();
var ulist = "<div class='line'><span class='tname'>启动用户</span><select class='bt-input-text' name='user' id='c_k3' style='width:270px'>";
for (var i=0;i<rdata['userlist'].length;i++) {
if (rdata['userlist'][i] == rdata['daemoninfo']['user']){
ulist += "<option value='"+rdata['userlist'][i]+"' selected>"+rdata['userlist'][i]+"</option>";
} else {
ulist += "<option value='"+rdata['userlist'][i]+"'>"+rdata['userlist'][i]+"</option>";
}
}
ulist += "</select><span style='color:red;margin-left: 10px;width:270px;'></span></div>";
layer.open({
type: 1,
area: '500px',
title: '修改守护进程',
closeBtn: 2,
shift: 0,
shadeClose: false,
btn: ['确定', '取消'],
content: "<div class='bt_conter bt-form pd15' style='height:auto;width:100%;'>\
<div class='line'>\
<span class='tname'>名称</span>\
<div class='info-r c4'>\
<input id='name' class='bt-input-text' type='text' name='name' value='"+name+"' placeholder='请输入名称' style='width:270px' readonly/>\
</div>\
</div>\
"+ulist+"\
<div class='line'>\
<span class='tname'>进程数量</span>\
<div class='info-r c4'>\
<input id='numprocs' class='bt-input-text' type='text' name='numprocs' value='"+rdata['daemoninfo']['numprocs']+"' style='width:270px' />\
</div>\
</div>\
<div class='line'>\
<span class='tname'>启动优先级</span>\
<div class='info-r c4'>\
<input id='priority' class='bt-input-text' type='text' name='priority' value='"+rdata['daemoninfo']['priority']+"' style='width:270px' />\
</div>\
</div>\
</div>",
yes: function(index, layero){
// console.log(index,layero);
var options = ['name','user','numprocs','priority'];
var opval = {};
for(var i in options){
opval[options[i]] = $('[name="'+ options[i] +'"]').val();
if(opval[options[i]] == ''){
if(options[i] == 'user'){
layer.msg('启动用户不能为空');
return false;
}else if(options[i] == 'priority'){
layer.msg('启动优先级不能为空');
return false;
}else if(options[i] == 'numprocs'){
layer.msg('进程数量不能为空!');
return false;
}
}
}
var numprocs = $('[name=numprocs]').val();
if (!(/(^[1-9]\d*$)/.test(numprocs))) {
layer.msg('进程数量请输入正整数')
return false;
  }
myPost("update_job", opval, function(data){
rdata = $.parseJSON(data.data);
layer.msg(rdata.msg,{icon:rdata.status?1:2});
rdata.status ? layer.close(index):'';
supList(1,10);
})
return;
}
});
});
}
//卸载软件
function delJob(name) {
layer.confirm(msgTpl('是否删除守护进程[{1}]?', [name]), { icon: 3, closeBtn: 2 }, function() {
///////////////////////////////////////
var data = {'name': name};
var loadT = layer.msg('正在处理,请稍候...', { icon: 16, time: 0, shade: [0.3, '#000'] });
myPost('del_job', data, function(rdata){
layer.close(loadT)
rdata = $.parseJSON(rdata.data);
supList(1,10);
layer.msg(rdata.msg, { icon: rdata.status ? 1 : 2 });
});
///////////////////////////////////////
});
}
//添加站点
function supAdd() {
myPost('get_user_list',{},function(data){
var rdata = $.parseJSON(data.data);
// console.log(rdata);
var defaultPath = $("#defaultPath").html();
var ulist = "<div class='line'><span class='tname'>启动用户</span><select class='bt-input-text' name='user' id='c_k3' style='width:270px'>";
for (var i=0;i<rdata.length;i++) {
ulist += "<option value='"+rdata[i]+"'>"+rdata[i]+"</option>";
}
var www = syncPost('/site/get_root_dir');
ulist += "</select><span id='php_w' style='color:red;margin-left: 10px;width:270px;'></span></div>";
layer.open({
type: 1,
area: '500px',
title: '添加守护进程',
closeBtn: 2,
shift: 0,
shadeClose: false,
btn: ['确定', '取消'],
content: "<div class='bt_conter bt-form pd15' style='height:auto;width:100%;'>\
<div class='line'>\
<span class='tname'>名称</span>\
<div class='info-r c4'>\
<input id='name' class='bt-input-text' type='text' name='name' placeholder='请输入名称' style='width:270px' />\
</div>\
</div>\
"+ulist+"\
<div class='line'>\
<span class='tname'>运行目录</span>\
<div class='info-r c4'>\
<input id='inputPath' class='bt-input-text mr5' type='text' name='path' placeholder='请选择运行目录' value='"+www['dir']+"/' placeholder='"+www['dir']+"' style='width:270px' />\
<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='command' class='bt-input-text' type='text' name='command' placeholder='请输入启动命令' style='width:270px' />\
</div>\
</div>\
<div class='line'>\
<span class='tname'>进程数量</span>\
<div class='info-r c4'>\
<input id='numprocs' class='bt-input-text' type='text' name='numprocs' value='1' style='width:270px' />\
</div>\
</div>\
<ul class='help-info-text c7' style='padding-left: 29px;margin-top:5px;'>\
<li style='color:#F00'>注意:填写进程名称请使用英文,暂不支持中文!</li>\
<li>如果启动命令里面有文件,请填写文件的绝对路径!</li>\
<li>进程数量默认值为1,如果值为大于1的整数,则相当于多进程!</li>\
</ul>\
</div>",
yes: function(index, layero){
// console.log(index,layero);
var options = ['name','user','path','command','numprocs'];
var opval = {};
for(var i in options){
opval[options[i]] = $('[name="'+ options[i] +'"]').val();
if(opval[options[i]] == ''){
if(options[i] == 'name'){
layer.msg('进程名称不能为空');
return false;
}else if(options[i] == 'user'){
layer.msg('启动用户不能为空');
return false;
}else if(options[i] == 'path'){
layer.msg('运行目录不能为空');
return false;
}else if(options[i] == 'command'){
layer.msg('启动命令不能为空');
return false;
}else if(options[i] == 'numprocs'){
layer.msg('进程数量不能为空!');
return false;
}
}
}
var numprocs = $('[name=numprocs]').val();
if (!(/(^[1-9]\d*$)/.test(numprocs))) {
layer.msg('进程数量请输入正整数')
return false;
  }
myPost("add_job", opval, function(data){
rdata = $.parseJSON(data.data);
layer.msg(rdata.msg,{icon:rdata.status?1:2});
rdata.status ? layer.close(index):'';
supList(1,10);
})
return;
}
});
});
}