|
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>ARUM - MIDAS</title>
|
|
<link href="./css/global.css" rel="stylesheet" type="text/css" />
|
|
<link href="./css/vis.css" rel="stylesheet" type="text/css" />
|
|
|
|
<script language="javascript">
|
|
var EVENT_DELAY = 1000;
|
|
var EVENTS_AGENT_ADDRESS = 'ws://localhost:8082/ws/events';
|
|
var AMOUNT_OF_INITIAL_EVENTS = 1;
|
|
var TIMELINE_START = '2014-09-18 10:00:00';
|
|
var TIMELINE_END = '2014-09-19 18:00:00';
|
|
var INCREASE_SPEED = true;
|
|
var ONLINE_ONLY = true;
|
|
</script>
|
|
|
|
<script type="text/javascript" src="./js/vis.js"></script>
|
|
<script type="text/javascript" src="./js/evejs.js"></script>
|
|
<script type="text/javascript" src="./arumAgents/job.js"></script>
|
|
<script type="text/javascript" src="./arumAgents/durationStats.js"></script>
|
|
<script type="text/javascript" src="./arumAgents/durationData.js"></script>
|
|
<script type="text/javascript" src="./arumAgents/jobManager.js"></script>
|
|
<script type="text/javascript" src="./arumAgents/jobAgent.js"></script>
|
|
|
|
<script type="text/javascript" src="./js/vis_eve_init.js"></script>
|
|
|
|
<script type="text/javascript" src="./arumAgents/genericAgent.js"></script>
|
|
<script type="text/javascript" src="./arumAgents/agentGenerator.js"></script>
|
|
<script type="text/javascript" src="./arumAgents/jobAgentGenerator.js"></script>
|
|
<script type="text/javascript" src="./arumAgents/eventGenerator.js"></script>
|
|
<script type="text/javascript" src="./js/init.js"></script>
|
|
|
|
</head>
|
|
<body onload="draw()">
|
|
<img src="./images/arum_small.png" style="position:relative; top:-6px;"><img src="./images/midas_small.png" style="float:right;"><br>
|
|
<div class="typeButton selected" onclick="showTimelineBtn()" id="showTimeline">Show by Timeline</div>
|
|
<div class="typeButton" onclick="showGraphBtn()" id="showGraph">Show by Job</div>
|
|
<div id="timelineWrapper">
|
|
<input type="button" value="Next Event" onclick="getNewEvent()">
|
|
eventNo:<div id="eventCounter" style="display:inline;">-1</div>
|
|
<input type="button" value="Next 10 Events" onclick="getTenNewEvents()">
|
|
<input type="button" value="Get All Events" onclick="getAllEvents()">
|
|
<input type="button" value="Get All Events Quickly" onclick="getAllEventsQuickly()"> <br>
|
|
<div id="timeline"></div>
|
|
</div>
|
|
|
|
<div id="graphWrapper">
|
|
<table class="wrapper">
|
|
<tr>
|
|
<td>
|
|
<div class="toggleButton" onclick="togglePrediction()" id="togglePrediction">Prediction</div>
|
|
</td>
|
|
<td width="6px"> </td>
|
|
<td>
|
|
<div class="typeButton selected" onclick="turnOn('duration')" id="duration">Ideal</div>
|
|
<div class="typeButton" onclick="turnOn('durationWithPause')" id="durationWithPause">Ideal + Pause</div>
|
|
<div class="typeButton" onclick="turnOn('durationWithStartup')" id="durationWithStartup">Ideal + Prerequisites</div>
|
|
<div class="typeButton" onclick="turnOn('durationWithBoth')" id="durationWithBoth">Total Time</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td id="selectTD">
|
|
<select name="jobs" id="multiselect" multiple onclick="updateGraph()"></select>
|
|
</td>
|
|
<td colspan="2">
|
|
<div class="graph2dContent">
|
|
<div id="graph2d"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="toggleButton square" onclick="toggleDifference()" id="difference">Switch View</div>
|
|
</td>
|
|
<td colspan="2">
|
|
<div id="Legend" class="externalLegend"></div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<p id="selection"></p>
|
|
<p id="stabilization"></p>
|
|
</body>
|
|
</html>
|