root / hci / trunk / eneraptor-web-app / grails-app / views / sysLog / graph.gsp @ 68
History | View | Annotate | Download (1.35 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 | 68 | alexbesir | <g:select name="deviceId" from="${devices}" optionValue="friendlyName" optionKey="deviceId" value="${params.deviceId}" style="width:300px;" /> |
18 | 11 | alexbesir | <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 | 50 | alexbesir | var options = { |
34 | lines: { show: true }, |
||
35 | points: { show: true }, |
||
36 | xaxis: { mode: "time", timeformat: "%y/%m/%d %H:%M" } |
||
37 | }; |
||
38 | 11 | alexbesir | </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> |