mirror of
https://github.com/aaPanel/aaPanel.git
synced 2026-09-23 01:44:53 +02:00
jose
3ac20e08ce
1. Add disk IO information to the homepage 2. Add a clear list button in the upload window 3. Optimize the background task overhead of the panel 4. Optimize the disk information caching mechanism 5. Panel Pro edition is online 6. Optimize panel resource usage 7. Optimize SSL certificate renewal 8. Fix the problem of reporting an error when the security entrance is empty 9. Fix the problem of infinite recursion when copying directories in extreme cases
1315 lines
67 KiB
JavaScript
1315 lines
67 KiB
JavaScript
// bt.pub.check_install(function (rdata) {
|
||
// if (rdata === false) bt.index.rec_install();
|
||
// })
|
||
$("select[name='network-io']").change(function(){
|
||
var net_key = $(this).val();
|
||
if(net_key == 'all') net_key = '';
|
||
bt.set_cookie('network_io_key',net_key);
|
||
});
|
||
$("select[name='network-io'],select[name='disk-io']").change(function(){
|
||
var key = $(this).val(),type = $(this).attr('name')
|
||
if(type == 'network-io'){
|
||
if(key == 'all') key = '';
|
||
bt.set_cookie('network_io_key',key);
|
||
}else{
|
||
bt.set_cookie('disk_io_key',key);
|
||
}
|
||
});
|
||
$('.tabs-nav span').click(function () {
|
||
var indexs = $(this).index();
|
||
$(this).addClass('active').siblings().removeClass('active')
|
||
$('.tabs-content .tabs-item:eq('+ indexs +')').addClass('tabs-active').siblings().removeClass('tabs-active')
|
||
$('.tabs-down select:eq('+ indexs +')').removeClass('hide').siblings().addClass('hide')
|
||
switch(indexs){
|
||
case 0:
|
||
index.net.table.resize();
|
||
break;
|
||
case 1:
|
||
index.iostat.table.resize();
|
||
break;
|
||
}
|
||
})
|
||
var interval_stop = false;
|
||
var index = {
|
||
warning_list:[],
|
||
warning_num:0,
|
||
warning_list:[],
|
||
warning_num:0,
|
||
series_option:{},// 配置项
|
||
chart_json:{}, // 所有图表echarts对象
|
||
chart_view:{}, // 磁盘echarts对象
|
||
disk_view:[], // 释放内存标记
|
||
chart_result:null,
|
||
release:false,
|
||
load_config:[{
|
||
title: lan.index.run_block,
|
||
val: 90,
|
||
color: '#dd2f00'
|
||
},{
|
||
title: lan.index.run_slow,
|
||
val: 80,
|
||
color: '#ff9900'
|
||
},{
|
||
title: lan.index.run_normal,
|
||
val: 70,
|
||
color: '#20a53a'
|
||
},{
|
||
title: lan.index.run_fluent,
|
||
val: 30,
|
||
color: '#20a53a'
|
||
}],
|
||
interval: {
|
||
limit: 10,
|
||
count: 0,
|
||
task_id: 0,
|
||
start: function () {
|
||
var _this = this;
|
||
_this.count = 0;
|
||
_this.task_id = setInterval(function () {
|
||
if (_this.count >= _this.limit) {
|
||
_this.reload();
|
||
return;
|
||
}
|
||
_this.count++;
|
||
if (!interval_stop) index.reander_system_info();
|
||
}, 3000)
|
||
},
|
||
reload: function () {
|
||
var _this = this;
|
||
if (_this) clearInterval(_this.task_id);
|
||
_this.start();
|
||
}
|
||
},
|
||
net: {
|
||
table: null,
|
||
data: {
|
||
uData: [],
|
||
dData: [],
|
||
aData: []
|
||
},
|
||
init: function () {
|
||
//流量图表
|
||
index.net.table = echarts.init(document.getElementById('NetImg'));
|
||
var obj = {};
|
||
obj.dataZoom = [];
|
||
obj.unit = lan.index.unit + ':KB/s';
|
||
obj.tData = index.net.data.aData;
|
||
|
||
obj.list = [];
|
||
obj.list.push({ name: lan.index.net_up, data: index.net.data.uData, circle: 'circle', itemStyle: { normal: { color: '#f7b851' } }, areaStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: 'rgba(255, 140, 0,1)' }, { offset: 1, color: 'rgba(255, 140, 0,.4)' }], false) } }, lineStyle: { normal: { width: 1, color: '#f7b851' } } });
|
||
obj.list.push({ name: lan.index.net_down, data: index.net.data.dData, circle: 'circle', itemStyle: { normal: { color: '#52a9ff' } }, areaStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: 'rgba(30, 144, 255,1)' }, { offset: 1, color: 'rgba(30, 144, 255,.4)' }], false) } }, lineStyle: { normal: { width: 1, color: '#52a9ff' } } });
|
||
option = bt.control.format_option(obj)
|
||
|
||
index.net.table.setOption(option);
|
||
window.addEventListener("resize", function () {
|
||
index.net.table.resize();
|
||
});
|
||
},
|
||
add: function (up, down) {
|
||
var _net = this;
|
||
var limit = 8;
|
||
var d = new Date()
|
||
|
||
if (_net.data.uData.length >= limit) _net.data.uData.splice(0, 1);
|
||
if (_net.data.dData.length >= limit) _net.data.dData.splice(0, 1);
|
||
if (_net.data.aData.length >= limit) _net.data.aData.splice(0, 1);
|
||
|
||
_net.data.uData.push(up);
|
||
_net.data.dData.push(down);
|
||
_net.data.aData.push(d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds());
|
||
}
|
||
},
|
||
iostat: {
|
||
table: null,
|
||
data: {
|
||
uData: [],
|
||
dData: [],
|
||
aData: [],
|
||
tipsData:[]
|
||
},
|
||
init: function () {
|
||
//流量图表
|
||
index.iostat.table = echarts.init(document.getElementById('IoStat'));
|
||
var obj = {};
|
||
obj.dataZoom = [];
|
||
obj.unit = lan.index.unit + ':MB/s';
|
||
obj.tData = index.iostat.data.aData;
|
||
obj.formatter = function(config){
|
||
var _config = config,_tips = "Time："+ _config[0].axisValue +"<br />",options = {
|
||
read_bytes: 'Read Bytes',
|
||
read_count: 'Read Count ',
|
||
read_merged_count: 'Read Merged Count',
|
||
read_time: 'Read Wait',
|
||
write_bytes: 'Write Bytes',
|
||
write_count: 'Write Count',
|
||
write_merged_count: 'Write Merged Count',
|
||
write_time: 'Write Wait',
|
||
},data = index.iostat.data.tipsData[config[0].dataIndex],list = ['read_count','write_count','read_merged_count','write_merged_count','read_time','write_time',]
|
||
for(var i=0;i < config.length;i++){
|
||
if(typeof config[i].data == "undefined") return false
|
||
_tips += '<span style="display: inline-block;width: 10px;height: 10px;border-radius: 50%;background: '+ config[i].color +';"></span> <span>'+ config[i].seriesName +'：'+ (parseFloat(config[i].data)).toFixed(2) + ' MB/s' + '</span><br />'
|
||
}
|
||
$.each(list,function(index,item){
|
||
_tips += '<span style="display: inline-block;width: 10px;height: 10px;"></span> <span style="'+ (item.indexOf('time') > -1?('color:'+ ((data[item] > 100 && data[item] < 1000)?'#ff9900':(data[item] >= 1000?'red':'#20a53a'))):'') +'">'+ options[item] +'：' + data[item] + (item.indexOf('time') > -1 ?' ms':' per sec') + '</span><br />'
|
||
})
|
||
return _tips;
|
||
}
|
||
obj.list = [];
|
||
obj.list.push({ name: 'Read Bytes', data: index.iostat.data.uData, circle: 'circle', itemStyle: { normal: { color: '#FF4683' } }, areaStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: 'rgba(255,70,131,1)' }, { offset: 1, color: 'rgba(255,70,131,.4' }], false) } }, lineStyle: { normal: { width: 1, color: '#FF4683' } } });
|
||
obj.list.push({ name: 'Write Bytes', data: index.iostat.data.dData, circle: 'circle', itemStyle: { normal: { color: '#6CC0CF' } }, areaStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: 'rgba(108,192,207,1)' }, { offset: 1, color: 'rgba(108,192,207,.4)' }], false) } }, lineStyle: { normal: { width: 1, color: '#6CC0CF' } } });
|
||
option = bt.control.format_option(obj)
|
||
index.iostat.table.setOption(option);
|
||
window.addEventListener("resize", function () {
|
||
index.iostat.table.resize();
|
||
});
|
||
},
|
||
add: function (read, write,data) {
|
||
var _disk = this;
|
||
var limit = 8;
|
||
var d = new Date()
|
||
if (_disk.data.uData.length >= limit) _disk.data.uData.splice(0, 1);
|
||
if (_disk.data.dData.length >= limit) _disk.data.dData.splice(0, 1);
|
||
if (_disk.data.aData.length >= limit) _disk.data.aData.splice(0, 1);
|
||
if (_disk.data.tipsData.length >= limit) _disk.data.tipsData.splice(0, 1);
|
||
_disk.data.uData.push(read);
|
||
_disk.data.dData.push(write);
|
||
_disk.data.tipsData.push(data);
|
||
_disk.data.aData.push(d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds());
|
||
}
|
||
},
|
||
mem: {
|
||
status: 1,
|
||
set_status: function (obj, status, val) {
|
||
var _this = this;
|
||
_this.status = status;
|
||
var _div = $('<div><span style="display:none">1</span></div>')
|
||
if (status == 2) {
|
||
obj.find(".mem-re-con").animate({ "top": "-400px", opacity: 0 }); //动画
|
||
var btlen = parseInt(obj.find('.occupy span').html());
|
||
for (var i = 0; i < btlen; i++) {
|
||
setTimeout(index.set_val(obj.parents('li'), { usage: btlen - i }), i * 30);
|
||
};
|
||
obj.addClass("mem-action");
|
||
obj.find('.occupy').html(_div.append(lan.index.memre_ok_0 + ' <img src="/static/img/ings.gif">').html());
|
||
}
|
||
else if (status == 1) { //完成
|
||
obj.removeClass('mem-action');
|
||
obj.find('.occupy').removeClass('line').html("<span>" + val + "</span>%");
|
||
}
|
||
else {
|
||
obj.find('.occupy').html(_div.append(status).html());
|
||
if (bt.contains(status, '<br>')) obj.find('.occupy').addClass('line')
|
||
}
|
||
}
|
||
},
|
||
get_init: function () {
|
||
var _this = this;
|
||
// setTimeout(function () { _this.get_disk_list(); }, 10);
|
||
setTimeout(function () { _this.get_warning_list(); }, 20);
|
||
// setTimeout(function () { _this.get_server_info(); }, 30);
|
||
_this.reander_system_info(function(rdata){
|
||
// 负载悬浮事件
|
||
$('#loadChart').hover(function () {
|
||
var arry = [
|
||
[lan.index.avg_load_atlast_onemin,rdata.load.one],
|
||
[lan.index.avg_load_atlast_fivemin,rdata.load.five],
|
||
[lan.index.avg_load_atlast_fifteenmin,rdata.load.fifteen]
|
||
],tips = '';
|
||
$.each(arry || [],function (index,item){
|
||
tips += item[0]+'：'+ item[1] +'</br>';
|
||
})
|
||
$.each(rdata.cpu_times || {},function (key,item){
|
||
tips += key +'：'+ item +'</br>';
|
||
})
|
||
// '最近1分钟平均负载：' + rdata.load.one + '</br>最近5分钟平均负载：' + rdata.load.five + '</br>最近15分钟平均负载：' + rdata.load.fifteen + ''
|
||
layer.tips(tips, this, { time: 0, tips: [1, '#999'] });
|
||
}, function(){
|
||
layer.closeAll('tips');
|
||
})
|
||
|
||
// cpu悬浮事件
|
||
$('#cpuChart').hover(function () {
|
||
var cpuText = '';
|
||
for (var i = 1; i < rdata.cpu[2].length + 1; i++) {
|
||
var cpuUse = parseFloat(rdata.cpu[2][i - 1] == 0 ? 0 : rdata.cpu[2][i - 1]).toFixed(1)
|
||
if (i % 2 != 0) {
|
||
cpuText += 'CPU-' + i + '：' + cpuUse + '% | '
|
||
} else {
|
||
cpuText += 'CPU-' + i + '：' + cpuUse + '%'
|
||
cpuText += `\n`
|
||
}
|
||
}
|
||
|
||
layer.tips(rdata.cpu[3] + "</br>" + rdata.cpu[5] + " CPU，" + (rdata.cpu[4]) + " Physical core, " + rdata.cpu[1]+" Logical core</br>"+ cpuText, this, { time: 0, tips: [1, '#999'] });
|
||
}, function(){
|
||
layer.closeAll('tips');
|
||
})
|
||
|
||
$('#memChart').hover(function(){
|
||
$(this).append('<div class="mem_mask shine_green" title="Click to free RAM"><div class="men_inside_mask"></div><div class="mem-re-con" style="display:block"></div></div>');
|
||
$(this).find('.mem_mask .mem-re-con').animate({top:'5px'},400);
|
||
$(this).next().hide();
|
||
},function(){
|
||
$(this).find('.mem_mask').remove()
|
||
$(this).next().show();
|
||
}).click(function(){
|
||
var that = $(this);
|
||
var data = _this.chart_result.mem;
|
||
bt.show_confirm(lan.index.mem_release_sure, '<font style="color:red;">'+lan.index.mem_release_warn+'</font>', function () {
|
||
_this.release = true
|
||
var option = JSON.parse(JSON.stringify(_this.series_option));
|
||
// 释放中...
|
||
var count = ''
|
||
var setInter = setInterval(function(){
|
||
if(count == '...'){
|
||
count = '.'
|
||
}else{
|
||
count += '.'
|
||
}
|
||
option.series[0].detail.formatter = lan.index.memre_ok_0 + count
|
||
option.series[0].detail.fontSize = 15
|
||
option.series[0].data[0].value = 0
|
||
_this.chart_view.mem.setOption(option, true)
|
||
that.next().hide()
|
||
},400)
|
||
// 释放接口请求
|
||
bt.system.re_memory(function (res) {
|
||
that.next().show()
|
||
clearInterval(setInter)
|
||
option.series[0].detail = $.extend(option.series[0].detail,{
|
||
formatter:lan.index.memre_ok_1+"\n"+ bt.format_size(data.memRealUsed - res.memRealUsed),
|
||
lineHeight:18,
|
||
padding:[5,0]
|
||
})
|
||
_this.chart_view.mem.setOption(option,true)
|
||
setTimeout(function() {
|
||
_this.release = false;
|
||
_this.chart_result.mem = res;
|
||
_this.chart_active('mem');
|
||
}, 2000);
|
||
})
|
||
})
|
||
})
|
||
|
||
// 磁盘悬浮事件
|
||
for(var i = 0; i < rdata.disk.length; i++){
|
||
var disk = rdata.disk[i],texts = "<strong>"+lan.index.base_info+"</strong></br>"
|
||
texts += "Partition: " + disk.filesystem + "</br>"
|
||
texts += "Type: " + disk.type + "</br>"
|
||
texts += "Mount point: " + disk.path + "</br></br>"
|
||
texts += "<strong>"+ lan.index.inode_info +":</strong></br>"
|
||
texts += lan.index.total+": " + disk.inodes[0] + "</br>"
|
||
texts += lan.index.already_use+": " + disk.inodes[1] + "</br>"
|
||
texts += lan.index.available+": " + disk.inodes[2] + "</br>"
|
||
texts += lan.index.inode_percent+": " + disk.inodes[3] + "</br></br>"
|
||
texts += "<strong>"+lan.index.capacity_info+"</strong></br>"
|
||
texts += lan.index.capacity+": " + disk.size[0] + "</br>"
|
||
texts += lan.index.already_use+": " + disk.size[1] + "</br>"
|
||
texts += lan.index.available+": " + disk.size[2] + "</br>"
|
||
texts += lan.index.usage_rate+": " + disk.size[3] + "</br>"
|
||
$("#diskChart" + i).data('title',texts).hover(function () {
|
||
layer.tips($(this).data('title'), this, { time: 0, tips: [1, '#999'] });
|
||
}, function(){
|
||
layer.closeAll('tips');
|
||
})
|
||
}
|
||
_this.get_server_info(rdata);
|
||
if(rdata.installed === false) bt.index.rec_install();
|
||
if (rdata.user_info.status) {
|
||
var rdata_data = rdata.user_info.data;
|
||
bt.set_cookie('bt_user_info',JSON.stringify(rdata.user_info));
|
||
$(".bind-user").html(rdata_data.username);
|
||
}
|
||
else {
|
||
$(".bind-weixin a").attr("href", "javascript:;");
|
||
$(".bind-weixin a").click(function () {
|
||
bt.msg({ msg: '请先绑定宝塔账号!', icon: 2 });
|
||
})
|
||
}
|
||
})
|
||
setTimeout(function () { _this.interval.start(); }, 40)
|
||
setTimeout(function () { index.get_index_list(); }, 50)
|
||
setTimeout(function () {
|
||
_this.net.init();
|
||
}, 60);
|
||
setTimeout(function () {
|
||
_this.iostat.init()
|
||
}, 60);
|
||
|
||
setTimeout(function () {
|
||
bt.system.check_update(function (rdata) {
|
||
//console.log(rdata);
|
||
if (rdata.status !== false) {
|
||
$('#toUpdate a').html(lan.index.update+'<i style="display: inline-block; color: red; font-size: 40px;position: absolute;top: -35px; font-style: normal; right: -8px;">.</i>');
|
||
$('#toUpdate a').css("position", "relative");
|
||
|
||
}
|
||
// if (rdata.msg.is_beta === 1) {
|
||
// $('#btversion').prepend('<span style="margin-right:5px;">Beta</span>');
|
||
// $('#btversion').append('<a class="btlink" href="https://www.bt.cn/bbs/forum-39-1.html" target="_blank"> ['+lan.index.find_bug_reward+']</a>');
|
||
// }
|
||
|
||
}, false)
|
||
}, 70)
|
||
},
|
||
get_server_info: function (info) {
|
||
var memFree = info.memTotal - info.memRealUsed;
|
||
if (memFree < 64) {
|
||
$("#messageError").show();
|
||
$("#messageError").append('<p><span class="glyphicon glyphicon-alert" style="color: #ff4040; margin-right: 10px;">' + lan.index.mem_warning + '</span> </p>')
|
||
}
|
||
|
||
if (info.isuser > 0) {
|
||
$("#messageError").show();
|
||
$("#messageError").append('<p><span class="glyphicon glyphicon-alert" style="color: #ff4040; margin-right: 10px;"></span>' + lan.index.user_warning + '<span class="c7 mr5" title="'+lan.index.safe_problem_cant_ignore+'" style="cursor:no-drop"> ['+lan.index.cant_ignore+']</span><a class="btlink" href="javascript:setUserName();"> ['+lan.index.edit_now+']</a></p>')
|
||
}
|
||
|
||
if (info.isport === true) {
|
||
$("#messageError").show();
|
||
$("#messageError").append('<p><span class="glyphicon glyphicon-alert" style="color: #ff4040; margin-right: 10px;"></span>'+lan.index.panel_port_tips+'<span class="c7 mr5" title="'+lan.index.panel_port_tip1+'" style="cursor:no-drop"> ['+lan.index.panel_port_tip2+']</span><a class="btlink" href="/config"> ['+lan.index.panel_port_tip3+']</a></p>')
|
||
}
|
||
var _system = info.system;
|
||
$("#info").html(_system);
|
||
$("#running").html(info.time);
|
||
if (_system.indexOf("Windows") != -1) {
|
||
$(".ico-system").addClass("ico-windows");
|
||
}
|
||
else if (_system.indexOf("CentOS") != -1) {
|
||
$(".ico-system").addClass("ico-centos");
|
||
}
|
||
else if (_system.indexOf("Ubuntu") != -1) {
|
||
$(".ico-system").addClass("ico-ubuntu");
|
||
}
|
||
else if (_system.indexOf("Debian") != -1) {
|
||
$(".ico-system").addClass("ico-debian");
|
||
}
|
||
else if (_system.indexOf("Fedora") != -1) {
|
||
$(".ico-system").addClass("ico-fedora");
|
||
}
|
||
else {
|
||
$(".ico-system").addClass("ico-linux");
|
||
}
|
||
},
|
||
render_disk: function (data) {
|
||
if (data.items.length > 0) {
|
||
var _tab = $(data.table);
|
||
for (var i = 0; i < data.items.length; i++) {
|
||
var item = data.items[i];
|
||
var html = '';
|
||
html += '<li class="col-xs-6 col-sm-3 col-md-3 col-lg-2 mtb20 circle-box text-center diskbox">';
|
||
html += '<h3 class="c9 f15">' + item.name + '</h3>';
|
||
html += '<div class="cicle">';
|
||
html += '<div class="bar bar-left"><div class="bar-left-an bar-an"></div></div>';
|
||
html += '<div class="bar bar-right"><div class="bar-right-an bar-an"></div></div>';
|
||
html += '<div class="occupy"><span>0</span>%</div>';
|
||
html += '</div>';
|
||
html += '<h4 class="c9 f15">' + item.title + '</h4>';
|
||
html += '</li>';
|
||
var _li = $(html);
|
||
if (item.masks) {
|
||
var mask = '';
|
||
for (var j = 0; j < item.masks.length; j++) mask += item.masks[j].title + ': ' + item.masks[j].value + "<br>";
|
||
_li.data('mask', mask);
|
||
_li.find('.cicle').hover(function () {
|
||
var _this = $(this);
|
||
layer.tips(_this.parent().data('mask'), _this, { time: 0, tips: [1, '#999'] });
|
||
}, function () {
|
||
layer.closeAll('tips');
|
||
})
|
||
}
|
||
var color = '#20a53a';
|
||
if (parseFloat(item.rate) >= 80) color = '#ff9900';
|
||
var size = parseFloat(item.free.substr(0, item.free.length - 1));
|
||
var unit = item.free.substr(item.free.length - 1, 1);
|
||
switch (unit) {
|
||
case 'G':
|
||
if (size < 1) color = '#dd2f00';
|
||
break;
|
||
case 'T':
|
||
if (size < 0.1) color = '#dd2f00';
|
||
break;
|
||
default:
|
||
color = '#dd2f00'
|
||
break;
|
||
}
|
||
|
||
index.set_val(_li, { usage: item.rate, color: color })
|
||
_tab.append(_li);
|
||
}
|
||
}
|
||
},
|
||
set_val: function (_li, obj) {
|
||
//obj.usage = parseInt(obj.usage)
|
||
if (obj.usage > 50) {
|
||
setTimeout(function () { _li.find('.bar-right-an').css({ "transform": "rotate(45deg)", "transition": "transform 750ms linear" }); }, 10)
|
||
setTimeout(function () { _li.find('.bar-left-an').css({ "transform": "rotate(" + (((obj.usage - 50) / 100 * 360) - 135) + "deg)", "transition": "transform 750ms linear" }); }, 760);
|
||
} else {
|
||
if (parseInt(_li.find('.occupy span').html()) > 50) {
|
||
setTimeout(function () { _li.find('.bar-right-an').css({ "transform": "rotate(" + ((obj.usage / 100 * 360) - 135) + "deg)", "transition": "transform 750ms linear" }) }, 760);
|
||
setTimeout(function () { _li.find('.bar-left-an').css({ "transform": "rotate(-135deg)", "transition": "transform 750ms linear" }) }, 10)
|
||
} else {
|
||
setTimeout(function () { _li.find('.bar-right-an').css({ "transform": "rotate(" + ((obj.usage / 100 * 360) - 135) + "deg)", "transition": "transform 750ms linear" }); }, 10)
|
||
}
|
||
}
|
||
if (obj.items) {
|
||
var item = {};
|
||
for (var i = 0; i < obj.items.length; i++) {
|
||
if (obj.usage <= obj.items[i].val) {
|
||
item = obj.items[i];
|
||
continue;
|
||
}
|
||
break;
|
||
}
|
||
if (item.title) obj.title = item.title;
|
||
if (item.color) obj.color = item.color;
|
||
}
|
||
if (obj.color) {
|
||
_li.find('.cicle .bar-left-an').css('border-color', 'transparent transparent ' + obj.color + ' ' + obj.color);
|
||
_li.find('.cicle .bar-right-an').css('border-color', obj.color + ' ' + obj.color + ' transparent transparent');
|
||
_li.find('.occupy').css('color', obj.color);
|
||
}
|
||
if (obj.title) _li.find('h4').text(obj.title);
|
||
_li.find('.occupy span').html(obj.usage);
|
||
},
|
||
|
||
/**
|
||
* @description 渲染系统信息
|
||
* @param callback 回调函数
|
||
*
|
||
*/
|
||
reander_system_info:function(callback){
|
||
var _this = this;
|
||
bt.system.get_net(function (res){
|
||
_this.chart_result = res
|
||
// 动态添加磁盘，并赋值disk_view
|
||
if(_this.chart_view.disk == undefined){
|
||
for (var i = 0; i < res.disk.length; i++) {
|
||
var diskHtml = "<li class='rank col-xs-6 col-sm-3 col-md-3 col-lg-2 mtb20 circle-box text-center'><div id='diskName" + i +"'></div><div class='chart-li' id='diskChart" + i +"'></div><div id='disk" + i +"'></div></li>";
|
||
$("#systemInfoList").append(diskHtml);
|
||
_this.disk_view.push(echarts.init(document.querySelector("#diskChart" + i)));
|
||
}
|
||
}
|
||
|
||
// 负载
|
||
var loadCount = Math.round((res.load.one / res.load.max) * 100) > 100 ? 100 : Math.round((res.load.one / res.load.max) * 100);
|
||
loadCount = loadCount < 0 ? 0 : loadCount;
|
||
var loadInfo = _this.chart_color_active(loadCount);
|
||
|
||
// cpu
|
||
var cpuCount = res.cpu[0];
|
||
var cpuInfo = _this.chart_color_active(cpuCount);
|
||
|
||
// 内存
|
||
var memCount = Math.round((res.mem.memRealUsed / res.mem.memTotal) * 1000) / 10; // 返回 memRealUsed 占 memTotal 的百分比
|
||
var memInfo = _this.chart_color_active(memCount);
|
||
bt.set_cookie('memSize',res.mem.memTotal)
|
||
|
||
// 磁盘
|
||
var diskList = res.disk;
|
||
var diskJson = [];
|
||
for (var i = 0; i < diskList.length; i++) {
|
||
|
||
var ratio = diskList[i].size[3];
|
||
ratio = parseFloat(ratio.substring(0, ratio.lastIndexOf("%")));
|
||
var diskInfo = _this.chart_color_active(ratio)
|
||
diskJson.push(diskInfo)
|
||
|
||
}
|
||
|
||
// chart_json存储最新数据
|
||
_this.chart_json['load'] = loadInfo;
|
||
_this.chart_json['cpu'] = cpuInfo;
|
||
_this.chart_json['mem'] = memInfo;
|
||
_this.chart_json['disk'] = diskJson
|
||
// 初始化 || 刷新
|
||
if(_this.chart_view.disk == undefined) {
|
||
_this.init_chart_view()
|
||
} else {
|
||
_this.set_chart_data()
|
||
}
|
||
$('.rank .titles').show()
|
||
|
||
var net_key = bt.get_cookie('network_io_key');
|
||
if(net_key){
|
||
res.up = res.network[net_key].up;
|
||
res.down = res.network[net_key].down;
|
||
res.downTotal = res.network[net_key].downTotal;
|
||
res.upTotal = res.network[net_key].upTotal;
|
||
res.downPackets = res.network[net_key].downPackets;
|
||
res.upPackets = res.network[net_key].upPackets;
|
||
res.downAll = res.network[net_key].downTotal;
|
||
res.upAll = res.network[net_key].upTotal;
|
||
}
|
||
var net_option = '<option value="all">All</option>';
|
||
$.each(res.network,function(k,v){
|
||
var act = (k == net_key)?'selected':'';
|
||
net_option += '<option value="'+k+'" '+act+'>'+k+'</option>';
|
||
});
|
||
|
||
$('select[name="network-io"]').html(net_option);
|
||
//刷新流量
|
||
$("#upSpeed").html(res.up.toFixed(2) + ' KB');
|
||
$("#downSpeed").html(res.down.toFixed(2) + ' KB');
|
||
$("#downAll").html(bt.format_size(res.downTotal));
|
||
$("#upAll").html(bt.format_size(res.upTotal));
|
||
index.net.add(res.up, res.down);
|
||
var disk_key = bt.get_cookie('disk_io_key') || 'ALL', disk_io_data = res.iostat[disk_key || 'ALL'],mb = 1048576,ioTime = disk_io_data.write_time>disk_io_data.read_time?disk_io_data.write_time:disk_io_data.read_time
|
||
$('#readBytes').html(bt.format_size(disk_io_data.read_bytes))
|
||
$('#writeBytes').html(bt.format_size(disk_io_data.write_bytes))
|
||
$('#diskIops').html((disk_io_data.read_count + disk_io_data.write_count))
|
||
$('#diskTime').html(ioTime +' ms').css({'color':ioTime > 100 && ioTime < 1000?'#ff9900':ioTime >= 1000?'red':'#20a53a'})
|
||
|
||
index.iostat.add((disk_io_data.read_bytes / mb).toFixed(2), (disk_io_data.write_bytes / mb).toFixed(2),disk_io_data);
|
||
|
||
|
||
var disk_option = '';
|
||
$.each(res.iostat,function(k,v){
|
||
disk_option += '<option value="'+k+'" '+ (k == disk_key?'selected':'') +'>'+ (k == 'ALL'?'All':k) +'</option>';
|
||
});
|
||
$('select[name="disk-io"]').html(disk_option);
|
||
|
||
if (index.net.table) index.net.table.setOption({ xAxis: { data: index.net.data.aData }, series: [{ name: lan.index.net_up, data: index.net.data.uData }, { name: lan.index.net_down, data: index.net.data.dData }] });
|
||
if (index.iostat.table) index.iostat.table.setOption({ xAxis: { data: index.iostat.data.aData }, series: [{ name: 'Read Bytes', data: index.iostat.data.uData }, { name: 'Write Bytes', data: index.iostat.data.dData }] });
|
||
if(callback) callback(res)
|
||
});
|
||
},
|
||
/**
|
||
* @description 渲染画布视图
|
||
*/
|
||
init_chart_view:function(){
|
||
// 所有图表对象装进chart_view
|
||
this.chart_view['load'] = echarts.init(document.querySelector("#loadChart"))
|
||
this.chart_view['cpu'] = echarts.init(document.querySelector("#cpuChart"))
|
||
this.chart_view['mem'] = echarts.init(document.querySelector("#memChart"))
|
||
this.chart_view['disk'] = this.disk_view
|
||
|
||
// 图表配置项
|
||
this.series_option = {
|
||
series: [{
|
||
type: 'gauge',
|
||
startAngle: 90,
|
||
endAngle: -270,
|
||
animationDuration: 1500,
|
||
animationDurationUpdate: 1000,
|
||
radius: '99%',
|
||
pointer: {
|
||
show: false
|
||
},
|
||
progress: {
|
||
show: true,
|
||
overlap: false,
|
||
roundCap: true,
|
||
clip: false,
|
||
itemStyle: {
|
||
borderWidth: 1,
|
||
borderColor: '#20a53a'
|
||
}
|
||
},
|
||
axisLine: {
|
||
lineStyle: {
|
||
width: 7,
|
||
color: [[0, "rgba(204,204,204,0.5)"], [1, "rgba(204,204,204,0.5)"]]
|
||
}
|
||
},
|
||
splitLine: {
|
||
show: false,
|
||
distance: 0,
|
||
length: 10
|
||
},
|
||
axisTick: {
|
||
show: false
|
||
},
|
||
axisLabel: {
|
||
show: false,
|
||
distance: 50
|
||
},
|
||
data: [{
|
||
value: 0,
|
||
detail: {
|
||
offsetCenter: ['0%', '0%']
|
||
},
|
||
itemStyle: {
|
||
color: '#20a53a',
|
||
borderColor: '#20a53a'
|
||
},
|
||
}],
|
||
detail: {
|
||
width: 50,
|
||
height: 15,
|
||
lineHeight:15,
|
||
fontSize: 17,
|
||
color: '#20a53a',
|
||
formatter: '{value}%',
|
||
fontWeight:'normal'
|
||
}
|
||
}]
|
||
};
|
||
this.set_chart_data()
|
||
},
|
||
/**
|
||
* @description 赋值chart的数据
|
||
*
|
||
*/
|
||
set_chart_data:function(){
|
||
this.chart_active("load")
|
||
this.chart_active("cpu")
|
||
if(!this.release){
|
||
this.chart_active("mem")
|
||
}
|
||
for(var i = 0; i < this.chart_view.disk.length; i++){
|
||
this.series_option.series[0].data[0].value = this.chart_json.disk[i].val
|
||
this.series_option.series[0].data[0].itemStyle.color = this.chart_json.disk[i].color
|
||
this.series_option.series[0].data[0].itemStyle.borderColor = this.chart_json.disk[i].color
|
||
this.series_option.series[0].progress.itemStyle.borderColor = this.chart_json.disk[i].color
|
||
this.series_option.series[0].detail.color = this.chart_json.disk[i].color
|
||
this.chart_view.disk[i].setOption(this.series_option, true)
|
||
$("#disk" + i).text(this.chart_result.disk[i].size[1] + " / " + this.chart_result.disk[i].size[0])
|
||
$("#diskName" + i).text(this.chart_result.disk[i].path)
|
||
}
|
||
},
|
||
/**
|
||
* @description 赋值chart的数据
|
||
*
|
||
*/
|
||
chart_active:function(name){
|
||
// 图表数据
|
||
this.series_option.series[0].data[0].value = this.chart_json[name].val
|
||
this.series_option.series[0].data[0].itemStyle.color = this.chart_json[name].color
|
||
this.series_option.series[0].data[0].itemStyle.borderColor = this.chart_json[name].color
|
||
this.series_option.series[0].progress.itemStyle.borderColor = this.chart_json[name].color
|
||
this.series_option.series[0].detail.color = this.chart_json[name].color
|
||
|
||
this.chart_view[name].setOption(this.series_option, true)
|
||
|
||
// 文字
|
||
var val = ""
|
||
switch (name) {
|
||
case 'load':
|
||
val = this.chart_json[name].title
|
||
break;
|
||
case 'cpu':
|
||
val = this.chart_result.cpu[1] + ' '+lan.index.cpu_core
|
||
break;
|
||
case 'mem':
|
||
val = this.chart_result.mem.memRealUsed + " / " + this.chart_result.mem.memTotal + "(MB)"
|
||
break;
|
||
}
|
||
|
||
$("#" + name).text(val)
|
||
},
|
||
/**
|
||
* @description 赋值chart的颜色
|
||
*
|
||
*/
|
||
chart_color_active:function(number){
|
||
var activeInfo = {};
|
||
for (var i = 0; i < this.load_config.length; i++) {
|
||
if (number >= this.load_config[i].val) {
|
||
activeInfo = JSON.parse(JSON.stringify(this.load_config[i]));
|
||
break;
|
||
} else if (number <= 30) {
|
||
activeInfo = JSON.parse(JSON.stringify(this.load_config[3]));
|
||
break;
|
||
}
|
||
}
|
||
activeInfo.val = number;
|
||
return activeInfo;
|
||
},
|
||
|
||
|
||
get_index_list: function () {
|
||
bt.soft.get_index_list(function (rdata) {
|
||
var con = '';
|
||
var icon = '';
|
||
var rlen = rdata.length;
|
||
var clickName = '';
|
||
var setup_length = 0;
|
||
for (var i = 0; i < rlen; i++) {
|
||
if (rdata[i].setup) {
|
||
setup_length++;
|
||
if (rdata[i].admin) {
|
||
clickName = ' onclick="bt.soft.set_lib_config(\'' + rdata[i].name + '\',\'' + rdata[i].title + '\')"';
|
||
}
|
||
else {
|
||
clickName = 'onclick="soft.set_soft_config(\'' + rdata[i].name + '\')"';
|
||
}
|
||
var icon = rdata[i].name;
|
||
if (bt.contains(rdata[i].name, 'php-')) {
|
||
icon = 'php';
|
||
rdata[i].version = '';
|
||
}
|
||
var status = '';
|
||
if (rdata[i].status) {
|
||
status = '<span style="color:#20a53a" class="glyphicon glyphicon-play"></span>';
|
||
} else {
|
||
status = '<span style="color:red" class="glyphicon glyphicon-pause"></span>'
|
||
}
|
||
con += '<div class="col-sm-3 col-md-3 col-lg-3" data-id="' + rdata[i].name + '">\
|
||
<span class="spanmove"></span>\
|
||
<div '+ clickName + '>\
|
||
<div class="image"><img width="48" src="/static/img/soft_ico/ico-'+ icon + '.png"></div>\
|
||
<div class="sname">'+ rdata[i].title + ' ' + rdata[i].version + status + '</div>\
|
||
</div>\
|
||
</div>'
|
||
}
|
||
}
|
||
$("#indexsoft").html(con);
|
||
//软件位置移动
|
||
var softboxsum = 12;
|
||
var softboxcon = '';
|
||
if (setup_length <= softboxsum) {
|
||
for (var i = 0; i < softboxsum - setup_length; i++) {
|
||
softboxcon += '<div class="col-sm-3 col-md-3 col-lg-3 no-bg"></div>'
|
||
}
|
||
$("#indexsoft").append(softboxcon);
|
||
}
|
||
$("#indexsoft").dragsort({ dragSelector: ".spanmove", dragBetween: true, dragEnd: saveOrder, placeHolderTemplate: "<div class='col-sm-3 col-md-3 col-lg-3 dashed-border'></div>" });
|
||
|
||
function saveOrder() {
|
||
var data = $("#indexsoft > div").map(function () { return $(this).attr("data-id"); }).get();
|
||
data = data.join('|');
|
||
bt.soft.set_sort_index(data)
|
||
};
|
||
})
|
||
},
|
||
check_update: function () {
|
||
var _load = bt.load('Getting updates, please wait...');
|
||
bt.system.check_update(function (rdata) {
|
||
_load.close();
|
||
if (rdata.status === false) {
|
||
if (!rdata.msg.beta) {
|
||
bt.msg(rdata);
|
||
return;
|
||
}
|
||
var result = rdata,
|
||
is_beta = rdata.msg.is_beta,
|
||
loading = bt.open({
|
||
type: 1,
|
||
title: '[Linux' + (rdata.msg.is_beta == 1 ? lan.index.test_version : lan.index.final_version) + ']-'+lan.index.update_log,
|
||
area: '550px',
|
||
shadeClose: false,
|
||
skin: 'layui-layer-dialog',
|
||
closeBtn: 2,
|
||
content: '<div class="setchmod bt-form">\
|
||
<div class="update_title"><i class="layui-layer-ico layui-layer-ico1"></i><span>'+lan.index.last_version_now+'</span></div>\
|
||
<div class="update_version">'+lan.index.this_version+'<a href="https://forum.aapanel.com/d/9-aapanel-linux-panel-6-1-5-installation-tutorial/36" target="_blank" class="btlink" title="'+lan.index.check_this_version_log+'">'+lan.index.bt_linux+ (rdata.msg.is_beta == 1 ? lan.index.test_version+' ' + rdata.msg.beta.version : lan.index.final_version+' ' + rdata.msg.version) + '</a> '+ lan.index.release_time + (rdata.msg.is_beta == 1 ? rdata.msg.beta.uptime : rdata.msg.uptime) + '</div>\
|
||
<div class="update_conter">\
|
||
<div class="update_tips">'+ (is_beta != 1 ? lan.index.test_version : lan.index.final_version) + lan.index.last_version_is + (result.msg.is_beta != 1 ? result.msg.beta.version : result.msg.version) + ' '+lan.index.update_time+' ' + (is_beta != 1 ? result.msg.beta.uptime : result.msg.uptime) + '</div>\
|
||
'+ (is_beta !== 1 ? '<span>'+lan.index.update_verison_click+'<a href="javascript:;" onclick="index.beta_msg()" class="btlink btn_update_testPanel">'+lan.index.check_detail+'</a></span>' : '<span>'+lan.index.change_final_click+'<a href="javascript:;" onclick="index.to_not_beta()" class="btlink btn_update_testPanel"> '+lan.index.change_final+'</a></span>') + '\
|
||
</div>\
|
||
<div class="bt-form-submit-btn">\
|
||
<button type="button" class="btn btn-danger btn-sm btn-title" onclick="layer.closeAll()">'+ lan.public.cancel + '</button>\
|
||
<button type="button" class="btn btn-success btn-sm btn-title btn_update_panel" onclick="layer.closeAll()">'+ lan.public.know + '</button>\
|
||
</div>\
|
||
</div>\
|
||
<style>\
|
||
.setchmod{padding-bottom:40px;padding-top: 0;}\
|
||
.update_title{overflow: hidden;position: relative;vertical-align: middle;margin-top: 10px;}\
|
||
.update_title .layui-layer-ico{display: block;left: 10px !important;top: 1px !important;}\
|
||
.update_title span{display: inline-block;color: #333;height: 30px;margin-left: 45px;margin-top: 3px;font-size: 20px;}\
|
||
.update_conter{background: #f9f9f9;border-radius: 4px;padding: 20px;margin: 15px 37px;margin-top: 15px;}\
|
||
.update_version{font-size: 12px;margin:15px 0 10px 60px}\
|
||
.update_logs{margin-bottom:10px;border-bottom:1px solid #ececec;padding-bottom:10px;}\
|
||
.update_tips{font-size: 13px;color: #666;font-weight: 600;}\
|
||
.update_tips span{padding-top: 5px;display: block;font-weight: 500;}\
|
||
</style>'
|
||
});
|
||
return;
|
||
}
|
||
if (rdata.status === true) {
|
||
var result = rdata
|
||
var is_beta = rdata.msg.is_beta
|
||
if (is_beta) {
|
||
rdata = result.msg.beta
|
||
} else {
|
||
rdata = result.msg
|
||
}
|
||
var loading = bt.open({
|
||
type: 1,
|
||
title: '[Linux' + (is_beta === 1 ? lan.index.test_version : lan.index.final_version) + ']-'+ lan.index.update_log,
|
||
area: '520px',
|
||
shadeClose: false,
|
||
skin: 'layui-layer-dialog',
|
||
closeBtn: 2,
|
||
content: '<div class="setchmod bt-form" style="padding-bottom:50px;">\
|
||
<div class="update_title"><i class="layui-layer-ico layui-layer-ico0"></i><span>'+lan.index.have_new_version+'</span></div>\
|
||
<div class="update_conter">\
|
||
<div class="update_version">'+lan.index.last_version+'<a href="https://forum.aapanel.com/d/9-aapanel-linux-panel-6-1-5-installation-tutorial/36" target="_blank" class="btlink" title="'+lan.index.check_version_log+'">'+lan.index.bt_linux+ (is_beta === 1 ? lan.index.test_version : lan.index.final_version) + rdata.version + '</a></br>'+lan.index.update_date + (result.msg.is_beta == 1 ? result.msg.beta.uptime : result.msg.uptime) + '</div>\
|
||
<div class="update_logs">'+ rdata.updateMsg + '</div>\
|
||
</div>\
|
||
<div class="update_conter">\
|
||
<div class="update_tips">'+ (is_beta !== 1 ? lan.index.test_version : lan.index.final_version) + lan.index.last_version_is + (result.msg.is_beta != 1 ? result.msg.beta.version : result.msg.version) + ' '+lan.index.update_time+' ' + (is_beta != 1 ? result.msg.beta.uptime : result.msg.uptime) + '</div>\
|
||
'+ (is_beta !== 1 ? '<span>'+lan.index.update_verison_click+'<a href="javascript:;" onclick="index.beta_msg()" class="btlink btn_update_testPanel">'+lan.index.check_detail+'</a></span>' : '<span>'+lan.index.change_final_click+'<a href="javascript:;" onclick="index.to_not_beta()" class="btlink btn_update_testPanel">'+lan.index.change_final+'</a></span>') + '\
|
||
</div>\
|
||
<div class="bt-form-submit-btn">\
|
||
<button type="button" class="btn btn-danger btn-sm btn-title" onclick="layer.closeAll()">'+ lan.public.cancel + '</button>\
|
||
<button type="button" class="btn btn-success btn-sm btn-title btn_update_panel" onclick="index.to_update()" >'+ lan.index.update_go + '</button>\
|
||
</div>\
|
||
</div>\
|
||
<style>\
|
||
.update_title{overflow: hidden;position: relative;vertical-align: middle;margin-top: 10px;}.update_title .layui-layer-ico{display: block;left: 71px !important;top: 1px !important;}.update_title span{display: inline-block;color: #333;height: 30px;margin-left: 117px;margin-top: 3px;font-size: 20px;}.update_conter{background: #f9f9f9;border-radius: 4px;padding: 20px;margin: 15px 37px;margin-top: 15px;}.update_version{font-size: 13.5px; margin-bottom: 10px;font-weight: 600;}.update_logs{margin-bottom:10px;}.update_tips{font-size: 13px;color:#666;}.update_conter span{display: block;font-size:13px;color:#666}\
|
||
</style>'
|
||
});
|
||
}
|
||
})
|
||
},
|
||
to_update: function () {
|
||
layer.closeAll();
|
||
bt.system.to_update(function (rdata) {
|
||
if (rdata.status) {
|
||
bt.msg({ msg: rdata.msg, icon: 1 })
|
||
$("#btversion").html(rdata.version);
|
||
$("#toUpdate").html('');
|
||
bt.system.reload_panel();
|
||
setTimeout(function () { window.location.reload(); }, 3000);
|
||
}
|
||
else {
|
||
bt.msg({ msg: rdata.msg, icon: 5, time: 5000 });
|
||
}
|
||
});
|
||
},
|
||
to_not_beta: function () {
|
||
bt.show_confirm(lan.index.change_final,lan.index.change_test_to_final, function () {
|
||
|
||
bt.send('apple_beta', 'ajax/to_not_beta', {}, function (rdata) {
|
||
if (rdata.status === false) {
|
||
bt.msg(rdata);
|
||
return;
|
||
}
|
||
bt.system.check_update(function (rdata) {
|
||
index.to_update();
|
||
});
|
||
|
||
});
|
||
});
|
||
},
|
||
beta_msg: function () {
|
||
var new_load = bt.load();
|
||
bt.send('get_beta_logs', 'ajax/get_beta_logs', {}, function (data) {
|
||
var my_list = '';
|
||
new_load.close();
|
||
if(data.status == false){
|
||
layer.msg(data.msg,{icon: 2});
|
||
return false;
|
||
}
|
||
for (var i = 0; i < data.list.length; i++) {
|
||
my_list += '<div class="item_list">\
|
||
<span class="index_acive"></span>\
|
||
<div class="index_date">'+ bt.format_data(data.list[i].uptime).split(' ')[0] + '</div>\
|
||
<div class="index_title">'+ data.list[i].version + '</div>\
|
||
<div class="index_conter">'+ data.list[i].upmsg + '</div>\
|
||
</div>'
|
||
}
|
||
layer.open({
|
||
type: 1,
|
||
title: lan.index.apply_linux_test_version,
|
||
area: '650px',
|
||
shadeClose: false,
|
||
skin: 'layui-layer-dialog',
|
||
closeBtn: 2,
|
||
content: '<div class="bt-form pd20" style="padding-bottom:50px;padding-top:0">\
|
||
<div class="bt-form-conter">\
|
||
<span style="font-weight: 600;">'+lan.index.apply_most_know+'</span>\
|
||
<div class="form-body">'+ data.beta_ps + '</div>\
|
||
</div>\
|
||
<div class="bt-form-conter">\
|
||
<span style="font-size:16px;">'+lan.index.linux_test_version_update_log+'</span>\
|
||
<div class="item_box" style="height:180px;overflow: auto;">'+ my_list + '</div>\
|
||
</div>\
|
||
<div class="bt-form-line"> <label for="notice" style="cursor: pointer;"><input id="notice" disabled="disabled" type="checkbox" style="vertical-align: text-top;margin-right:5px"></input><span style="font-weight:500">'+lan.index.already_read+lan.index.apply_most_know1+'<i id="update_time"></i></span></label>\</div>\
|
||
<div class="bt-form-submit-btn">\
|
||
<button type="button" class="btn btn-danger btn-sm btn-title" onclick="layer.closeAll()">'+ lan.public.cancel + '</button>\
|
||
<button type="button" class="btn btn-success btn-sm btn-title btn_update_panel_beta" disabled>'+ lan.index.update_go + '</button>\
|
||
</div>\
|
||
<style>\
|
||
.bt-form-conter{padding: 20px 25px;line-height: 29px;background: #f7f7f7;border-radius: 5px;padding-bottom:30px;margin-bottom:20px;}\
|
||
.bt-form-conter span{margin-bottom: 10px;display: block;font-size: 19px;text-align: center;color: #333;}\
|
||
.form-body{color: #333;}\
|
||
#notice span{cursor: pointer;}\
|
||
#update_time{font-style:normal;color:red;}\
|
||
.item_list{margin-left:95px;border-left:5px solid #e1e1e1;position:relative;padding:5px 0 0 2px}.index_title{border-bottom:1px solid #ececec;margin-bottom:5px;font-size:15px;color:#20a53a;padding-left:15px;margin-top:7px;margin-left:5px}.index_conter{line-height:25px;font-size:12px;min-height:40px;padding-left:20px;color:#888}.index_date{position:absolute;left:-90px;top:13px;font-size:13px;color:#333}.index_acive{width:15px;height:15px;background-color:#20a53a;display:block;border-radius:50%;position:absolute;left:-10px;top:21px}.index_acive::after{position:relative;display:block;content:"";height:5px;width:5px;display:block;border-radius:50%;background-color:#fff;top:5px;left:5px}\
|
||
</style>\
|
||
</div>'
|
||
});
|
||
var countdown = 5;
|
||
function settime(val) {
|
||
if (countdown == 0) {
|
||
val.removeAttr("disabled");
|
||
$('#update_time').text('');
|
||
return false;
|
||
} else {
|
||
$('#update_time').text(lan.index.second_left_of_click.replace('{1}',countdown));
|
||
countdown--;
|
||
setTimeout(function () {
|
||
settime(val)
|
||
}, 1000)
|
||
}
|
||
}
|
||
settime($('#notice'));
|
||
$('#notice').click(function () {
|
||
console.log($(this).prop('checked'))
|
||
if ($(this).prop('checked')) {
|
||
$('.btn_update_panel_beta').removeAttr('disabled');
|
||
} else {
|
||
$('.btn_update_panel_beta').attr('disabled', 'disabled');
|
||
}
|
||
});
|
||
$('.btn_update_panel_beta').click(function () {
|
||
bt.show_confirm(lan.index.update_test_version, lan.index.check_test_version_detail, function () {
|
||
var loading = bt.load();
|
||
bt.send('apple_beta', 'ajax/apple_beta', {}, function (rdata) {
|
||
if (rdata.status === false) {
|
||
bt.msg(rdata);
|
||
return;
|
||
}
|
||
bt.system.check_update(function (res) {
|
||
loading.close();
|
||
index.to_update();
|
||
});
|
||
});
|
||
});
|
||
})
|
||
});
|
||
},
|
||
re_panel: function () {
|
||
layer.confirm(lan.index.rep_panel_msg, { title: lan.index.rep_panel_title, closeBtn: 2, icon: 3 }, function () {
|
||
bt.system.rep_panel(function (rdata) {
|
||
if (rdata.status) {
|
||
bt.msg({ msg: lan.index.rep_panel_ok, icon: 1 });
|
||
return;
|
||
}
|
||
bt.msg(rdata);
|
||
})
|
||
});
|
||
},
|
||
re_server: function () {
|
||
bt.open({
|
||
type: 1,
|
||
title: lan.index.restart_serverorpanel,
|
||
area: '330px',
|
||
closeBtn: 2,
|
||
shadeClose: false,
|
||
content: '<div class="rebt-con"><div class="rebt-li"><a data-id="server" href="javascript:;">'+lan.index.restart_server+'</a></div><div class="rebt-li"><a data-id="panel" href="javascript:;">'+lan.index.restart_panel+'</a></div></div>'
|
||
})
|
||
setTimeout(function () {
|
||
$('.rebt-con a').click(function () {
|
||
var type = $(this).attr('data-id');
|
||
switch (type) {
|
||
case 'panel':
|
||
layer.confirm(lan.index.panel_reboot_msg, { title: lan.index.panel_reboot_title, closeBtn: 2, icon: 3 }, function () {
|
||
var loading = bt.load();
|
||
interval_stop = true;
|
||
bt.system.reload_panel(function (rdata) {
|
||
loading.close();
|
||
bt.msg(rdata);
|
||
});
|
||
setTimeout(function () { window.location.reload(); }, 3000);
|
||
});
|
||
break;
|
||
case 'server':
|
||
var rebootbox = bt.open({
|
||
type: 1,
|
||
title: lan.index.reboot_title,
|
||
area: ['500px', '280px'],
|
||
closeBtn: 2,
|
||
shadeClose: false,
|
||
content: "<div class='bt-form bt-window-restart'>\
|
||
<div class='pd15'>\
|
||
<p style='color:red; margin-bottom:10px; font-size:15px;'>"+ lan.index.reboot_warning + "</p>\
|
||
<div class='SafeRestart' style='line-height:26px'>\
|
||
<p>"+ lan.index.reboot_ps + "</p>\
|
||
<p>"+ lan.index.reboot_ps_1 + "</p>\
|
||
<p>"+ lan.index.reboot_ps_2 + "</p>\
|
||
<p>"+ lan.index.reboot_ps_3 + "</p>\
|
||
<p>"+ lan.index.reboot_ps_4 + "</p>\
|
||
</div>\
|
||
</div>\
|
||
<div class='bt-form-submit-btn'>\
|
||
<button type='button' class='btn btn-danger btn-sm btn-reboot'>"+ lan.public.cancel + "</button>\
|
||
<button type='button' class='btn btn-success btn-sm WSafeRestart' >"+ lan.public.ok + "</button>\
|
||
</div>\
|
||
</div>"
|
||
});
|
||
setTimeout(function () {
|
||
$(".btn-reboot").click(function () {
|
||
rebootbox.close();
|
||
})
|
||
$(".WSafeRestart").click(function () {
|
||
var body = '<div class="SafeRestartCode pd15" style="line-height:26px"></div>';
|
||
$(".bt-window-restart").html(body);
|
||
$(".SafeRestartCode").append("<p>" + lan.index.reboot_msg_1 + "</p>");
|
||
bt.pub.set_server_status_by("name={{session['webserver']}}&type=stop", function (r1) {
|
||
$(".SafeRestartCode p").addClass('c9');
|
||
$(".SafeRestartCode").append("<p>" + lan.index.reboot_msg_2 + "...</p>");
|
||
bt.pub.set_server_status_by("name=mysqld&type=stop", function (r2) {
|
||
$(".SafeRestartCode p").addClass('c9');
|
||
$(".SafeRestartCode").append("<p>" + lan.index.reboot_msg_3 + "...</p>");
|
||
bt.system.root_reload(function (rdata) {
|
||
$(".SafeRestartCode p").addClass('c9');
|
||
$(".SafeRestartCode").append("<p>" + lan.index.reboot_msg_4 + "...</p>");
|
||
var sEver = setInterval(function () {
|
||
bt.system.get_total(function () {
|
||
clearInterval(sEver);
|
||
$(".SafeRestartCode p").addClass('c9');
|
||
$(".SafeRestartCode").append("<p>" + lan.index.reboot_msg_5 + "...</p>");
|
||
setTimeout(function () {
|
||
layer.closeAll();
|
||
}, 3000);
|
||
})
|
||
}, 3000);
|
||
})
|
||
})
|
||
})
|
||
})
|
||
}, 100)
|
||
break;
|
||
}
|
||
})
|
||
}, 100)
|
||
},
|
||
open_log: function () {
|
||
bt.open({
|
||
type: 1,
|
||
area: '640px',
|
||
title: lan.index.update_log,
|
||
closeBtn: 2,
|
||
shift: 5,
|
||
shadeClose: false,
|
||
content: '<div class="DrawRecordCon"></div>'
|
||
});
|
||
$.get('https://www.bt.cn/Api/getUpdateLogs?type=' + bt.os, function (rdata) {
|
||
var body = '';
|
||
for (var i = 0; i < rdata.length; i++) {
|
||
body += '<div class="DrawRecord DrawRecordlist">\
|
||
<div class="DrawRecordL">'+ rdata[i].addtime + '<i></i></div>\
|
||
<div class="DrawRecordR">\
|
||
<h3>'+ rdata[i].title + '</h3>\
|
||
<p>'+ rdata[i].body + '</p>\
|
||
</div>\
|
||
</div>'
|
||
}
|
||
$(".DrawRecordCon").html(body);
|
||
}, 'jsonp');
|
||
},
|
||
get_cloud_list: function () {
|
||
$.post('/plugin?action=get_soft_list', { type: 8, p: 1, force: 1, cache: 1 }, function (rdata) {
|
||
console.log(lan.index.get_soft_list_success);
|
||
});
|
||
},
|
||
// 获取安全风险列表
|
||
get_warning_list:function(active,callback){
|
||
var that = this,obj = {};
|
||
if(active == true) obj = {force:1}
|
||
bt.send('get_list','warning/get_list',obj,function(res){
|
||
if(res.status !== false){
|
||
that.warning_list = res;
|
||
that.warning_num = res.risk.length;
|
||
$('.warning_num').css('color',(that.warning_num > 0?'red':'#20a53a')).html(that.warning_num);
|
||
$('.warning_scan_ps').html(that.warning_num>0?('This scan check <i>'+ that.warning_num +'</i> risks, please repair them in time!'):'There is no risk item detected in this scan, please keep it!');
|
||
if(callback) callback(res);
|
||
}
|
||
});
|
||
},
|
||
/**
|
||
* @description 获取时间简化缩写
|
||
* @param {Numbre} dateTimeStamp 需要转换的时间戳
|
||
* @return {String} 简化后的时间格式
|
||
*/
|
||
get_simplify_time:function(dateTimeStamp){
|
||
if(dateTimeStamp === 0) return 'Just';
|
||
if(dateTimeStamp.toString().length == 10) dateTimeStamp = dateTimeStamp * 1000
|
||
var minute = 1000 * 60,hour = minute * 60,day = hour * 24,halfamonth = day * 15,month = day * 30,now = new Date().getTime(),diffValue = now - dateTimeStamp;
|
||
if(diffValue < 0) return 'Just';
|
||
var monthC = diffValue / month,weekC = diffValue / (7 * day),dayC = diffValue / day,hourC = diffValue / hour,minC = diffValue / minute;
|
||
if(monthC >= 1) {
|
||
result = "" + parseInt(monthC) + "month ago";
|
||
} else if(weekC >= 1) {
|
||
result = "" + parseInt(weekC) + "weeks ago";
|
||
} else if(dayC >= 1) {
|
||
result = "" + parseInt(dayC) + "days ago";
|
||
} else if(hourC >= 1) {
|
||
result = "" + parseInt(hourC) + "hours ago";
|
||
} else if(minC >= 1) {
|
||
result = "" + parseInt(minC) + "minutes ago";
|
||
} else{
|
||
result = "Just";
|
||
}
|
||
return result;
|
||
},
|
||
/**
|
||
* @description 渲染安全模块视图
|
||
* @return 无返回值
|
||
*/
|
||
reader_warning_view:function(){
|
||
var that = this;
|
||
function reader_warning_list(data){
|
||
var html = '',scan_time = '',arry = [['risk','Risk'],['security','Security'],['ignore','Ignore']],level = [['Low risk','#e8d544'],['Medium risk','#E6A23C'],['High risk','red']]
|
||
bt.each(arry,function(index,item){
|
||
var data_item = data[item[0]],data_title = item[1];
|
||
html += '<li class="module_item '+ item[0] +'">'+
|
||
'<div class="module_head">'+
|
||
'<span class="module_title">'+ data_title +'</span>'+
|
||
'<span class="module_num">'+ data_item.length +'</span>'+
|
||
'<span class="module_cut_show">'+ (item[index] == 'risk' && that.warning_num > 0?'<i>Collapse</i><span class="glyphicon glyphicon-menu-up" aria-hidden="false"></span>':'<i>Details</i><span class="glyphicon glyphicon-menu-down" aria-hidden="false"></span>') +'</span>'+
|
||
'</div>'+
|
||
(function(index,item){
|
||
var htmls = '<ul class="module_details_list '+ (item[0] == 'risk' && that.warning_num > 0?'active':'') +'">';
|
||
bt.each(data_item,function(indexs,items){
|
||
scan_time = items.check_time;
|
||
htmls += '<li class="module_details_item">'+
|
||
'<div class="module_details_head">'+
|
||
'<span class="module_details_title">'+ items.ps +'<i>（Checked: '+ (that.get_simplify_time(items.check_time) || 'Just') +', time: '+ ( items.taking>1?( items.taking +'Sec'):((items.taking * 1000).toFixed(2) +'ms')) +'）</i></span>'+
|
||
'<span class="operate_tools">'+ (item[0] != 'security'?('<a href="javascript:;" class="btlink cut_details">Detail</a> | <a href="javascript:;" data-model="'+ items.m_name +'" data-title="'+ items.title +'" '+ (item[0]=='ignore'?'class=\"btlink\"':'') +' data-type="'+item[0]+'">'+ (item[0] != 'ignore'?'Ignore':'Remove') +'</a> | <a href="javascript:;" class="btlink" data-model="'+ items.m_name +'" data-title="'+ items.title +'">Check</a>'):'<a href="javascript:;" class="btlink cut_details">Detail</a>') +'</span>' +
|
||
'</div>'+
|
||
'<div class="module_details_body">'+
|
||
'<div class="module_details_line">'+
|
||
'<div class="module_details_block"><span class="line_title">Test type: </span><span class="line_content">'+ items.title +'</span></div>'+
|
||
'<div class="module_details_block"><span class="line_title">Risk level: </span><span class="line_content" style="color:'+ level[items.level-1][1] +'">'+ level[items.level-1][0] +'</span></div>'+
|
||
'</div>'+
|
||
'<div class="module_details_line"><span class="line_title">Risk detail: </span><span class="line_content">'+ items.msg +'</span></div>'+
|
||
'<div class="module_details_line"><span class="line_title">'+ (item[0] != 'security'?'Solution: ':'Suggest: ') +'</span><span class="line_content">'+
|
||
(function(){
|
||
var htmlss = '';
|
||
bt.each(items.tips,function(indexss,itemss){
|
||
htmlss +='<i>'+ (indexss+1) +'、'+ itemss +'</i></br>';
|
||
});
|
||
return htmlss;
|
||
}()) +'</span></div>'+
|
||
(items.help != ''?('<div class="module_details_line"><span class="line_title">Help: </span><span class="line_content"><a href="'+ items.help +'" target="_blank" class="btlink">'+items.help +'</span></div>'):'') +
|
||
'</div>'+
|
||
'</li>';
|
||
});
|
||
htmls += '</ul>';
|
||
return htmls;
|
||
}(index,item))
|
||
+'</li>'
|
||
});
|
||
$('.warning_scan_body').html(html);
|
||
$('.warning_scan_time').html('Checked: '+ bt.format_data(scan_time));
|
||
}
|
||
bt.open({
|
||
type:'1',
|
||
title:'Security risk',
|
||
area:['850px','700px'],
|
||
skin:'warning_scan_view',
|
||
content:'<div class="warning_scan_view">'+
|
||
'<div class="warning_scan_head">'+
|
||
'<span class="warning_scan_ps">'+ (that.warning_num>0?('This scan check <i>'+ that.warning_num +'</i> risks, please repair them in time!'):'This scan check no risks, please keep it!') +'</span>'+
|
||
'<span class="warning_scan_time"></span>'+
|
||
'<button class="warning_again_scan">Retest</button>'+
|
||
'</div>'+
|
||
'<ol class="warning_scan_body"></ol>'+
|
||
'</div>',
|
||
success:function(){
|
||
$('.warning_again_scan').click(function(){
|
||
var loadT = layer.msg('Re detecting security risks, please wait...',{icon:16});
|
||
that.get_warning_list(true,function(){
|
||
layer.msg('Scan succeeded',{icon:1});
|
||
reader_warning_list(that.warning_list);
|
||
});
|
||
});
|
||
$('.warning_scan_body').on('click','.module_item .module_head',function(){
|
||
var _parent = $(this).parent(),_parent_index = _parent.index(),_list = $(this).next();
|
||
if(parseInt($(this).find('.module_num').text()) > 0){
|
||
if(_list.hasClass('active')){
|
||
_list.css('height',0);
|
||
$(this).find('.module_cut_show i').text('Detail').next().removeClass('glyphicon-menu-up').addClass('glyphicon-menu-down');
|
||
setTimeout(function(){
|
||
_list.removeClass('active').removeAttr('style');
|
||
},500);
|
||
}else{
|
||
$(this).find('.module_cut_show i').text('Collapse').next().removeClass('glyphicon-menu-down').addClass('glyphicon-menu-up');
|
||
_list.addClass('active');
|
||
var details_list = _list.parent().siblings().find('.module_details_list');
|
||
details_list.removeClass('active');
|
||
details_list.prev().find('.module_cut_show i').text('Detail').next().removeClass('glyphicon-menu-up').addClass('glyphicon-menu-down')
|
||
}
|
||
}
|
||
});
|
||
$('.warning_scan_body').on('click','.operate_tools a',function(){
|
||
var index = $(this).index(),data = $(this).data();
|
||
switch(index){
|
||
case 0:
|
||
if($(this).hasClass('active')){
|
||
$(this).parents('.module_details_head').next().hide();
|
||
$(this).removeClass('active').text('Detail');
|
||
}else{
|
||
var item = $(this).parents('.module_details_item'),indexs = item.index();
|
||
$(this).addClass('active').text('Collapse');
|
||
item.siblings().find('.module_details_body').hide();
|
||
item.siblings().find('.operate_tools a:eq(0)').removeClass('active').text('Detail');
|
||
$(this).parents('.module_details_head').next().show();
|
||
$('.module_details_list').scrollTop(indexs * 41);
|
||
}
|
||
break;
|
||
case 1:
|
||
if(data.type != 'ignore'){
|
||
bt.confirm({title:'Ignore risk',msg:'Confirm to ignore【'+ data.title +'】risk?'},function(){
|
||
that.warning_set_ignore(data.model,function(res){
|
||
that.get_warning_list(false,function(){
|
||
bt.msg(res)
|
||
reader_warning_list(that.warning_list);
|
||
});
|
||
});
|
||
});
|
||
}else{
|
||
that.warning_set_ignore(data.model,function(res){
|
||
that.get_warning_list(false,function(){
|
||
bt.msg(res)
|
||
reader_warning_list(that.warning_list);
|
||
setTimeout(function(){
|
||
$('.module_item.ignore').click();
|
||
},100)
|
||
});
|
||
});
|
||
}
|
||
break;
|
||
case 2:
|
||
that.waring_check_find(data.model,function(res){
|
||
that.get_warning_list(false,function(){
|
||
bt.msg(res)
|
||
reader_warning_list(that.warning_list);
|
||
});
|
||
});
|
||
break;
|
||
}
|
||
});
|
||
reader_warning_list(that.warning_list);
|
||
}
|
||
})
|
||
},
|
||
/**
|
||
* @description 安全风险指定模块检查
|
||
* @param {String} model_name 模块名称
|
||
* @param {Function} callback 成功后的回调
|
||
* @return 无返回值
|
||
*/
|
||
waring_check_find:function(model_name,callback){
|
||
var loadT = layer.msg('Detecting the specified module, please wait...',{icon:16,time:0});
|
||
bt.send('check_find','warning/check_find',{m_name:model_name},function(res){
|
||
bt.msg(res);
|
||
if(res.status !== false){
|
||
if(callback) callback(res);
|
||
}
|
||
});
|
||
|
||
},
|
||
|
||
/**
|
||
* @description 安全风险指定模块是否忽略
|
||
* @param {String} model_name 模块名称
|
||
* @param {Function} callback 成功后的回调
|
||
* @return 无返回值
|
||
*/
|
||
warning_set_ignore:function(model_name,callback){
|
||
var loadT = layer.msg('Setting the specified module, please wait...',{icon:16,time:0});
|
||
bt.send('set_ignore','warning/set_ignore',{m_name:model_name},function(res){
|
||
bt.msg(res);
|
||
if(res.status !== false){
|
||
if(callback) callback(res);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
index.get_init();
|
||
//setTimeout(function () { index.get_cloud_list() }, 800);
|