256 lines
9.2 KiB
HTML
Executable File
256 lines
9.2 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.9.0.min.js"></script>
|
|
<script type="text/javascript" src="/js/libs/jquery-migrate-1.0.0.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>
|
|
|
|
<!-- 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>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="header"></div>
|
|
<div id="navigation"></div>
|
|
|
|
<div id="content">
|
|
|
|
<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-sections" value="sections-overlay" checked="checked" />
|
|
<label for="map-layer-sections">Sections</label>
|
|
</fieldset> <!-- End of #map-layers-->
|
|
|
|
<fieldset id="overlay-options">
|
|
<legend>Overlay Options</legend>
|
|
|
|
<div id="section-type">Sections Type:
|
|
<br />
|
|
|
|
<input type="radio" name="section-type-radio" id="section-type-radio-1" value="main" checked="checked" />
|
|
<label for="section-type-radio-1">Main Sections</label>
|
|
|
|
<br />
|
|
|
|
<input type="radio" name="section-type-radio" id="section-type-radio-2" value="props" />
|
|
<label for="section-type-radio-2">Props Sections</label>
|
|
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>Available Data:
|
|
|
|
<br />
|
|
|
|
<input type="radio" name="calc-type-radio" id="calc-type-radio-1" value="OverallTime"
|
|
checked="checked" />
|
|
<label for="calc-type-radio-1" title="Total time for the export (Export Time + Build Time)">
|
|
Overall Time
|
|
</label>
|
|
|
|
<br />
|
|
|
|
<input type="radio" name="calc-type-radio" id="calc-type-radio-2" value="ExportTime" />
|
|
<label for="calc-type-radio-2" title="Time Spent exportuing the data from max">
|
|
Export Time
|
|
</label>
|
|
|
|
<br />
|
|
|
|
<input type="radio" name="calc-type-radio" id="calc-type-radio-3" value="ExportCount" />
|
|
<label for="calc-type-radio-3" title="Number of times the section was exported">
|
|
Export Count
|
|
</label>
|
|
|
|
<br />
|
|
|
|
<input type="radio" name="calc-type-radio" id="calc-type-radio-4" value="ExportSuccessRatio" />
|
|
<label for="calc-type-radio-4" title="Percentage of exports that were sucessful (1.0 = all, 0.0 = none)">
|
|
Export Success Ratio
|
|
</label>
|
|
|
|
<br />
|
|
|
|
<input type="radio" name="calc-type-radio" id="calc-type-radio-5" value="BuildTime" />
|
|
<label for="calc-type-radio-5" title="Time Spent in the build step of the export">
|
|
Build Time
|
|
</label>
|
|
|
|
<br />
|
|
|
|
<input type="radio" name="calc-type-radio" id="calc-type-radio-6" value="BuildCount" />
|
|
<label for="calc-type-radio-6" title="Number of times the section was built">
|
|
Build Count
|
|
</label>
|
|
|
|
<br />
|
|
|
|
<input type="radio" name="calc-type-radio" id="calc-type-radio-7" value="BuildSuccessRatio" />
|
|
<label for="calc-type-radio-7" title="Percentage of builds that were sucessful (1.0 = all, 0.0 = none)">
|
|
Build Success Ratio
|
|
</label>
|
|
|
|
<br />
|
|
|
|
<input type="radio" name="calc-type-radio" id="calc-type-radio-8" value="LastExport" />
|
|
<label for="calc-type-radio-8" title="Time since last export">
|
|
Last Export
|
|
</label>
|
|
|
|
</div> <!-- End of Available Data -->
|
|
|
|
<br />
|
|
|
|
<div id="stat-type">Statistics Type:
|
|
<br />
|
|
|
|
<input type="radio" name="stat-type-radio" id="stat-type-radio-1" value="Average" checked="checked" />
|
|
<label for="stat-type-radio-1">Average</label>
|
|
|
|
<br />
|
|
|
|
<!--
|
|
<input type="radio" name="stat-type-radio" id="stat-type-radio-2" value="Min" />
|
|
<label for="stat-type-radio-2">Min</label>
|
|
|
|
<br />
|
|
-->
|
|
|
|
<input type="radio" name="stat-type-radio" id="stat-type-radio-3" value="Max" />
|
|
<label for="stat-type-radio-3">Max</label>
|
|
|
|
</div>
|
|
|
|
<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>
|
|
|
|
</div> <!-- End of #map-side-options -->
|
|
|
|
</div> <!-- End of #map-wrapper -->
|
|
|
|
</div> <!-- End of #content -->
|
|
|
|
<script type="text/javascript" src="/project/project.js"></script>
|
|
<script type="text/javascript" src="js/configs/map_exports-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/overlay.js"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function() {
|
|
init();
|
|
initPage();
|
|
});
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |