зеркало из https://github.com/mozilla/pjs.git
112 строки
4.4 KiB
HTML
112 строки
4.4 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
|
<html>
|
|
<head>
|
|
<title>Perf-o-matic</title>
|
|
|
|
<link rel="stylesheet" type="text/css" href="js/graph.css">
|
|
|
|
<!-- MochiKit -->
|
|
<script type="text/javascript" src="js/mochikit/MochiKit.js"></script>
|
|
|
|
<!-- YUI -->
|
|
<script type="text/javascript" src="js/yui/yahoo.js"></script>
|
|
<script type="text/javascript" src="js/yui/dom.js"></script>
|
|
<script type="text/javascript" src="js/yui/event.js"></script>
|
|
<script type="text/javascript" src="js/yui/animation.js"></script>
|
|
<script type="text/javascript" src="js/yui/container.js"></script>
|
|
|
|
<!-- Core -->
|
|
<script type="text/javascript" src="js/TinderboxData.js"></script>
|
|
<script type="text/javascript" src="js/DataSet.js"></script>
|
|
<script type="text/javascript" src="js/GraphCanvas.js"></script>
|
|
|
|
<script type="text/javascript" src="js/GraphFormModule.js"></script>
|
|
<script type="text/javascript" src="js/graph.js"></script>
|
|
<script type="text/javascript" src="js/ResizeGraph.js"></script>
|
|
|
|
<!-- BonsaiService needs e4x -->
|
|
<script type="text/javascript; e4x=1" src="js/BonsaiService.js"></script>
|
|
</head>
|
|
|
|
<body onload="loadingDone(CONTINUOUS_GRAPH)">
|
|
<!--<h1>Graph</h1>-->
|
|
|
|
<!-- Take your damn divs and floats and clears and shove 'em! -->
|
|
|
|
<form action="javascript:;">
|
|
<table class="graphconfig-no" width="100%">
|
|
|
|
<tr style="vertical-align: top">
|
|
<td class="graphconfig">
|
|
<table>
|
|
<tr style="vertical-align: top;">
|
|
<td>Show</td>
|
|
<td>
|
|
<input id="load-all-radio" type="radio" name="dataload" onclick="onDataLoadChanged()">
|
|
<label>all data</label><br>
|
|
<input id="load-days-radio" type="radio" name="dataload" onclick="onDataLoadChanged()" checked>
|
|
<label>previous</label> <input type="text" value="30" id="load-days-entry" size="3" onchange="onDataLoadChanged()"> <label>days</label>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div id="baseline">
|
|
<span>Use </span><select id="baselineDropdown"><option value="0">nothing</option></select><span> as a baseline</span><br>
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<div id="formend">
|
|
<input type="submit" onclick="onGraph()" value="Graph It!">
|
|
</br> </br>
|
|
<!-- <label for="baseline">No baseline</label><input type="radio" name="baseline" checked onclick="onNoBaseLineClick()"> -->
|
|
<a id="linktothis" href="graph.html">Link to this graph</a>
|
|
</br>
|
|
<div><a id="dumptocsv" href="dumpdata.cgi">Dump to csv</a> </div>
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<input style="display:none" id="bonsaibutton" type="button" onclick="onUpdateBonsai()" value="Refresh Bonsai Data">
|
|
</td>
|
|
|
|
<td class="graphconfig-list">
|
|
<div id="graphforms"></div>
|
|
<div id="addone">
|
|
<img src="js/img/plus.png" class="plusminus" onclick="addGraphForm()" alt="Plus">
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
</form>
|
|
|
|
<!-- small graph -->
|
|
|
|
<!-- these are absolute size, so we wrap them in a div that can overflow -->
|
|
<div id="graph-container" style="margin:auto; width:900px;">
|
|
<div id="smallgraph-labels-x" style="position: relative; left: 51px; margin-left: 1px; margin-right: 1px; height: 30px; width: 700px"></div>
|
|
<div id="smallgraph-labels-y" style="position: relative; left: 0px; top: 0px; float: left; height: 76px; width: 50px;"></div>
|
|
<canvas style="clear: left; border: 1px solid #888; padding-top: 1px;" id="smallgraph" height="75" width="700"></canvas>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div id="graph-labels-y" style="position: relative; left: 0px; top: 0px; float: left; margin-top: 1px; margin-bottom: 1px; height: 300px; width: 50px;"></div>
|
|
<canvas style="clear: left; border: 1px solid #888;" id="graph" height="300" width="700"></canvas>
|
|
<div id="graph-labels-x" style="position: relative; left: 50px; margin-left: 1px; margin-right: 1px; height: 50px; width: 700px"></div>
|
|
</div>
|
|
|
|
<div style="width: 900px">
|
|
<center><span id="status" class="status"></span></center>
|
|
</div>
|
|
<script>
|
|
ResizableBigGraph = new ResizeGraph();
|
|
ResizableBigGraph.init('graph');
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|