zoneminder/web/skins/classic/views/js/log.js

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 = {
  '0': 'INF',
  '-1': 'WAR',
  '-2': 'ERR',
  '-3': 'FAT',
  '-4': 'PNC',
};

var minSampleTime = 2000;
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 escapeHtml(unsafe) {
  return unsafe
      .replace(/&/g, "&")
      .replace(/</g, "&lt;")
      .replace(/>/g, "&gt;")
      .replace(/"/g, "&quot;")
      .replace(/'/g, "&#039;");
}

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,
                escapeHtml(log.Message),
                escapeHtml(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 );
              }
            }
        );
        if ( typeof(respObj.options) == 'object' ) {
          $j.each( respObj.options,
              function( field ) {
                if ( options[field] ) {
                  options[field] = Object.assign(options[field], respObj.options[field]);
                } else {
                  options[field] = respObj.options[field];
                }
              }
          );
        }
        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;
      }
    } // end logs.length > 0
  } // end if result == Ok
  logTimer = fetchNextLogs.delay( logTimeout );
}

function refreshLog() {
  options = {};
  $j('#logTable tbody').empty();
  firstLoad = true;
  maxLogTime = 0;
  minLogTime = 0;
  logCount = 0;
  logTimeout = maxSampleTime;
  displayLimit = initialDisplayLimit;
  fetchNextLogs();
}

function expandLog() {
  displayLimit += maxLogFetch;
  fetchPrevLogs();
}

function clearResponse() {
  refreshLog();
}
function clearError() {
}
function clearLog() {
  logReq.cancel();

  var clearReq = new Request.JSON({
    url: thisUrl,
    method: 'post',
    timeout: AJAX_TIMEOUT,
    link: 'cancel',
    onSuccess: clearResponse
  });
  var clearParms = 'view=request&request=log&task=delete';
  clearParms += "&minTime="+minLogTime;
  clearParms += "&maxTime="+maxLogTime;
  var filters =['Component', 'ServerId', 'Pid', 'Level', 'File', 'Line'];
  filters.forEach(function(filter) {
    var f = $j('#filter\\['+filter+'\\]');
    if ( f.val() ) {
      clearParms += '&'+encodeURIComponent('filter[' + filter + ']')+'='+encodeURIComponent(f.val());
    }
  });
  clearReq.send(clearParms);
}

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 exportReq = new Request.JSON({
      url: thisUrl,
      method: 'post',
      link: 'cancel',
      onSuccess: exportResponse,
      onFailure: exportFail
    });
    var exportParms = "view=request&request=log&task=export";
    var selection = form.getElement('input[name=selector]:checked').get('value');
    if ( selection == 'filter' || selection == 'current' ) {
      $$('#filters select').each(
          function( select ) {
            if ( select.get('value') ) {
              exportParms += "&"+select.get('id')+"="+select.get('value');
            }
          }
      );
    }
    if ( selection == 'current' ) {
      var tbody = $(logTable).getElement( 'tbody' );
      var rows = tbody.getElements( 'tr' );
      if ( rows ) {
        // Need to convert this to TimeKey
        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 {
          Object.each(values,
              function( value, label ) {
                selector.options[selector.options.length] = new Option(value, label);
              }
          );
        }
        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);
    } // end if loCount > displayLimit
  }
  );
  exportFormValidator = new Form.Validator.Inline($('exportForm'), {
    useTitles: true,
    warningPrefix: '',
    errorPrefix: ''
  });
  new Asset.css('css/spinner.css');
  fetchNextLogs();
}

// Kick everything off
window.addEventListener('DOMContentLoaded', initPage);