|
|
@ -17,8 +17,6 @@ |
|
|
along with this program. If not, see {http://www.gnu.org/licenses/}.
|
|
|
along with this program. If not, see {http://www.gnu.org/licenses/}.
|
|
|
|
|
|
|
|
|
Home: https://github.com/gorhill/sessbench
|
|
|
Home: https://github.com/gorhill/sessbench
|
|
|
|
|
|
|
|
|
TODO: cleanup/refactor |
|
|
|
|
|
*/ |
|
|
*/ |
|
|
|
|
|
|
|
|
/* jshint boss: true */ |
|
|
/* jshint boss: true */ |
|
|
@ -33,10 +31,7 @@ |
|
|
/******************************************************************************/ |
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
|
var messager = vAPI.messaging.channel('logger-ui.js'); |
|
|
var messager = vAPI.messaging.channel('logger-ui.js'); |
|
|
|
|
|
|
|
|
var doc = document; |
|
|
|
|
|
var body = doc.body; |
|
|
|
|
|
var tbody = doc.querySelector('#content tbody'); |
|
|
|
|
|
|
|
|
var tbody = document.querySelector('#content tbody'); |
|
|
var trJunkyard = []; |
|
|
var trJunkyard = []; |
|
|
var tdJunkyard = []; |
|
|
var tdJunkyard = []; |
|
|
var firstVarDataCol = 2; // currently, column 2 (0-based index)
|
|
|
var firstVarDataCol = 2; // currently, column 2 (0-based index)
|
|
|
@ -116,7 +111,7 @@ var createCellAt = function(tr, index) { |
|
|
td.removeAttribute('colspan'); |
|
|
td.removeAttribute('colspan'); |
|
|
td.textContent = ''; |
|
|
td.textContent = ''; |
|
|
} else { |
|
|
} else { |
|
|
td = doc.createElement('td'); |
|
|
|
|
|
|
|
|
td = document.createElement('td'); |
|
|
} |
|
|
} |
|
|
if ( mustAppend ) { |
|
|
if ( mustAppend ) { |
|
|
tr.appendChild(td); |
|
|
tr.appendChild(td); |
|
|
@ -131,7 +126,7 @@ var createRow = function(layout) { |
|
|
if ( tr ) { |
|
|
if ( tr ) { |
|
|
tr.className = ''; |
|
|
tr.className = ''; |
|
|
} else { |
|
|
} else { |
|
|
tr = doc.createElement('tr'); |
|
|
|
|
|
|
|
|
tr = document.createElement('tr'); |
|
|
} |
|
|
} |
|
|
for ( var index = 0; index < firstVarDataCol; index++ ) { |
|
|
for ( var index = 0; index < firstVarDataCol; index++ ) { |
|
|
createCellAt(tr, index); |
|
|
createCellAt(tr, index); |
|
|
@ -198,7 +193,7 @@ var renderLogEntry = function(entry) { |
|
|
} |
|
|
} |
|
|
if ( entry.d3 ) { |
|
|
if ( entry.d3 ) { |
|
|
tr.classList.add('blocked'); |
|
|
tr.classList.add('blocked'); |
|
|
tr.cells[fvdc].textContent = '---'; |
|
|
|
|
|
|
|
|
tr.cells[fvdc].textContent = '--'; |
|
|
} else { |
|
|
} else { |
|
|
tr.cells[fvdc].textContent = ''; |
|
|
tr.cells[fvdc].textContent = ''; |
|
|
} |
|
|
} |
|
|
@ -229,6 +224,8 @@ var renderLogEntry = function(entry) { |
|
|
tr.classList.add('cat_' + entry.cat); |
|
|
tr.classList.add('cat_' + entry.cat); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
rowFilterer.filterOne(tr); |
|
|
|
|
|
|
|
|
tbody.insertBefore(tr, tbody.firstChild); |
|
|
tbody.insertBefore(tr, tbody.firstChild); |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
@ -268,15 +265,15 @@ var renderLogEntries = function(response) { |
|
|
// Chromium:
|
|
|
// Chromium:
|
|
|
// body.scrollTop = good value
|
|
|
// body.scrollTop = good value
|
|
|
// body.parentNode.scrollTop = 0
|
|
|
// body.parentNode.scrollTop = 0
|
|
|
if ( body.scrollTop !== 0 ) { |
|
|
|
|
|
body.scrollTop += yDelta; |
|
|
|
|
|
|
|
|
if ( document.body.scrollTop !== 0 ) { |
|
|
|
|
|
document.body.scrollTop += yDelta; |
|
|
return; |
|
|
return; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
// Firefox:
|
|
|
// Firefox:
|
|
|
// body.scrollTop = 0
|
|
|
// body.scrollTop = 0
|
|
|
// body.parentNode.scrollTop = good value
|
|
|
// body.parentNode.scrollTop = good value
|
|
|
var parentNode = body.parentNode; |
|
|
|
|
|
|
|
|
var parentNode = document.body.parentNode; |
|
|
if ( parentNode && parentNode.scrollTop !== 0 ) { |
|
|
if ( parentNode && parentNode.scrollTop !== 0 ) { |
|
|
parentNode.scrollTop += yDelta; |
|
|
parentNode.scrollTop += yDelta; |
|
|
} |
|
|
} |
|
|
@ -288,6 +285,7 @@ var truncateLog = function(size) { |
|
|
if ( size === 0 ) { |
|
|
if ( size === 0 ) { |
|
|
size = 5000; |
|
|
size = 5000; |
|
|
} |
|
|
} |
|
|
|
|
|
var tbody = document.querySelector('#content tbody'); |
|
|
size = Math.min(size, 10000); |
|
|
size = Math.min(size, 10000); |
|
|
var tr; |
|
|
var tr; |
|
|
while ( tbody.childElementCount > size ) { |
|
|
while ( tbody.childElementCount > size ) { |
|
|
@ -356,7 +354,155 @@ var readLogBuffer = function() { |
|
|
|
|
|
|
|
|
/******************************************************************************/ |
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
|
|
|
|
var onMaxEntriesChanged = function() { |
|
|
|
|
|
var raw = uDom(this).val(); |
|
|
|
|
|
try { |
|
|
|
|
|
maxEntries = parseInt(raw, 10); |
|
|
|
|
|
if ( isNaN(maxEntries) ) { |
|
|
|
|
|
maxEntries = 0; |
|
|
|
|
|
} |
|
|
|
|
|
} catch (e) { |
|
|
|
|
|
maxEntries = 0; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
messager.send({ |
|
|
|
|
|
what: 'userSettings', |
|
|
|
|
|
name: 'maxLoggedRequests', |
|
|
|
|
|
value: maxEntries |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
truncateLog(maxEntries); |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
|
|
|
|
var rowFilterer = (function() { |
|
|
|
|
|
var filters = []; |
|
|
|
|
|
|
|
|
|
|
|
var parseInput = function() { |
|
|
|
|
|
filters = []; |
|
|
|
|
|
|
|
|
|
|
|
var rawPart, not, hardBeg, hardEnd, reStr; |
|
|
|
|
|
var raw = uDom('#filterInput').val().trim(); |
|
|
|
|
|
var rawParts = raw.split(/\s+/); |
|
|
|
|
|
var i = rawParts.length; |
|
|
|
|
|
while ( i-- ) { |
|
|
|
|
|
rawPart = rawParts[i]; |
|
|
|
|
|
not = rawPart.charAt(0) === '!'; |
|
|
|
|
|
if ( not ) { |
|
|
|
|
|
rawPart = rawPart.slice(1); |
|
|
|
|
|
} |
|
|
|
|
|
hardBeg = rawPart.charAt(0) === '['; |
|
|
|
|
|
if ( hardBeg ) { |
|
|
|
|
|
rawPart = rawPart.slice(1); |
|
|
|
|
|
} |
|
|
|
|
|
hardEnd = rawPart.slice(-1) === ']'; |
|
|
|
|
|
if ( hardEnd ) { |
|
|
|
|
|
rawPart = rawPart.slice(0, -1); |
|
|
|
|
|
} |
|
|
|
|
|
if ( rawPart === '' ) { |
|
|
|
|
|
continue; |
|
|
|
|
|
} |
|
|
|
|
|
// https://developer.mozilla.org/en/docs/Web/JavaScript/Guide/Regular_Expressions
|
|
|
|
|
|
reStr = rawPart.replace(/[.+?^${}()|[\]\\]/g, '\\$&') |
|
|
|
|
|
.replace(/\*/g, '.*'); |
|
|
|
|
|
if ( hardBeg ) { |
|
|
|
|
|
reStr = '(?:^|\\s)' + reStr; |
|
|
|
|
|
} |
|
|
|
|
|
if ( hardEnd ) { |
|
|
|
|
|
reStr += '(?:\\s|$)'; |
|
|
|
|
|
} |
|
|
|
|
|
filters.push({ |
|
|
|
|
|
re: new RegExp(reStr, 'i'), |
|
|
|
|
|
r: !not |
|
|
|
|
|
}); |
|
|
|
|
|
} |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
var filterOne = function(tr) { |
|
|
|
|
|
var cl = tr.classList; |
|
|
|
|
|
// do not filter out doc boundaries, they help separate important
|
|
|
|
|
|
// section of log.
|
|
|
|
|
|
if ( cl.contains('doc') ) { |
|
|
|
|
|
return; |
|
|
|
|
|
} |
|
|
|
|
|
var ff = filters; |
|
|
|
|
|
var fcount = ff.length; |
|
|
|
|
|
if ( fcount === 0 ) { |
|
|
|
|
|
cl.remove('f'); |
|
|
|
|
|
return; |
|
|
|
|
|
} |
|
|
|
|
|
var cc = tr.cells; |
|
|
|
|
|
var ccount = cc.length; |
|
|
|
|
|
var hit, j, f; |
|
|
|
|
|
// each filter expression must hit (implicit and-op)
|
|
|
|
|
|
// if...
|
|
|
|
|
|
// positive filter expression = there must one hit on any field
|
|
|
|
|
|
// negative filter expression = there must be no hit on all fields
|
|
|
|
|
|
for ( var i = 0; i < fcount; i++ ) { |
|
|
|
|
|
f = ff[i]; |
|
|
|
|
|
hit = !f.r; |
|
|
|
|
|
for ( j = 0; j < ccount; j++ ) { |
|
|
|
|
|
if ( f.re.test(cc[j].innerText) ) { |
|
|
|
|
|
hit = f.r; |
|
|
|
|
|
break; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
if ( !hit ) { |
|
|
|
|
|
cl.add('f'); |
|
|
|
|
|
return; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
cl.remove('f'); |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
var filterAll = function() { |
|
|
|
|
|
// Special case: no filter
|
|
|
|
|
|
if ( filters.length === 0 ) { |
|
|
|
|
|
uDom('#content tr').removeClass('f'); |
|
|
|
|
|
return; |
|
|
|
|
|
} |
|
|
|
|
|
var tbody = document.querySelector('#content tbody'); |
|
|
|
|
|
var rows = tbody.rows; |
|
|
|
|
|
var i = rows.length; |
|
|
|
|
|
while ( i-- ) { |
|
|
|
|
|
filterOne(rows[i]); |
|
|
|
|
|
} |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
var onFilterChangedAsync = (function() { |
|
|
|
|
|
var timer = null; |
|
|
|
|
|
var commit = function() { |
|
|
|
|
|
timer = null; |
|
|
|
|
|
parseInput(); |
|
|
|
|
|
filterAll(); |
|
|
|
|
|
}; |
|
|
|
|
|
return function() { |
|
|
|
|
|
if ( timer !== null ) { |
|
|
|
|
|
clearTimeout(timer); |
|
|
|
|
|
} |
|
|
|
|
|
timer = setTimeout(commit, 750); |
|
|
|
|
|
}; |
|
|
|
|
|
})(); |
|
|
|
|
|
|
|
|
|
|
|
var onFilterButton = function() { |
|
|
|
|
|
var cl = document.body.classList; |
|
|
|
|
|
cl.toggle('f', cl.contains('f') === false); |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
uDom('#filterButton').on('click', onFilterButton); |
|
|
|
|
|
uDom('#filterInput').on('input', onFilterChangedAsync); |
|
|
|
|
|
|
|
|
|
|
|
return { |
|
|
|
|
|
filterOne: filterOne, |
|
|
|
|
|
filterAll: filterAll |
|
|
|
|
|
}; |
|
|
|
|
|
})(); |
|
|
|
|
|
|
|
|
|
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
|
var clearBuffer = function() { |
|
|
var clearBuffer = function() { |
|
|
|
|
|
var tbody = document.querySelector('#content tbody'); |
|
|
var tr; |
|
|
var tr; |
|
|
while ( tbody.firstChild !== null ) { |
|
|
while ( tbody.firstChild !== null ) { |
|
|
tr = tbody.lastElementChild; |
|
|
tr = tbody.lastElementChild; |
|
|
@ -380,9 +526,9 @@ var cleanBuffer = function() { |
|
|
/******************************************************************************/ |
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
|
var toggleCompactView = function() { |
|
|
var toggleCompactView = function() { |
|
|
body.classList.toggle( |
|
|
|
|
|
|
|
|
document.body.classList.toggle( |
|
|
'compactView', |
|
|
'compactView', |
|
|
body.classList.contains('compactView') === false |
|
|
|
|
|
|
|
|
document.body.classList.contains('compactView') === false |
|
|
); |
|
|
); |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
@ -595,28 +741,6 @@ var popupManager = (function() { |
|
|
|
|
|
|
|
|
/******************************************************************************/ |
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
|
var onMaxEntriesChanged = function() { |
|
|
|
|
|
var raw = uDom(this).val(); |
|
|
|
|
|
try { |
|
|
|
|
|
maxEntries = parseInt(raw, 10); |
|
|
|
|
|
if ( isNaN(maxEntries) ) { |
|
|
|
|
|
maxEntries = 0; |
|
|
|
|
|
} |
|
|
|
|
|
} catch (e) { |
|
|
|
|
|
maxEntries = 0; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
messager.send({ |
|
|
|
|
|
what: 'userSettings', |
|
|
|
|
|
name: 'maxLoggedRequests', |
|
|
|
|
|
value: maxEntries |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
truncateLog(maxEntries); |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
|
|
|
|
uDom.onLoad(function() { |
|
|
uDom.onLoad(function() { |
|
|
readLogBuffer(); |
|
|
readLogBuffer(); |
|
|
|
|
|
|
|
|
|
gorhill
10 years ago