917 lines
32 KiB
JavaScript
917 lines
32 KiB
JavaScript
//全局变量
|
||
var urlbase = "../../api.php"; //api.php基地址
|
||
var messageList = null; //记录缓存，用于判断是否有新的记录
|
||
var setIntervalID = null; //定时器ID，用于网络自适应，调节timeout
|
||
var interval = 1000; //向服务器获取记录的时间间隔，同时也是ajax timeout时间
|
||
|
||
$(document).ready(function() {
|
||
var self = this;
|
||
|
||
//数据源与datafields
|
||
var source = {
|
||
datatype: "json",
|
||
datafields: [{
|
||
name: 'user_IP'
|
||
},
|
||
{
|
||
name: 'location'
|
||
},
|
||
{
|
||
name: 'data_type'
|
||
},
|
||
{
|
||
name: 'keepsession'
|
||
},
|
||
{
|
||
name: 'user_port'
|
||
},
|
||
{
|
||
name: 'protocol'
|
||
},
|
||
{
|
||
name: 'request_method'
|
||
},
|
||
{
|
||
name: 'request_URI'
|
||
},
|
||
{
|
||
name: 'request_time'
|
||
},
|
||
{
|
||
name: 'headers_data'
|
||
},
|
||
{
|
||
name: 'get_data'
|
||
},
|
||
{
|
||
name: 'post_data'
|
||
},
|
||
{
|
||
name: 'cookie_data'
|
||
},
|
||
{
|
||
name: 'decoded_get_data'
|
||
},
|
||
{
|
||
name: 'decoded_post_data'
|
||
},
|
||
{
|
||
name: 'decoded_cookie_data'
|
||
},
|
||
{
|
||
name: 'request_date_string'
|
||
},
|
||
{
|
||
name: 'request_time_string'
|
||
},
|
||
{
|
||
name: 'request_date_and_time_string'
|
||
},
|
||
{
|
||
name: 'client'
|
||
},
|
||
|
||
],
|
||
id: 'request_time',
|
||
url: urlbase + "?cmd=list",
|
||
root: 'data',
|
||
};
|
||
|
||
//从接口获得数据后的处理，格式化时间与根据useragent判断客户端
|
||
var dataAdapter = new $.jqx.dataAdapter(source, {
|
||
downloadComplete: function(data, status, xhr) {
|
||
if (status == "success") {
|
||
var i = data.length;
|
||
while (i--) {
|
||
var date = new Date(data[i].request_time * 1000);
|
||
data[i].request_date_string = date.getFullYear() + "年" + (date.getMonth() + 1) + "月" + date.getDate() + "日";
|
||
data[i].request_time_string = date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
|
||
data[i].request_date_and_time_string = data[i].request_date_string + " " + data[i].request_time_string;
|
||
data[i].keepsession = (data[i].keepsession == true) ? "是": "否";
|
||
data[i].client = data[i].headers_data["User-Agent"] ? get_client_info(data[i].headers_data["User-Agent"]) : "未知";
|
||
|
||
var data_type = new Object();
|
||
var get_keys = Object.keys(data[i].get_data);
|
||
var post_keys = Object.keys(data[i].post_data);
|
||
var cookie_keys = Object.keys(data[i].cookie_data);
|
||
if (get_keys.length > 0) data_type.GET = get_keys;
|
||
if (post_keys.length > 0) data_type.POST = post_keys;
|
||
if (cookie_keys.length > 0) data_type.COOKIE = cookie_keys;
|
||
|
||
data[i].data_type = JSON.stringify(data_type);
|
||
|
||
}
|
||
return data;
|
||
}
|
||
},
|
||
});
|
||
|
||
//每行detail信息初始化
|
||
var initrowdetails = function(index, parentElement, gridElement, datarecord) {
|
||
var tabsdiv = null;
|
||
var information = null;
|
||
var notes = null;
|
||
var get_grid = null;
|
||
var post_grid = null;
|
||
var cookie_grid = null;
|
||
var headers_grid = null;
|
||
tabsdiv = $($(parentElement).children()[0]);
|
||
if (tabsdiv != null) {
|
||
information = tabsdiv.find('.information');
|
||
get_grid = tabsdiv.find('.get_grid');
|
||
post_grid = tabsdiv.find('.post_grid');
|
||
cookie_grid = tabsdiv.find('.cookie_grid');
|
||
headers_grid = tabsdiv.find('.headers_grid');
|
||
|
||
//GET表
|
||
var get_data = new Array();
|
||
for (key in datarecord.get_data) {
|
||
var get_data_item = new Array();
|
||
get_data_item.push(key);
|
||
get_data_item.push(datarecord.get_data[key]);
|
||
var decoded_value = "";
|
||
if (datarecord.decoded_get_data) decoded_value = datarecord.decoded_get_data[key];
|
||
get_data_item.push(decoded_value);
|
||
get_data.push(get_data_item);
|
||
}
|
||
|
||
var get_source = {
|
||
|
||
localdata: get_data,
|
||
datafields: [{
|
||
name: 'key',
|
||
type: 'string',
|
||
map: '0'
|
||
},
|
||
{
|
||
name: 'value',
|
||
type: 'string',
|
||
map: '1'
|
||
},
|
||
{
|
||
name: 'decoded_value',
|
||
type: 'string',
|
||
map: '2'
|
||
},
|
||
],
|
||
datatype: "array"
|
||
};
|
||
var get_source_dataAdapter = new $.jqx.dataAdapter(get_source);
|
||
get_grid.jqxGrid({
|
||
autorowheight: true,
|
||
autorowheight: true,
|
||
columnsautoresize: true,
|
||
pageable: true,
|
||
pagermode: "simple",
|
||
scrollmode: 'deferred',
|
||
localization: getLocalization('zh'),
|
||
enablebrowserselection: true,
|
||
columnsresize: true,
|
||
height: 176,
|
||
width: '100%',
|
||
source: get_source_dataAdapter,
|
||
ready: function() {
|
||
if (get_source.localdata.length && get_source.localdata.length > 0) get_grid.jqxGrid('autoresizecolumn', 'key');
|
||
},
|
||
columns: datarecord.decoded_get_data ? [{
|
||
text: '键',
|
||
datafield: 'key'
|
||
},
|
||
{
|
||
text: '值',
|
||
datafield: 'value'
|
||
},
|
||
{
|
||
text: '解码',
|
||
datafield: 'decoded_value'
|
||
},
|
||
|
||
] : [{
|
||
text: '键',
|
||
datafield: 'key'
|
||
},
|
||
{
|
||
text: '值',
|
||
datafield: 'value'
|
||
},
|
||
]
|
||
});
|
||
|
||
//POST表
|
||
var post_data = new Array();
|
||
for (key in datarecord.post_data) {
|
||
var post_data_item = new Array();
|
||
post_data_item.push(key);
|
||
post_data_item.push(datarecord.post_data[key]);
|
||
|
||
var decoded_value = "";
|
||
if (datarecord.decoded_post_data) decoded_value = datarecord.decoded_post_data[key];
|
||
post_data_item.push(decoded_value);
|
||
|
||
post_data.push(post_data_item);
|
||
}
|
||
var post_source = {
|
||
|
||
localdata: post_data,
|
||
datafields: [{
|
||
name: 'key',
|
||
type: 'string',
|
||
map: '0'
|
||
},
|
||
{
|
||
name: 'value',
|
||
type: 'string',
|
||
map: '1'
|
||
},
|
||
{
|
||
name: 'decoded_value',
|
||
type: 'string',
|
||
map: '2'
|
||
},
|
||
|
||
],
|
||
datatype: "array"
|
||
};
|
||
|
||
var post_source_dataAdapter = new $.jqx.dataAdapter(post_source);
|
||
post_grid.jqxGrid({
|
||
ready: function() {
|
||
if (post_source.localdata.length && post_source.localdata.length > 0) post_grid.jqxGrid('autoresizecolumn', 'key');
|
||
},
|
||
autorowheight: true,
|
||
pageable: true,
|
||
columnsautoresize: true,
|
||
pagermode: "simple",
|
||
scrollmode: 'deferred',
|
||
localization: getLocalization('zh'),
|
||
enablebrowserselection: true,
|
||
columnsautoresize: true,
|
||
columnsresize: true,
|
||
height: 176,
|
||
width: '100%',
|
||
source: post_source_dataAdapter,
|
||
columns: datarecord.decoded_post_data ? [{
|
||
text: '键',
|
||
datafield: 'key'
|
||
},
|
||
{
|
||
text: '值',
|
||
datafield: 'value'
|
||
},
|
||
{
|
||
text: '解码',
|
||
datafield: 'decoded_value'
|
||
},
|
||
|
||
] : [{
|
||
text: '键',
|
||
datafield: 'key'
|
||
},
|
||
{
|
||
text: '值',
|
||
datafield: 'value'
|
||
},
|
||
]
|
||
});
|
||
|
||
//COOKIE表
|
||
var cookie_data = new Array();
|
||
for (key in datarecord.cookie_data) {
|
||
var cookie_data_item = new Array();
|
||
cookie_data_item.push(key);
|
||
cookie_data_item.push(datarecord.cookie_data[key]);
|
||
|
||
var decoded_value = "";
|
||
if (datarecord.decoded_cookie_data) decoded_value = datarecord.decoded_cookie_data[key];
|
||
|
||
cookie_data_item.push(decoded_value);
|
||
cookie_data.push(cookie_data_item);
|
||
}
|
||
var cookie_source = {
|
||
localdata: cookie_data,
|
||
datafields: [{
|
||
name: 'key',
|
||
type: 'string',
|
||
map: '0'
|
||
},
|
||
{
|
||
name: 'value',
|
||
type: 'string',
|
||
map: '1'
|
||
},
|
||
{
|
||
name: 'decoded_value',
|
||
type: 'string',
|
||
map: '2'
|
||
},
|
||
],
|
||
datatype: "array"
|
||
};
|
||
var cookie_source_dataAdapter = new $.jqx.dataAdapter(cookie_source);
|
||
cookie_grid.jqxGrid({
|
||
ready: function() {
|
||
if (cookie_source.localdata.length && cookie_source.localdata.length > 0) cookie_grid.jqxGrid('autoresizecolumn', 'key');
|
||
},
|
||
columnsautoresize: true,
|
||
autorowheight: true,
|
||
pageable: true,
|
||
pagermode: "simple",
|
||
scrollmode: 'deferred',
|
||
localization: getLocalization('zh'),
|
||
enablebrowserselection: true,
|
||
columnsautoresize: true,
|
||
columnsresize: true,
|
||
height: 176,
|
||
width: '100%',
|
||
source: cookie_source_dataAdapter,
|
||
columns: datarecord.decoded_cookie_data ? [{
|
||
text: '键',
|
||
datafield: 'key'
|
||
},
|
||
{
|
||
text: '值',
|
||
datafield: 'value'
|
||
},
|
||
{
|
||
text: '解码',
|
||
datafield: 'decoded_value'
|
||
},
|
||
] : [{
|
||
text: '键',
|
||
datafield: 'key'
|
||
},
|
||
{
|
||
text: '值',
|
||
datafield: 'value'
|
||
},
|
||
]
|
||
});
|
||
|
||
//HTTP Headers表
|
||
var headers_data = new Array();
|
||
for (key in datarecord.headers_data) {
|
||
var headers_data_item = new Array();
|
||
headers_data_item.push(key);
|
||
headers_data_item.push(datarecord.headers_data[key]);
|
||
headers_data.push(headers_data_item);
|
||
}
|
||
var headers_source = {
|
||
localdata: headers_data,
|
||
datafields: [{
|
||
name: 'key',
|
||
type: 'string',
|
||
map: '0'
|
||
},
|
||
{
|
||
name: 'value',
|
||
type: 'string',
|
||
map: '1'
|
||
},
|
||
|
||
],
|
||
datatype: "array"
|
||
};
|
||
var headers_source_dataAdapter = new $.jqx.dataAdapter(headers_source);
|
||
headers_grid.jqxGrid({
|
||
ready: function() {
|
||
if (headers_source.localdata.length && headers_source.localdata.length > 0) headers_grid.jqxGrid('autoresizecolumn', 'key');
|
||
},
|
||
columnsautoresize: true,
|
||
autorowheight: true,
|
||
pageable: true,
|
||
pagermode: "simple",
|
||
scrollmode: 'deferred',
|
||
localization: getLocalization('zh'),
|
||
enablebrowserselection: true,
|
||
columnsautoresize: true,
|
||
columnsresize: true,
|
||
width: '100%',
|
||
height: 176,
|
||
source: headers_source_dataAdapter,
|
||
|
||
columns: [{
|
||
text: '键',
|
||
datafield: 'key'
|
||
},
|
||
{
|
||
text: '值',
|
||
datafield: 'value'
|
||
},
|
||
]
|
||
});
|
||
|
||
//其他信息
|
||
var container = $('<div style="margin: 25px;"></div>');
|
||
container.appendTo($(information));
|
||
var leftcolumn = $('<div style="float: left; width: 45%;"></div>');
|
||
var rightcolumn = $('<div style="float: left; width: 40%;"></div>');
|
||
|
||
container.append(leftcolumn);
|
||
container.append(rightcolumn);
|
||
|
||
var data_item = "<div style='margin: 10px;'><b>日期：</b> " + datarecord.request_date_string + "</div>";
|
||
var ip_item = "<div style='margin: 10px;'><b>IP：</b> " + datarecord.user_IP + "</div>";
|
||
var method_item = "<div style='margin: 10px;'><b>协议：</b> " + datarecord.request_method + "</div>";
|
||
var location_item = "<div style='margin: 10px;'><b>位置：</b> " + datarecord.location + "</div>";
|
||
$(leftcolumn).append(data_item);
|
||
$(leftcolumn).append(ip_item);
|
||
$(leftcolumn).append(method_item);
|
||
$(leftcolumn).append(location_item);
|
||
|
||
var time_item = "<div style='margin: 10px;'><b>时间：</b> " + datarecord.request_time_string + "</div>";
|
||
var port_item = "<div style='margin: 10px;'><b>端口：</b> " + datarecord.user_port + "</div>";
|
||
var uri_item = "<div style='margin: 10px;'><b>访问地址：</b> " + datarecord.request_URI + "</div>";
|
||
var client_item = "<div style='margin: 10px;'><b>客户端：</b> " + datarecord.client + "</div>";
|
||
|
||
$(rightcolumn).append(time_item);
|
||
$(rightcolumn).append(port_item);
|
||
$(rightcolumn).append(uri_item);
|
||
$(rightcolumn).append(client_item);
|
||
|
||
//tab大小调整
|
||
$(tabsdiv).jqxTabs({
|
||
width: '95%',
|
||
height: '100%'
|
||
});
|
||
}
|
||
}
|
||
|
||
//主面板初始化
|
||
$("#panelGrid").jqxGrid({
|
||
|
||
pageable: true,
|
||
//如果需要autoresizecolumn，可以在这开启
|
||
ready: function() {
|
||
//$('#panelGrid').jqxGrid('autoresizecolumn', 'request_date_and_time_string');
|
||
//$('#panelGrid').jqxGrid('autoresizecolumn', 'data_type');
|
||
//$('#panelGrid').jqxGrid('autoresizecolumn', 'user_IP');
|
||
},
|
||
//最底下的状态栏初始化
|
||
pagerrenderer: function() {
|
||
var container = $("<div style='overflow: hidden; position: relative; '></div>");
|
||
var deleteButton = $("<div style='float: left; margin-left: 5px;'><img style='position: relative; margin-top: 2px;' src='static/images/delete.png'/><span style='margin-left: 4px; position: relative; top: 3px;'>删除</span></div>");
|
||
var clearButton = $("<div style='float: left; margin-left: 5px;'><img style='position: relative; margin-top: 2px;' src='static/images/clear.png'/><span style='margin-left: 4px; position: relative; top: 3px;'>清空</span></div>");
|
||
var searchButton = $("<div style='float: left; margin-left: 5px;'><img style='position: relative; margin-top: 2px;' src='static/images/search.png'/><span style='margin-left: 4px; position: relative; top: 3px;'>查询</span></div>");
|
||
container.append(deleteButton);
|
||
container.append(clearButton);
|
||
container.append(searchButton);
|
||
|
||
deleteButton.jqxButton({
|
||
width: 65,
|
||
height: 20
|
||
});
|
||
clearButton.jqxButton({
|
||
width: 65,
|
||
height: 20
|
||
});
|
||
searchButton.jqxButton({
|
||
width: 65,
|
||
height: 20
|
||
});
|
||
|
||
// delete selected row.
|
||
deleteButton.click(function(event) {
|
||
var selectedrowindex = $("#panelGrid").jqxGrid('getselectedrowindex');
|
||
|
||
if (selectedrowindex >= 0) {
|
||
$('#deleteConfirmWindow').jqxWindow('open');
|
||
$("#deleteConfirmWindow").addClass('animated');
|
||
}
|
||
|
||
});
|
||
|
||
clearButton.click(function(event) {
|
||
$('#clearConfirmWindow').jqxWindow('open');
|
||
$("#clearConfirmWindow").addClass('animated');
|
||
});
|
||
|
||
// search for a record.
|
||
searchButton.click(function(event) {
|
||
$("#searchWindow").jqxWindow('open');
|
||
$("#searchWindow").addClass('animated');
|
||
});
|
||
|
||
var pageElementsContainer = $("<div style='overflow: hidden;float: right;position: relative;margin: 5.5px; '></div>");
|
||
var datainfo = $("#panelGrid").jqxGrid('getdatainformation');
|
||
var paginginfo = datainfo.paginginformation;
|
||
var leftButton = $("<div style='padding: 0px; float: left;'><div style='margin-left: 9px; width: 16px; height: 16px;'></div></div>");
|
||
leftButton.find('div').addClass('jqx-icon-arrow-left');
|
||
leftButton.width(36);
|
||
leftButton.jqxButton({
|
||
theme: 'energyblue'
|
||
});
|
||
var rightButton = $("<div style='padding: 0px; margin: 0px 3px; float: left;'><div style='margin-left: 9px; width: 16px; height: 16px;'></div></div>");
|
||
rightButton.find('div').addClass('jqx-icon-arrow-right');
|
||
rightButton.width(36);
|
||
rightButton.jqxButton({
|
||
theme: 'energyblue'
|
||
});
|
||
|
||
var label = $("<div style='font-size: 14px; margin: 1px 1px; font-weight: bold; float: left;'></div>");
|
||
label.text("1-" + paginginfo.pagesize + ' of ' + datainfo.rowscount);
|
||
leftButton.appendTo(pageElementsContainer);
|
||
rightButton.appendTo(pageElementsContainer);
|
||
label.appendTo(pageElementsContainer);
|
||
pageElementsContainer.appendTo(container);
|
||
self.label = label;
|
||
// update buttons states.
|
||
var handleStates = function(event, button, className, add) {
|
||
button.on(event,
|
||
function() {
|
||
if (add == true) {
|
||
button.find('div').addClass(className);
|
||
} else button.find('div').removeClass(className);
|
||
});
|
||
}
|
||
rightButton.click(function() {
|
||
$("#panelGrid").jqxGrid('gotonextpage');
|
||
});
|
||
leftButton.click(function() {
|
||
$("#panelGrid").jqxGrid('gotoprevpage');
|
||
});
|
||
return container;
|
||
},
|
||
scrollmode: 'logical',
|
||
sortable: true,
|
||
pagesize: 25,
|
||
localization: getLocalization('zh'),
|
||
width: '100%',
|
||
height: $("#nav-section").height() - $("#dash-logo").outerHeight(true) - 3,
|
||
source: dataAdapter,
|
||
enablebrowserselection: true,
|
||
columnsresize: true,
|
||
rowdetails: true,
|
||
rowdetailstemplate: {
|
||
rowdetails: $("#xss-detail-template").html(),
|
||
rowdetailsheight: 222
|
||
},
|
||
initrowdetails: initrowdetails,
|
||
|
||
columns: [{
|
||
text: '时间',
|
||
datafield: 'request_date_and_time_string',
|
||
width: 160
|
||
},
|
||
{
|
||
text: 'IP',
|
||
datafield: 'user_IP'
|
||
},
|
||
{
|
||
text: '来源',
|
||
datafield: 'location'
|
||
},
|
||
{
|
||
text: '客户端',
|
||
datafield: 'client'
|
||
},
|
||
{
|
||
text: '请求',
|
||
datafield: 'request_method',
|
||
width: 60
|
||
},
|
||
{
|
||
text: '携带数据',
|
||
datafield: 'data_type'
|
||
},
|
||
{
|
||
text: '保持连接',
|
||
datafield: 'keepsession',
|
||
width: 60,
|
||
cellsalign: 'center'
|
||
}]
|
||
});
|
||
|
||
$("#panelGrid").on('pagechanged',
|
||
function() {
|
||
var datainfo = $("#panelGrid").jqxGrid('getdatainformation');
|
||
var paginginfo = datainfo.paginginformation;
|
||
self.label.text(1 + paginginfo.pagenum * paginginfo.pagesize + "-" + Math.min(datainfo.rowscount, (paginginfo.pagenum + 1) * paginginfo.pagesize) + ' of ' + datainfo.rowscount);
|
||
});
|
||
|
||
/*所有窗口初始化*/
|
||
//删除记录确认窗口
|
||
$('#deleteConfirmWindow').jqxWindow({
|
||
height: 100,
|
||
width: 270,
|
||
resizable: false,
|
||
isModal: true,
|
||
modalOpacity: 0.3,
|
||
okButton: $('#deleteConfirm_ok'),
|
||
cancelButton: $('#deleteConfirm_cancel'),
|
||
autoOpen: false,
|
||
});
|
||
$('#deleteConfirm_ok').jqxButton({
|
||
width: '65px'
|
||
});
|
||
$('#deleteConfirm_cancel').jqxButton({
|
||
width: '65px'
|
||
});
|
||
|
||
$('#deleteConfirmWindow').on('close',
|
||
function(event) {
|
||
if (event.args.dialogResult.OK) {
|
||
var selectedrowindex = $("#panelGrid").jqxGrid('getselectedrowindex');
|
||
var id = $("#panelGrid").jqxGrid('getrowid', selectedrowindex);
|
||
|
||
$.ajax({
|
||
url: urlbase + "?cmd=del&id=" + id,
|
||
dataType: "json",
|
||
timeout: interval,
|
||
success: function(data) {
|
||
if (data == true) $("#panelGrid").jqxGrid('deleterow', id);
|
||
else {
|
||
$('#failedWindow').jqxWindow('open');
|
||
$("#failedWindow").addClass('animated');
|
||
}
|
||
|
||
},
|
||
complete: function(XMLHttpRequest, status) {
|
||
if (status == 'timeout') {
|
||
$('#failedWindow').jqxWindow('open');
|
||
$("#failedWindow").addClass('animated');
|
||
} else if (status == "parsererror") window.location.href = "login.php";
|
||
}
|
||
});
|
||
|
||
}
|
||
});
|
||
|
||
//清空记录确认窗口
|
||
$('#clearConfirmWindow').jqxWindow({
|
||
height: 100,
|
||
width: 270,
|
||
resizable: false,
|
||
isModal: true,
|
||
modalOpacity: 0.3,
|
||
okButton: $('#clearConfirm_ok'),
|
||
cancelButton: $('#clearConfirm_cancel'),
|
||
autoOpen: false,
|
||
});
|
||
|
||
$('#clearConfirm_ok').jqxButton({
|
||
width: '65px'
|
||
});
|
||
$('#clearConfirm_cancel').jqxButton({
|
||
width: '65px'
|
||
});
|
||
|
||
$('#clearConfirmWindow').on('close',
|
||
function(event) {
|
||
if (event.args.dialogResult.OK) {
|
||
|
||
$.ajax({
|
||
url: urlbase + "?cmd=clear",
|
||
dataType: "json",
|
||
timeout: interval,
|
||
success: function(data) {
|
||
if (data == true) $('#panelGrid').jqxGrid('clear');
|
||
else {
|
||
$('#failedWindow').jqxWindow('open');
|
||
$("#failedWindow").addClass('animated');
|
||
}
|
||
|
||
},
|
||
complete: function(XMLHttpRequest, status) {
|
||
if (status == 'timeout') {
|
||
$('#failedWindow').jqxWindow('open');
|
||
$("#failedWindow").addClass('animated');
|
||
} else if (status == "parsererror") window.location.href = "login.php";
|
||
}
|
||
});
|
||
|
||
}
|
||
});
|
||
|
||
//注销确认窗口
|
||
$('#logoutConfirmWindow').jqxWindow({
|
||
height: 100,
|
||
width: 270,
|
||
resizable: false,
|
||
okButton: $('#logoutConfirm_ok'),
|
||
cancelButton: $('#logoutConfirm_cancel'),
|
||
autoOpen: false,
|
||
});
|
||
|
||
$('#logoutConfirm_ok').jqxButton({
|
||
width: '65px'
|
||
});
|
||
$('#logoutConfirm_cancel').jqxButton({
|
||
width: '65px'
|
||
});
|
||
|
||
$('#logoutConfirmWindow').on('close',
|
||
function(event) {
|
||
if (event.args.dialogResult.OK) {
|
||
window.location.href = "logout.php";
|
||
}
|
||
});
|
||
|
||
|
||
|
||
$('#failedWindow').jqxWindow({
|
||
height: 100,
|
||
width: 270,
|
||
resizable: false,
|
||
isModal: true,
|
||
modalOpacity: 0.3,
|
||
okButton: $('#failed_ok'),
|
||
autoOpen: false,
|
||
});
|
||
$('#failed_ok').jqxButton({
|
||
width: '65px'
|
||
});
|
||
|
||
//查询窗口
|
||
$("#searchWindow").jqxWindow({
|
||
resizable: false,
|
||
autoOpen: false,
|
||
width: 210,
|
||
height: 180
|
||
});
|
||
|
||
// create find and clear buttons.
|
||
$("#findButton").jqxButton({
|
||
width: 70
|
||
});
|
||
$("#clearButton").jqxButton({
|
||
width: 70
|
||
});
|
||
|
||
// find records that match a criteria.
|
||
$("#dropdownlist").jqxDropDownList({
|
||
autoDropDownHeight: true,
|
||
selectedIndex: 0,
|
||
width: 200,
|
||
height: 23,
|
||
source: ['时间', 'IP', '来源', '客户端', '请求', '携带数据', '保持连接']
|
||
});
|
||
|
||
$("#findButton").click(function() {
|
||
$("#panelGrid").jqxGrid('clearfilters');
|
||
var searchColumnIndex = $("#dropdownlist").jqxDropDownList('selectedIndex');
|
||
var datafield = "";
|
||
switch (searchColumnIndex) {
|
||
case 0:
|
||
datafield = "request_date_and_time_string";
|
||
break;
|
||
case 1:
|
||
datafield = "user_IP";
|
||
break;
|
||
case 2:
|
||
datafield = "location";
|
||
break;
|
||
case 3:
|
||
datafield = "client";
|
||
break;
|
||
case 4:
|
||
datafield = "request_method";
|
||
break;
|
||
case 5:
|
||
datafield = "data_type";
|
||
break;
|
||
case 6:
|
||
datafield = "keepsession";
|
||
break;
|
||
}
|
||
|
||
var searchText = $("#inputField").val();
|
||
var filtergroup = new $.jqx.filter();
|
||
var filter_or_operator = 1;
|
||
var filtervalue = searchText;
|
||
var filtercondition = 'contains';
|
||
var filter = filtergroup.createfilter('stringfilter', filtervalue, filtercondition);
|
||
filtergroup.addfilter(filter_or_operator, filter);
|
||
$("#panelGrid").jqxGrid('addfilter', datafield, filtergroup);
|
||
// apply the filters.
|
||
$("#panelGrid").jqxGrid('applyfilters');
|
||
});
|
||
|
||
// clear filters.
|
||
$("#clearButton").click(function() {
|
||
$("#panelGrid").jqxGrid('clearfilters');
|
||
});
|
||
|
||
//主面板大小自适应
|
||
$(window).resize(function() {
|
||
$('#panelGrid').jqxGrid({
|
||
height: $("#nav-section").height() - $("#dash-logo").outerHeight(true) - 3
|
||
});
|
||
//$('#panelGrid').jqxGrid('autoresizecolumn', 'request_date_and_time_string');
|
||
//$('#panelGrid').jqxGrid('autoresizecolumn', 'data_type');
|
||
//$('#panelGrid').jqxGrid('autoresizecolumn', 'user_IP');
|
||
});
|
||
|
||
$("#logout").click(function() {
|
||
$('#logoutConfirmWindow').jqxWindow('open');
|
||
$("#logoutConfirmWindow").addClass('animated');
|
||
|
||
});
|
||
|
||
//定时判断是否有新的记录
|
||
checkNewMessages();
|
||
setIntervalID = setInterval(checkNewMessages, interval);
|
||
|
||
});
|
||
|
||
//获取新列表
|
||
function checkNewMessages() {
|
||
$.ajax({
|
||
url: urlbase + "?cmd=simplelist",
|
||
dataType: "json",
|
||
timeout: interval,
|
||
success: function(data) {
|
||
if (messageList) {
|
||
var sum = 0;
|
||
var lastedID = null;
|
||
|
||
for (var id in data) {
|
||
if (messageList.indexOf(data[id]) < 0) {
|
||
sum++;
|
||
lastedID = data[id];
|
||
}
|
||
}
|
||
if (sum > 0) showNotification(sum, lastedID, interval);
|
||
|
||
}
|
||
messageList = data;
|
||
},
|
||
complete: function(XMLHttpRequest, status) {
|
||
if (status == 'timeout') { interval *= 2;
|
||
if (setIntervalID) {
|
||
clearInterval(setIntervalID);
|
||
if (interval < 10000) setIntervalID = setInterval(checkNewMessages, interval);
|
||
}
|
||
} else if (status == "parsererror") window.location.href = "login.php";
|
||
}
|
||
});
|
||
}
|
||
|
||
//根据useragent判断操作系统，浏览器版本
|
||
function get_client_info(agent) {
|
||
var browser = "未知浏览器";
|
||
var browser_version = "";
|
||
if (agent.indexOf("Firefox/") > 0) {
|
||
var bv = agent.match(/Firefox\/([^;)]+)+/i);
|
||
browser = "Firefox";
|
||
browser_version = bv[1]; //获取火狐浏览器的版本号
|
||
} else if (agent.indexOf("Maxthon") > 0) {
|
||
var bv = agent.match(/Maxthon\/([\d\.]+)/);
|
||
browser = "傲游";
|
||
browser_version = bv[1];
|
||
} else if (agent.indexOf("MSIE") > 0) {
|
||
var bv = agent.match(/MSIE\s+([^;)]+)+/i);
|
||
browser = "IE";
|
||
browser_version = bv[1]; //获取IE的版本号
|
||
} else if (agent.indexOf("OPR") > 0) {
|
||
var bv = agent.match(/OPR\/([\d\.]+)/);
|
||
browser = "Opera";
|
||
browser_version = bv[1];
|
||
} else if (agent.indexOf("Edge") > 0) {
|
||
//win10 Edge浏览器 添加了chrome内核标记 在判断Chrome之前匹配
|
||
var bv = agent.match(/Edge\/([\d\.]+)/);
|
||
browser = "Edge";
|
||
browser_version = bv[1];
|
||
} else if (agent.indexOf("Chrome") > 0) {
|
||
var bv = agent.match(/Chrome\/([\d\.]+)/);
|
||
|
||
browser = "Chrome";
|
||
browser_version = bv[1]; //获取google chrome的版本号
|
||
} else if (agent.indexOf('rv:') > 0 && agent.indexOf('Gecko') > 0) {
|
||
var bv = agent.match(/rv:([\d\.]+)/);
|
||
browser = "IE";
|
||
browser_version = bv[1];
|
||
}
|
||
browser_version = browser_version.match(/^[0-9\.]+$/) ? browser_version: "未知";
|
||
|
||
$os = '未知操作系统';
|
||
if (agent.match(/win/i) && (agent.indexOf("95") > 0)) $os = 'Windows 95';
|
||
else if (agent.match(/win 9x/i) && (agent.indexOf("4.90") > 0)) $os = 'Windows ME';
|
||
else if (agent.match(/win/i) && agent.match(/98/i)) $os = 'Windows 98';
|
||
else if (agent.match(/win/i) && agent.match(/nt 6.0/i)) $os = 'Windows Vista';
|
||
else if (agent.match(/win/i) && agent.match(/nt 6.1/i)) $os = 'Windows 7';
|
||
else if (agent.match(/win/i) && agent.match(/nt 6.2/i)) $os = 'Windows 8';
|
||
else if (agent.match(/win/i) && agent.match(/nt 10.0/i)) $os = 'Windows 10';
|
||
else if (agent.match(/win/i) && agent.match(/nt 5.1/i)) $os = 'Windows XP';
|
||
else if (agent.match(/win/i) && agent.match(/nt 5/i)) $os = 'Windows 2000';
|
||
else if (agent.match(/win/i) && agent.match(/nt/i)) $os = 'Windows NT';
|
||
else if (agent.match(/win/i) && agent.match(/32/i)) $os = 'Windows 32';
|
||
else if (agent.match(/linux/i)) $os = 'Linux';
|
||
else if (agent.match(/unix/i)) $os = 'Unix';
|
||
else if (agent.match(/sun/i) && agent.match(/os/i)) $os = 'SunOS';
|
||
else if (agent.match(/ibm/i) && agent.match(/os/i)) $os = 'IBM OS/2';
|
||
else if (agent.match(/Mac/i) && agent.match(/PC/i)) $os = 'Macintosh';
|
||
else if (agent.match(/PowerPC/i)) $os = 'PowerPC';
|
||
else if (agent.match(/AIX/i)) $os = 'AIX';
|
||
else if (agent.match(/HPUX/i)) $os = 'HPUX';
|
||
else if (agent.match(/NetBSD/i)) $os = 'NetBSD';
|
||
else if (agent.match(/BSD/i)) $os = 'BSD';
|
||
else if (agent.match(/OSF1/i)) $os = 'OSF1';
|
||
else if (agent.match(/IRIX/i)) $os = 'IRIX';
|
||
else if (agent.match(/FreeBSD/i)) $os = 'FreeBSD';
|
||
else if (agent.match(/teleport/i)) $os = 'teleport';
|
||
else if (agent.match(/flashget/i)) $os = 'flashget';
|
||
else if (agent.match(/webzip/i)) $os = 'webzip';
|
||
else if (agent.match(/offline/i)) $os = 'offline';
|
||
|
||
return $os + ' ' + browser + '(' + browser_version + ')';
|
||
} |