AzureCT/ServerSide/DisplayAvailability.html (33 lines of code) (raw):
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Azure Connectivity Toolkit</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="DisplayAvailability.js"></script>
<link rel="stylesheet" type="text/css" href="DisplayAvailability.css" />
</head>
<body>
<div><h1>Azure Connectivity Toolkit - Availability Tool</h1></div>
<div><h3>This page shows the details of any Get-AzureNetworkAvailability job submitted to this server, based on the specific data set selected in the drop down.</h3></div>
<div>Select an Availaibity data set to see details:
<select id="JobList" onchange="PullJobDetails();">
</select>
</div>
<br />
<div id="GraphArea">
<canvas id="ResultsGraph" width="1029" height="300" style="border: 1px solid black;"></canvas>
</div>
<br/>
<div id="SummaryDiv"></div>
<br />
<div id="ResultsDiv"></div>
<div id="MessageDiv">
<p>Data Loading</p>
<p>Please Wait...</p>
</div>
<div id="TraceDiv">
<!-- <span class="b">Selected Trace Route</span><br /><br />
<table id="TraceTable">
<tr>
<th id="HopID">Hop #</th>
<th id="Address">IP Address</th>
<th id="Latency">Latency</th>
</tr>
<tr>
<td>1</td>
<td>1.1.1.1</td>
<td>40 ms</td>
</tr>
<tr>
<td>2</td>
<td>1.1.1.2</td>
<td>2 ms</td>
</tr>
<tr>
<td>3</td>
<td>1.1.1.3</td>
<td>< 1 ms</td>
</tr>
</table>
<br />
<button style="position:absolute; right:45%;" onclick="closeTrace();">Close</button>
<br />
<br />
<span class="b">Notes:</span><br />
<span>The maximum trace route time will normally be less than the Duration value on the main web page. This is because the trace route is only calculating network latency, whereas the Duration column includes the processing time of the IIS server.</span>
<br /><br />
<span>This trace route was started <span class="b">*after*</span> the associated web call was completed. Network conditions may have changed in the short time span between the Web Call and the Trace Route. Also, each trace route row is a separate network trace, network conditions can vary between each trace event as well.</span>
<br />
<br />-->
</div>
<br />
</body>
</html>