<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="../Scripts/jquery-1.10.2.js"></script>
<script src="../Scripts/jquery.signalR-2.0.0.js"></script>
<script src="../signalr/hubs"></script>
<script>
$(function () {
var marathron = $.connection.marathron;
runners = [];
var $counter = $("#spnCount"), startTime;
marathron.client.addRunner = function (runner) {
runners.push(runner);
$counter.text(runners.length + "@" + (new Date() - startTime) + "ms");
if (runner.Name == "Last")
$("#ulDisplay").append("<li>" + $counter.text() + "</li>");
};
var re = /[?]trans=(.+)/;
var m = re.exec(location.href);
var transType = m && m.length > 1 ? m[1] : null;
$("#spnTransType").text(transType);
// Start the connection
$.connection.hub.start(transType ? { transport: transType } : undefined)
.done(function () {
$(":button").click(function () {
startTime = new Date();
runners = [];
marathron.server.batchTest();
});
});
});
</script>
<style>
fieldset { margin: 6px; }
</style>
</head>
<body>
<h3>Transport Type [ <span id="spnTransType"></span> ]</h3>
<div>
<input type="button" value="Test" />
Runner Count = <span id="spnCount"></span>
</div>
<fieldset>
<ul id="ulDisplay"></ul>
</fieldset>
</body>
</html>