456 lines
13 KiB
HTML
Executable File
456 lines
13 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title></title>
|
|
<meta charset="utf-8" />
|
|
<!-- IE set to latest comp mode -->
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
|
|
|
|
<link rel="shortcut icon" href="/images/rockstar.png" />
|
|
|
|
<!-- Page specific styles -->
|
|
<link rel="stylesheet" type="text/css" href="/shared/css/generic.css" />
|
|
<link rel="stylesheet" type="text/css" href="/shared/css/map.css" />
|
|
|
|
<!-- JQuery and JQuery UI -->
|
|
<script type="text/javascript" src="/js/libs/jquery-1.8.2.min.js"></script>
|
|
<script type="text/javascript" src="/libs/jquery-ui-1.8.23/js/jquery-ui-1.8.23.custom.min.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/libs/jquery-ui-1.8.23/css/ui-lightness/jquery-ui-1.8.23.custom.css" />
|
|
<link rel="stylesheet" type="text/css" href="/shared/css/jquery-ui-local.css" />
|
|
<!-- timepicker addon -->
|
|
<script type="text/javascript" src="/libs/jquery-ui-1.8.23/addons/jquery-ui-timepicker-addon.js"></script>
|
|
|
|
<!-- Detect and old browsers before loading any new libraries that will crash IE -->
|
|
<script type="text/javascript" src="/js/detect_browser_error.js"></script>
|
|
|
|
<!-- d3js and nvd3 -->
|
|
<script type="text/javascript" src="/js/libs/d3.v2.js"></script>
|
|
|
|
<script type="text/javascript" src="/libs/nvd3/nv.d3.min.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/libs/nvd3/nv.d3.css" />
|
|
<link rel="stylesheet" type="text/css" href="/shared/css/nv.d3-local.css" />
|
|
|
|
<!-- blockUI plugin -->
|
|
<script type="text/javascript" src="/js/libs/jquery.blockUI.js"></script>
|
|
|
|
<!-- JQuery Tools (Overlay) -->
|
|
<script type="text/javascript" src="/libs/jquery-tools-1.2.7/jquery.tools.min.js"></script>
|
|
|
|
<!-- sexy-alert-box plugin -->
|
|
<script type="text/javascript" src="/libs/sexy-alert-box/sexyalertbox.v1.2.jquery.mini.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/libs/sexy-alert-box/sexyalertbox.css" />
|
|
|
|
<!-- Svg map operations -->
|
|
<script type="text/javascript" src="/shared/js/svg_interact.js"></script>
|
|
<script type="text/javascript" src="/shared/js/ie-hacks.js"></script>
|
|
|
|
<!-- Heatmap.js -->
|
|
<script type="text/javascript" src="/libs/heatmap/heatmap.js"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="header"></div>
|
|
<div id="navigation"></div>
|
|
|
|
<div id="content">
|
|
|
|
<div id="sub-header">
|
|
<label for="build">Build:</label>
|
|
<select id="build"></select>
|
|
|
|
<label for="level">Level:</label>
|
|
<select id="level"></select>
|
|
|
|
<label for="platform">Platform:</label>
|
|
<select id="platform"></select>
|
|
|
|
<label for="overlay-group">Overlay Group:</label>
|
|
<select id="overlay-group"></select>
|
|
|
|
<label for="overlay-single">Overlay:</label>
|
|
<select id="overlay-single"></select>
|
|
|
|
<span>
|
|
<label for="filter-force" title="Check to force recaching of the report">F</label>
|
|
<input id="filter-force" type="checkbox" value="" />
|
|
</span>
|
|
</div>
|
|
|
|
<div id="map-wrapper">
|
|
|
|
<fieldset id="map">
|
|
<legend>Map</legend>
|
|
</fieldset> <!-- End of #map -->
|
|
|
|
<div id="map-side-options">
|
|
|
|
<fieldset id="map-layers">
|
|
<legend>Map Layers</legend>
|
|
<input type="checkbox" id="map-layer-grid" value="grid" checked="checked" />
|
|
<label for="map-layer-grid">Grid</label><br />
|
|
<input type="checkbox" id="map-layer-sea" value="sea" checked="checked" />
|
|
<label for="map-layer-sea">Sea</label><br />
|
|
<input type="checkbox" id="map-layer-landcity" value="landcity" checked="checked" />
|
|
<label for="map-layer-landcity">Land City</label><br />
|
|
<input type="checkbox" id="map-layer-landbeach" value="landbeach" checked="checked" />
|
|
<label for="map-layer-landbeach">Land Beach</label><br />
|
|
<input type="checkbox" id="map-layer-landgreen" value="landgreen" checked="checked" />
|
|
<label for="map-layer-landgreen">Land Green</label><br />
|
|
<input type="checkbox" id="map-layer-tunnels" value="tunnels" checked="checked" />
|
|
<label for="map-layer-tunnels">Tunnels</label><br />
|
|
<input type="checkbox" id="map-layer-metro" value="metro" checked="checked" />
|
|
<label for="map-layer-metro">Metro</label><br />
|
|
<input type="checkbox" id="map-layer-roads" value="roads" checked="checked" />
|
|
<label for="map-layer-roads">Roads</label><br />
|
|
<input type="checkbox" id="map-layer-rail" value="rail" checked="checked" />
|
|
<label for="map-layer-rail">Rail</label><br />
|
|
<input type="checkbox" id="map-layer-telemetry" value="telemetry-overlay" checked="checked" />
|
|
<label for="map-layer-telemetry">Telemetry</label>
|
|
</fieldset> <!-- End of #map-layers-->
|
|
|
|
<fieldset id="fps-overlay-options" class="overlay-options">
|
|
<legend>Fps/Draw Lists Options</legend>
|
|
|
|
<div>
|
|
<label for="data-resolution">Data Resolution:</label>
|
|
<select id="data-resolution"></select>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<label for="fps-game-type">Game Type:</label>
|
|
<select id="fps-game-type"></select>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<label for="build-config">Build Config:</label>
|
|
<select id="build-config"></select>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<label for="metric">Metric:</label>
|
|
<select id="metric"></select>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<label for="draw-list">Draw List:</label>
|
|
<select id="draw-list" disabled="disabled"></select>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<label for="statistics">Statistics:</label>
|
|
<select id="statistics"></select>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<input type="checkbox" name="fps-off-mission-cutscene" id="fps-off-mission-cutscene" val="" />
|
|
<label for="fps-off-mission-cutscene" class="checkbox">Off Mission/Cutscene<label>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div id="automated-tests" class="full-width-select">
|
|
<input type="checkbox" id="automated-tests-check" value="automated-tests-check" />
|
|
<label for="automated-tests-check">Automated Tests:</label>
|
|
|
|
<select id="automated-tests-select" disabled="disabled"></select>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<span>Minimun Value Threshold</span>
|
|
<div class="threshold-slider"></div>
|
|
<span class="threshold-value"></span>
|
|
</div>
|
|
|
|
<div class="heatmap-options">
|
|
<div>
|
|
<span>Gradient Colour Range</span>
|
|
<br />
|
|
<span class="heatmap-slider">
|
|
<div class="heatmap-slider-placeholder">
|
|
<canvas></canvas>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<span>Gradient Value Range</span>
|
|
|
|
<div class="value-slider"></div>
|
|
|
|
<span><- Min -</span><span class="value-min"></span>
|
|
<span> Max -> </span><span class="value-max"></span>
|
|
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<span>Heatmap Gradient</span><span class="heatmap-units"></span>
|
|
<br />
|
|
|
|
<span class="heatmap-gradient">
|
|
<canvas></canvas>
|
|
<br/>
|
|
<span class="heatmap-min"></span>
|
|
<span class="heatmap-med"></span>
|
|
<span class="heatmap-max"></span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
</fieldset>
|
|
|
|
<!-- End of Fps/Draw List Options -->
|
|
|
|
<fieldset id="deaths-overlay-options" class="overlay-options">
|
|
<legend>Deaths List</legend>
|
|
|
|
<div id="deaths-game-type">
|
|
<label for="deaths-game-type-select">Game Type:</label>
|
|
<select id="deaths-game-type-select"></select>
|
|
</div>
|
|
|
|
<div id="deaths-list" class="full-width-select select-height">
|
|
<select id="deaths-list-select" name="deaths-list-select" size="4"></select>
|
|
</div>
|
|
|
|
</fieldset>
|
|
|
|
<!-- End of Deaths list -->
|
|
|
|
<fieldset id="spawn-overlay-options" class="overlay-options">
|
|
<legend>Spawn Points Options</legend>
|
|
|
|
<div>
|
|
<label for="deathmatch-list">Deathmatch :</label>
|
|
</div>
|
|
|
|
<div class="full-width-select">
|
|
<select id="deathmatch-list" name="deathmatch-list"></select>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="time-since-spawn">Time Since Spawn (secs): </label>
|
|
<input type="number" name="time-since-spawn" id="time-since-spawn" value="10" min="1"/>
|
|
</div>
|
|
|
|
</fieldset>
|
|
|
|
<!-- End of Spawn options -->
|
|
|
|
<fieldset id="pst-overlay-options" class="overlay-options">
|
|
<legend>Physics Shape Test Options</legend>
|
|
|
|
<div>
|
|
<label for="pst-statistics">Statistics:</label>
|
|
<select id="pst-statistics"></select>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<span>Minimun Value Threshold</span>
|
|
<div class="threshold-slider"></div>
|
|
<span class="threshold-value"></span>
|
|
</div>
|
|
|
|
<div class="heatmap-options">
|
|
<div>
|
|
<span>Gradient Colour Range</span>
|
|
<br />
|
|
<span class="heatmap-slider">
|
|
<div class="heatmap-slider-placeholder">
|
|
<canvas></canvas>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<span>Value Range</span>
|
|
|
|
<div class="value-slider"></div>
|
|
|
|
<span><- Min -</span><span class="value-min"></span>
|
|
<span> Max -> </span><span class="value-max"></span>
|
|
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<span>Heatmap Gradient</span><span class="heatmap-units"></span>
|
|
<br />
|
|
|
|
<span class="heatmap-gradient">
|
|
<canvas></canvas>
|
|
<br/>
|
|
<span class="heatmap-min"></span>
|
|
<span class="heatmap-med"></span>
|
|
<span class="heatmap-max"></span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
</fieldset>
|
|
<!-- End of Physics Shape Tests Options -->
|
|
|
|
<fieldset id="msf-overlay-options" class="overlay-options">
|
|
<legend>Memory Shortfall Options</legend>
|
|
|
|
<div>
|
|
<label for="msf-game-type">Game Type:</label>
|
|
<select id="msf-game-type" disabled="disabled"></select>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<label for="msf-memory-type">Memory Type:</label>
|
|
<select id="msf-memory-type"></select>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<label for="msf-statistics">Statistics:</label>
|
|
<select id="msf-statistics"></select>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<span>Minimun Value Threshold</span>
|
|
<div class="threshold-slider"></div>
|
|
<span class="threshold-value"></span>
|
|
</div>
|
|
|
|
<div class="heatmap-options">
|
|
<div>
|
|
<span>Gradient Colour Range</span>
|
|
<br />
|
|
<span class="heatmap-slider">
|
|
<div class="heatmap-slider-placeholder">
|
|
<canvas></canvas>
|
|
</div>
|
|
</span>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<span>Value Range</span>
|
|
|
|
<div class="value-slider"></div>
|
|
|
|
<span><- Min -</span><span class="value-min"></span>
|
|
<span> Max -> </span><span class="value-max"></span>
|
|
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<span>Heatmap Gradient</span><span class="heatmap-units"></span>
|
|
<br />
|
|
|
|
<span class="heatmap-gradient">
|
|
<canvas></canvas>
|
|
<br/>
|
|
<span class="heatmap-min"></span>
|
|
<span class="heatmap-med"></span>
|
|
<span class="heatmap-max"></span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
</fieldset>
|
|
<!-- End of Memory Shortfalls Options -->
|
|
|
|
<fieldset id="cps-overlay-options" class="overlay-options">
|
|
<legend>Capture Performance Options</legend>
|
|
|
|
|
|
<div>
|
|
<label for="cps-metric">Metric:</label>
|
|
<select id="cps-metric"></select>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<label for="cps-draw-list">Draw List:</label>
|
|
<select id="cps-draw-list" disabled="disabled"></select>
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
<label for="cps-statistics">Statistics:</label>
|
|
<select id="cps-statistics"></select>
|
|
</div>
|
|
|
|
<div class="heatmap-options">
|
|
<div>Heatmap Gradient</div>
|
|
<img src="/shared/data/heatmap-gradient.png" title="Heatmap Gradient" />
|
|
</div>
|
|
|
|
</fieldset>
|
|
<!-- End of Capture Performace Options -->
|
|
|
|
</div> <!-- End of #map-side-options -->
|
|
|
|
</div> <!-- End of #map-wrapper -->
|
|
|
|
</div> <!-- End of #content -->
|
|
|
|
<div id="performance-overlay">
|
|
<fieldset>
|
|
<legend>Cell Report</legend>
|
|
<div id="performance-report">
|
|
<table id="fps-results"></table>
|
|
<table id="thread-results"></table>
|
|
<table id="cpu-results"></table>
|
|
<table id="draw-list-results"></table>
|
|
</div>
|
|
</fieldset>
|
|
</div>
|
|
|
|
<div id="canvas-image" style="display: none"></div>
|
|
|
|
<script type="text/javascript" src="/project/project.js"></script>
|
|
<script type="text/javascript" src="/js/configs/root-config.js"></script>
|
|
<script type="text/javascript" src="/shared/js/generic.js"></script>
|
|
<script type="text/javascript" src="/shared/js/ReportRequest.js"></script>
|
|
<script type="text/javascript" src="/js/map_telemetry_old.js"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
init();
|
|
initPage();
|
|
});
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |