292 lines
		
	
	
		
			9.3 KiB
		
	
	
	
		
			HTML
		
	
	
			
		
		
	
	
			292 lines
		
	
	
		
			9.3 KiB
		
	
	
	
		
			HTML
		
	
	
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 | 
						|
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 | 
						|
<html xmlns="http://www.w3.org/1999/xhtml">
 | 
						|
<head>
 | 
						|
<title>Simulator statistics</title>
 | 
						|
<link rel="stylesheet" href="sim.css" type="text/css"/>
 | 
						|
<!-- <script type="text/javascript" src="jquery.js"></script> -->
 | 
						|
<!-- <script type="text/javascript" src="https://code.jquery.com/jquery-1.9.0.min.js"></script> -->
 | 
						|
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
 | 
						|
<!-- <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/libs/jQuery/jquery-1.9.0.min.js"></script> -->
 | 
						|
<noscript>
 | 
						|
<p color="red">
 | 
						|
Your browser does not support Javascript. This won't work for you.
 | 
						|
</p>
 | 
						|
</noscript>
 | 
						|
<script type="text/javascript">
 | 
						|
$(document).ready(function() {
 | 
						|
    // Major divisions in the content accordioning
 | 
						|
    $('.SimSection').show('slow');
 | 
						|
    $('.SimSectionHeader').click(function() {
 | 
						|
        $(this).next().slideToggle('slow');
 | 
						|
        return false;
 | 
						|
    });
 | 
						|
 | 
						|
    // Start the timed functions
 | 
						|
    TimerDataStuff();
 | 
						|
});
 | 
						|
 | 
						|
// One of the sections is viewer statistics. Poll for the data.
 | 
						|
var statTimerHandle;
 | 
						|
var graphFPS;
 | 
						|
var lastFPS = 10;
 | 
						|
var xxThru = 0;
 | 
						|
function TimerDataStuff() {
 | 
						|
    statTimerHandle = setInterval('TimerStatDisplay()', 5000);
 | 
						|
}
 | 
						|
 | 
						|
// called by timer to fetch and display statistic information
 | 
						|
var doingStatDisplay = false;
 | 
						|
function TimerStatDisplay() {
 | 
						|
    if (doingStatDisplay) return;
 | 
						|
    doingStatDisplay = true;
 | 
						|
    if ($('#SimSimStats').is(':visible')) {
 | 
						|
        DisplaySimStats();
 | 
						|
    }
 | 
						|
    if ($('#SimRegionStats').is(':visible')) {
 | 
						|
        DisplayPerRegionStats();
 | 
						|
    }
 | 
						|
    if ($('#SimSessionStats').is(':visible')) {
 | 
						|
        DisplaySessionStats();
 | 
						|
    }
 | 
						|
    if ($('#SimLogFile').is(':visible')) {
 | 
						|
        DisplayLogFile();
 | 
						|
    }
 | 
						|
    doingStatDisplay = false;
 | 
						|
}
 | 
						|
 | 
						|
var simName = "127.0.0.1";
 | 
						|
var simPort = "9000";
 | 
						|
function DisplaySimStats() {
 | 
						|
    var statURL = "http://" + simName + ":" + simPort + "/SStats/?json=1";
 | 
						|
    $.ajax({
 | 
						|
        type: "GET",
 | 
						|
        url: statURL,
 | 
						|
        dataType: 'json',
 | 
						|
        timeout: 1000,
 | 
						|
        success: function(data, status) {
 | 
						|
            if (status == 'success') {
 | 
						|
                DisplaySimStatDetails(data);
 | 
						|
            }
 | 
						|
        },
 | 
						|
        error: function(xmlHTTPRequest, errorType) {
 | 
						|
            // DebugLog('Failed fetch');
 | 
						|
        }
 | 
						|
    });
 | 
						|
}
 | 
						|
 | 
						|
function DisplayPerRegionStats() {
 | 
						|
    var statURL = "http://" + simName + ":" + simPort + "/SStats/simstatsajax.html?json=1";
 | 
						|
    $.ajax({
 | 
						|
        type: "GET",
 | 
						|
        url: statURL,
 | 
						|
        dataType: 'json',
 | 
						|
        timeout: 1000,
 | 
						|
        success: function(data, status) {
 | 
						|
            if (status == 'success') {
 | 
						|
                DisplayRegionStatDetails(data);
 | 
						|
            }
 | 
						|
        },
 | 
						|
        error: function(xmlHTTPRequest, errorType) {
 | 
						|
            // DebugLog('Failed fetch');
 | 
						|
        }
 | 
						|
    });
 | 
						|
};
 | 
						|
 | 
						|
