root / hci / trunk / eneraptor-web-app / grails-app / views / sysLog / graph.gsp @ 50
History | View | Annotate | Download (1.33 KB)
1 |
<html> |
---|---|
2 |
|
3 |
<head> |
4 |
<title>Log » Graph</title> |
5 |
<meta name="layout" content="main" /> |
6 |
<flot:resources /> |
7 |
</head> |
8 |
|
9 |
<body> |
10 |
|
11 |
<erptr:box title="Select device and interval"> |
12 |
<p>Please, select a device and an interval to show in the graph.</p> |
13 |
<p>TODO: Warning, non-numerical logged data causes failure. This will be corrected in a future version.</p> |
14 |
|
15 |
<form action="graph"> |
16 |
<label for="deviceId">Device ID</label> |
17 |
<g:select name="deviceId" from="${devices}" optionValue="friendlyName" optionKey="deviceId" value="${params.deviceId}" /> |
18 |
<br /><br /> |
19 |
<label for="fromDate">From</label> |
20 |
<g:datePicker name="fromDate" value="${params.fromDate}" /> |
21 |
<br /><br /> |
22 |
<label for="tillDate">Till</label> |
23 |
<g:datePicker name="tillDate" value="${params.tillDate}" /> |
24 |
<br /><br /> |
25 |
<g:submitButton name="submitButton" value="Show" /> |
26 |
</form> |
27 |
|
28 |
</erptr:box> |
29 |
|
30 |
<erptr:box title="Graphical representation of logged data"> |
31 |
<g:javascript> |
32 |
var data = [${data}]; |
33 |
var options = { |
34 |
lines: { show: true }, |
35 |
points: { show: true }, |
36 |
xaxis: { mode: "time", timeformat: "%y/%m/%d %H:%M" } |
37 |
}; |
38 |
</g:javascript> |
39 |
<div class="chart"> |
40 |
<flot:plot id="placeholder" style="width: 900px; height: 300px; padding:5px;" data="data" options="options" /> |
41 |
</div> |
42 |
</erptr:box> |
43 |
|
44 |
</body> |
45 |
|
46 |
</html> |