root / hci / trunk / eneraptor-web-app / grails-app / views / sysLog / graph.gsp @ 42
History | View | Annotate | Download (1.26 KB)
1 | 11 | alexbesir | <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 = { lines: { show: true }, points: { show: true } }; |
||
34 | </g:javascript> |
||
35 | <div class="chart"> |
||
36 | <flot:plot id="placeholder" style="width: 900px; height: 300px; padding:5px;" data="data" options="options" /> |
||
37 | </div> |
||
38 | </erptr:box> |
||
39 | |||
40 | </body> |
||
41 | |||
42 | </html> |