function DisplayLogFile() {
 | 
						|
    var statURL = "http://" + simName + ":" + simPort + "/SStats/activelogajax.html?json=1";
 | 
						|
    $.ajax({
 | 
						|
        type: "GET",
 | 
						|
        url: statURL,
 | 
						|
        dataType: 'json',
 | 
						|
        timeout: 1000,
 | 
						|
        success: function(data, status) {
 | 
						|
            if (status == 'success') {
 | 
						|
                DisplayLogFileDetails(data);
 | 
						|
            }
 | 
						|
        },
 | 
						|
        error: function(xmlHTTPRequest, errorType) {
 | 
						|
            // DebugLog('Failed fetch');
 | 
						|
        }
 | 
						|
    });
 | 
						|
};
 | 
						|
 | 
						|
function DisplaySessionStats() {
 | 
						|
    var statURL = "http://" + simName + ":" + simPort + "/SStats/activeconnectionsajax.html?json=1";
 | 
						|
    $.ajax({
 | 
						|
        type: "GET",
 | 
						|
        url: statURL,
 | 
						|
        dataType: 'json',
 | 
						|
        timeout: 1000,
 | 
						|
        success: function(data, status) {
 | 
						|
            if (status == 'success') {
 | 
						|
                DisplaySessionStatsDetails(data);
 | 
						|
            }
 | 
						|
        },
 | 
						|
        error: function(xmlHTTPRequest, errorType) {
 | 
						|
            // DebugLog('Failed fetch');
 | 
						|
        }
 | 
						|
    });
 | 
						|
};
 | 
						|
 | 
						|
function DisplaySimStatDetails(data) {
 | 
						|
    var simInfo = new StringBuffer();
 | 
						|
    simInfo.append('<table id="RegionStatsTable">');
 | 
						|
    simInfo.append('<tr>');
 | 
						|
    simInfo.append('<th>Total Users</th>');
 | 
						|
    simInfo.append('<th>Total Sessions</th>');
 | 
						|
    simInfo.append('<th>Avg client FPS</th>');
 | 
						|
    simInfo.append('<th>Avg client Mem</th>');
 | 
						|
    simInfo.append('<th>Avg ping time</th>');
 | 
						|
    simInfo.append('<th>KB out</th>');
 | 
						|
    simInfo.append('<th>KB in</th>');
 | 
						|
    simInfo.append('</tr>');
 | 
						|
    simInfo.append('<tr>');
 | 
						|
    simInfo.append('<td>' + data.totalUsers + '</td>');
 | 
						|
    simInfo.append('<td>' + data.totalSessions + '</td>');
 | 
						|
    simInfo.append('<td>' + data.averageClientFPS + '</td>');
 | 
						|
    simInfo.append('<td>' + data.averageClientMem + '</td>');
 | 
						|
    simInfo.append('<td>' + data.averagePingTime + '</td>');
 | 
						|
    simInfo.append('<td>' + data.totalKBOut + '</td>');
 | 
						|
    simInfo.append('<td>' + data.totalKBIn + '</td>');
 | 
						|
    simInfo.append('</tr>');
 | 
						|
    simInfo.append('</table>');
 | 
						|
    $('#SimSimStats').empty();
 | 
						|
    $('#SimSimStats').append(simInfo.toString());
 | 
						|
}
 | 
						|
 | 
						|
function DisplayRegionStatDetails(data) {
 | 
						|
    var regionInfo = new StringBuffer();
 | 
						|
    regionInfo.append('<table id="RegionStatsTable">');
 | 
						|
    regionInfo.append('<tr>');
 | 
						|
    regionInfo.append('<th>Region</th>');
 | 
						|
    regionInfo.append('<th>Agents</th>');
 | 
						|
    regionInfo.append('<th>Child</th>');
 | 
						|
    regionInfo.append('<th>FPS</th>');
 | 
						|
    regionInfo.append('<th>Frame Time</th>');
 | 
						|
    regionInfo.append('<th>Phys Time</th>');
 | 
						|
    regionInfo.append('<th>Prims</th>');
 | 
						|
    regionInfo.append('</tr>');
 | 
						|
    for (region in data) {
 | 
						|
        regionInfo.append('<tr>');
 | 
						|
        regionInfo.append('<td>' + data[region].region + '</td>');
 | 
						|
        regionInfo.append('<td>' + data[region].rootAgents + '</td>');
 | 
						|
        regionInfo.append('<td>' + data[region].childAgents + '</td>');
 | 
						|
        regionInfo.append('<td>' + data[region].simFPS + '</td>');
 | 
						|
        regionInfo.append('<td>' + data[region].totalFrameTime + '</td>');
 | 
						|
        regionInfo.append('<td>' + data[region].physicsFrameTime + '</td>');
 | 
						|
        regionInfo.append('<td>' + data[region].totalPrims + '</td>');
 | 
						|
        regionInfo.append('</tr>');
 | 
						|
    }
 | 
						|
    regionInfo.append('</table>');
 | 
						|
    $('#SimRegionStats').empty();
 | 
						|
    $('#SimRegionStats').append(regionInfo.toString());
 | 
						|
}
 | 
						|
 | 
						|
