var logParms = "view=request&request=log&task=query"; var logReq = new Request.JSON( { url: thisUrl, method: 'post', timeout: AJAX_TIMEOUT, link: 'cancel', onSuccess: logResponse } ); var logTimer = undefined; var logTable = undefined; var logCodes = new Object({ '0': 'INF', '-1': 'WAR', '-2': 'ERR', '-3': 'FAT', '-4': 'PNC', }); var minSampleTime = 1000; var maxSampleTime = 16000; var minLogTime = 0; var maxLogTime = 0; var logCount = 0; var maxLogFetch = 100; var filter = {}; var logTimeout = maxSampleTime; var firstLoad = true; var initialDisplayLimit = 200; var sortReversed = false; var filterFields = [ 'Component', 'ServerId', 'Pid', 'Level', 'File', 'Line']; var options = {}; function buildFetchParms( parms ) { var fetchParms = logParms+'&limit='+maxLogFetch; if ( parms ) fetchParms += '&'+parms; Object.each(filter, function( value, key ) { fetchParms += '&filter['+key+']='+value; } ); return( fetchParms ); } function fetchNextLogs() { logReq.send( buildFetchParms( 'minTime='+maxLogTime ) ); } function fetchPrevLogs() { logReq.send( buildFetchParms( 'maxTime='+minLogTime ) ); } function logResponse( respObj ) { if ( logTimer ) logTimer = clearTimeout( logTimer ); if ( respObj.result == 'Ok' ) { if ( respObj.logs.length > 0 ) { logTimeout = minSampleTime; logCount += respObj.logs.length; try { respObj.logs.each( function( log ) { if ( !maxLogTime || log.TimeKey > maxLogTime ) maxLogTime = log.TimeKey; if ( !minLogTime || log.TimeKey < minLogTime ) minLogTime = log.TimeKey; var row = logTable.push( [ { content: log.DateTime, properties: { style: 'white-space: nowrap' }}, log.Component, log.Server, log.Pid, log.Code, log.Message, log.File, log.Line ] ); delete log.Message; row.tr.store( 'log', log ); if ( log.Level <= -3 ) row.tr.addClass( 'log-fat' ); else if ( log.Level <= -2 ) row.tr.addClass( 'log-err' ); else if ( log.Level <= -1 ) row.tr.addClass( 'log-war' ); else if ( log.Level > 0 ) row.tr.addClass( 'log-dbg' ); if ( !firstLoad ) { var color = document.defaultView.getComputedStyle(row.tr,null).getPropertyValue('color'); var colorParts = color.match(/^rgb.*\((\d+),\s*(\d+),\s*(\d+)/); rowOrigColor = '#' + parseInt(colorParts[1]).toString(16) + parseInt(colorParts[2]).toString(16) + parseInt(colorParts[3]).toString(16); new Fx.Tween( row.tr, { duration: 10000, transition: Fx.Transitions.Sine } ).start( 'color', '#6495ED', rowOrigColor ); } } ); options = respObj.options; updateFilterSelectors(); $('lastUpdate').set('text',respObj.updated); $('logState').set('text',respObj.state); $('logState').removeClass('ok'); $('logState').removeClass('alert'); $('logState').removeClass('alarm'); $('logState').addClass(respObj.state); $('totalLogs').set('text',respObj.total); $('availLogs').set('text',respObj.available); $('displayLogs').set('text',logCount); if ( firstLoad ) { if ( logCount < displayLimit ) fetchPrevLogs(); } logTable.reSort(); } catch( e ) { console.error( e ); } logTimeout /= 2; if ( logTimeout < minSampleTime ) logTimeout = minSampleTime; } else { firstLoad = false; logTimeout *= 2; if ( logTimeout > maxSampleTime ) logTimeout = maxSampleTime; } } logTimer = fetchNextLogs.delay( logTimeout ); } function refreshLog() { options = {}; logTable.empty(); firstLoad = true; maxLogTime = 0; minLogTime = 0; logCount = 0; logTimeout = maxSampleTime; displayLimit = initialDisplayLimit; fetchNextLogs(); } function expandLog() { displayLimit += maxLogFetch; fetchPrevLogs(); } function clearLog() { logReq.cancel(); minLogTime = 0; logCount = 0; logTimeout = maxSampleTime; displayLimit = initialDisplayLimit; $('displayLogs').set('text',logCount); options = {}; logTable.empty(); } function filterLog() { filter = {}; filterFields.each( function( field ) { var selector = $('filter['+field+']'); if ( ! selector ) { if ( window.console && window.console.log ) { window.console.log("No selector found for " + field ); } return; } var value = selector.get('value'); if ( value ) filter[field] = value; } ); refreshLog(); } function resetLog() { filter = {}; refreshLog(); } var exportFormValidator; function exportLog() { exportFormValidator.reset(); $('exportLog').overlayShow(); } function exportResponse( response ) { $('exportLog').unspin(); if ( response.result == 'Ok' ) { window.location.replace( thisUrl+'?view=request&request=log&task=download&key='+response.key+'&format='+response.format ); } } function exportFail( request ) { $('exportLog').unspin(); $('exportErrorText').set('text', request.status+" / "+request.statusText ); $('exportError').show(); Error( "Export request failed: "+request.status+" / "+request.statusText ); } function exportRequest() { var form = $('exportForm'); $('exportErrorText').set('text', "" ); $('exportError').hide(); if ( form.validate() ) { var exportParms = "view=request&request=log&task=export"; var exportReq = new Request.JSON( { url: thisUrl, method: 'post', link: 'cancel', onSuccess: exportResponse, onFailure: exportFail } ); var selection = form.getElement('input[name=selector]:checked').get('value'); if ( selection == 'filter' || selection == 'current' ) { $$('#filters select').each( function( select ) { exportParms += "&"+select.get('id')+"="+select.get('value'); } ); } if ( selection == 'current' ) { var tbody = $(logTable).getElement( 'tbody' ); var rows = tbody.getElements( 'tr' ); if ( rows ) { var minTime = rows[0].getElement('td').get('text'); exportParms += "&minTime="+encodeURIComponent(minTime); var maxTime = rows[rows.length-1].getElement('td').get('text'); exportParms += "&maxTime="+encodeURIComponent(maxTime); } } exportReq.send( exportParms+"&"+form.toQueryString() ); $('exportLog').spin(); } } function updateFilterSelectors() { Object.each(options, function( values, key ) { var selector = $('filter['+key+']'); if ( ! selector ) { if ( window.console && window.console.log ) { window.console.log("No selector found for " + key ); } return; } selector.options.length = 1; if ( key == 'Level' ) { Object.each(values, function( value, label ) { selector.options[selector.options.length] = new Option( value, label ); } ); } else if ( key == 'ServerId' ) { Object.each(values, function( value, label ) { selector.options[selector.options.length] = new Option( value, label ); } ); } else { values.each( function( value ) { selector.options[selector.options.length] = new Option( value ); } ); } if ( filter[key] ) selector.set('value',filter[key]); } ); } function initPage() { displayLimit = initialDisplayLimit; for ( var i = 1; i <= 9; i++ ) logCodes[''+i] = 'DB'+i; logTable = new HtmlTable( $('logTable'), { zebra: true, sortable: true, sortReverse: true } ); logTable.addEvent( 'sort', function( tbody, index ) { var header = tbody.getParent( 'table' ).getElement( 'thead' ); var columns = header.getElement( 'tr' ).getElements( 'th' ); var column = columns[index]; sortReversed = column.hasClass( 'table-th-sort-rev' ); if ( logCount > displayLimit ) { var rows = tbody.getElements( 'tr' ); var startIndex; if ( sortReversed ) startIndex = displayLimit; else startIndex = 0;; for ( var i = startIndex; logCount > displayLimit; i++ ) { rows[i].destroy(); logCount--; } $('displayLogs').set('text',logCount); } } ); exportFormValidator = new Form.Validator.Inline($('exportForm'), { useTitles: true, warningPrefix: "", errorPrefix: "" }); new Asset.css( "/css/spinner.css" ); fetchNextLogs(); } // Kick everything off window.addEvent( 'domready', initPage );