function DisplayLogFileDetails(data) {
 | 
						|
    var logInfo = new StringBuffer();
 | 
						|
    var logPattern = /^(.+),\d\d\d .* \[(.+)\]: (.+)$/;
 | 
						|
    for (logLine in data['logLines']) {
 | 
						|
        logInfo.append('<div>');
 | 
						|
        var logPieces = logPattern.exec(data['logLines'][logLine]);
 | 
						|
        if (logPieces) {
 | 
						|
            logInfo.append(logPieces[1] + ' [' + logPieces[2]
 | 
						|
                    + '] ' + logPieces[3]);
 | 
						|
        }
 | 
						|
        else {
 | 
						|
            logInfo.append(data['logLines'][logLine]);
 | 
						|
        }
 | 
						|
 | 
						|
        logInfo.append('</div>');
 | 
						|
    }
 | 
						|
    $('#SimLogFile').empty();
 | 
						|
    $('#SimLogFile').append(logInfo.toString());
 | 
						|
}
 | 
						|
 | 
						|
function DisplaySessionStatsDetails(data) {
 | 
						|
    var userInfo = new StringBuffer();
 | 
						|
    userInfo.append('<table>');
 | 
						|
    userInfo.append('<tr>');
 | 
						|
    userInfo.append('<th>region</th>');
 | 
						|
    userInfo.append('<th>user</th>');
 | 
						|
    userInfo.append('<th></th>');
 | 
						|
    userInfo.append('<th>position</th>');
 | 
						|
    userInfo.append('</tr>');
 | 
						|
    for (region in data) {
 | 
						|
        for (user in data[region]) {
 | 
						|
            if (user != 'queues') {
 | 
						|
                userInfo.append('<tr>');
 | 
						|
                userInfo.append('<td>' + region + '</td>');
 | 
						|
                userInfo.append('<td>' + data[region][user].Name + '</td>');
 | 
						|
                if (data[region][user].isRoot == 'true') {
 | 
						|
                    userInfo.append('<td>root</td>');
 | 
						|
                }
 | 
						|
                else {
 | 
						|
                    userInfo.append('<td>child</td>');
 | 
						|
                }
 | 
						|
                userInfo.append('<td>' + data[region][user].position + '</td>');
 | 
						|
                userInfo.append('</tr>');
 | 
						|
            }
 | 
						|
        }
 | 
						|
    }
 | 
						|
    userInfo.append('</table>');
 | 
						|
    $('#SimSessionStats').empty();
 | 
						|
    $('#SimSessionStats').append(userInfo.toString());
 | 
						|
}
 | 
						|
 | 
						|
function DebugLog(msg) {
 | 
						|
    $("#DEBUG").append('<div>' + msg + '</div>');
 | 
						|
    $("#DEBUG").show();
 | 
						|
}
 | 
						|
 | 
						|
function StringBuffer() {
 | 
						|
    this.__strings__ = new Array;
 | 
						|
}
 | 
						|
StringBuffer.prototype.append = function(str) {
 | 
						|
    this.__strings__.push(str);
 | 
						|
}
 | 
						|
StringBuffer.prototype.toString = function() {
 | 
						|
    return this.__strings__.join("");
 | 
						|
}
 | 
						|
 | 
						|
</script>
 | 
						|
</head>
 | 
						|
<body id="SimBody">
 | 
						|
<div id="SimHeader"></div>
 | 
						|
<div id="SimContent">
 | 
						|
 | 
						|
<!-- ============================================== -->
 | 
						|
<div class="SimSectionContainer">
 | 
						|
<a class="SimSectionHeader" href="#">Simulator Stats</a>
 | 
						|
<div id="SimSimStats" class="SimSection">
 | 
						|
</div>  <!-- SimSimStats -->
 | 
						|
</div>  <!-- SimSectionContainer -->
 | 
						|
 | 
						|
<!-- ============================================== -->
 | 
						|
<div class="SimSectionContainer">
 | 
						|
<a class="SimSectionHeader" href="#">Region Stats</a>
 | 
						|
<div id="SimRegionStats" class="SimSection">
 | 
						|
</div>  <!-- SimRegionStats -->
 | 
						|
</div>  <!-- SimSectionContainer -->
 | 
						|
 | 
						|
<!-- ============================================== -->
 | 
						|
<div class="SimSectionContainer">
 | 
						|
<a class="SimSectionHeader" href="#">Sessions</a>
 | 
						|
<div id="SimSessionStats" class="SimSection">
 | 
						|
</div>  <!-- SimSessionStats -->
 | 
						|
</div>  <!-- SimSectionContainer -->
 | 
						|
 | 
						|
<!-- ============================================== -->
 | 
						|
<div class="SimSectionContainer">
 | 
						|
<a class="SimSectionHeader" href="#">Log File</a>
 | 
						|
<div id="SimLogFile" class="SimSection">
 | 
						|
</div>  <!-- SimLogFile -->
 | 
						|
</div>  <!-- SimSectionContainer -->
 | 
						|
 | 
						|
<!-- ============================================== -->
 | 
						|
</div>  <!-- SimContent -->
 | 
						|
<div id="DEBUG"></div>
 | 
						|
<div id="SimFooter"></div>
 | 
						|
</body>
 | 
						|
</html>
 |