root / hci / trunk / eneraptor-web-app / grails-app / views / statistics / editGraph.gsp @ 67
History | View | Annotate | Download (3.44 KB)
1 | 50 | alexbesir | <html> |
---|---|---|---|
2 | |||
3 | <head> |
||
4 | <title>Statistics » Edit graph</title> |
||
5 | <meta name="layout" content="main" /> |
||
6 | <flot:resources /> |
||
7 | </head> |
||
8 | |||
9 | <body> |
||
10 | |||
11 | <erptr:box title="Edit graph"> |
||
12 | |||
13 | <g:form name="editGraphForm" action="editGraphDo"> |
||
14 | |||
15 | <fieldset> |
||
16 | <legend>General information</legend> |
||
17 | |||
18 | <label for="graphName">Graph name (short description)</label> |
||
19 | <g:textField name="graphName" style="width:500px;" value="${graph.name}" /> |
||
20 | <br /><br /> |
||
21 | <label for="deviceId">Device</label> |
||
22 | <g:select name="deviceId" from="${devicesFriendly}" keys="${devices}" value="${graph.deviceId}" /> |
||
23 | <br /><br /> |
||
24 | |||
25 | </fieldset> |
||
26 | |||
27 | <fieldset> |
||
28 | <legend>Graph type</legend> |
||
29 | |||
30 | <label for="graphType">Calculation type</label> |
||
31 | <g:select from="${graphTypesFriendly}" value="${graph.type}" name="graphType" keys="${graphTypes}" /> |
||
32 | <br /><br /> |
||
33 | |||
34 | <label for="timeFrameType">Time frame type</label> |
||
35 | <g:select name="timeFrameType" from="['Daily','Monthly','Yearly','Custom']" keys="['day','month','year','custom']" value="${graph.timeFrameType}" /> |
||
36 | <br /><br /> |
||
37 | |||
38 | </fieldset> |
||
39 | |||
40 | <fieldset> |
||
41 | <legend>Main time frame</legend> |
||
42 | |||
43 | <label for="mainTimeFrameStart">From</label> |
||
44 | <g:datePicker name="mainTimeFrameStart" value="${graph.timeFrameStart}" /> |
||
45 | <br /><br /> |
||
46 | <label for="mainTimeFrameEnd">From</label> |
||
47 | <g:datePicker name="mainTimeFrameEnd" value="${graph.timeFrameEnd}" /> |
||
48 | <br /><br /> |
||
49 | <label for="mainTimeFrameInnerSections">Number of inner intervals</label> |
||
50 | <input onkeyup="checkInnerSections();" type="text" id="mainTimeFrameInnerSections" name="mainTimeFrameInnerSections" value="${graph.innerSections}" /> |
||
51 | <br /><br /> |
||
52 | |||
53 | </fieldset> |
||
54 | |||
55 | <fieldset> |
||
56 | <legend>Advanced options</legend> |
||
57 | |||
58 | <label for="advHoursStart">Include only hours from</label> |
||
59 | <g:select name="advHoursStart" from="${0..23}" value="${graph.advHoursTimeFrameStart}" /> |
||
60 | <span> to </span> |
||
61 | <g:select name="advHoursEnd" from="${0..23}" value="${graph.advHoursTimeFrameEnd}" /> |
||
62 | <br /><br /> |
||
63 | <label for="advDayStart">Include only days from</label> |
||
64 | <g:select name="advDayStart" from="${1..31}" value="${graph.advDayTimeFrameStart}" /> |
||
65 | <span> to </span> |
||
66 | <g:select name="advDayEnd" from="${1..31}" value="${graph.advDayTimeFrameEnd}" /> |
||
67 | <br /><br /> |
||
68 | <label for="advMonthStart">Include only months from</label> |
||
69 | <g:select name="advMonthStart" from="${1..12}" value="${graph.advMonthTimeFrameStart}" /> |
||
70 | <span> to </span> |
||
71 | <g:select name="advMonthEnd" from="${1..12}" value="${graph.advMonthTimeFrameEnd}" /> |
||
72 | <br /><br /> |
||
73 | |||
74 | </fieldset> |
||
75 | |||
76 | <g:hiddenField name="graphId" type="hidden" value="${graph.id}" /> |
||
77 | |||
78 | <g:submitButton name="editGraphSubmit" value="Save changes" /> |
||
79 | <g:actionSubmit name="editGraphCancel" value="Cancel" action="graphs" /> |
||
80 | |||
81 | </g:form> |
||
82 | |||
83 | </erptr:box> |
||
84 | |||
85 | <g:javascript> |
||
86 | function checkInnerSections() { |
||
87 | var sText = $('mainTimeFrameInnerSections').value; |
||
88 | var validChars = "0123456789"; |
||
89 | var isNumber = true; |
||
90 | var currChar; |
||
91 | |||
92 | for (i = 0; i < sText.length; i++) { |
||
93 | currChar = sText.charAt(i); |
||
94 | if (validChars.indexOf(currChar) == -1) { |
||
95 | isNumber = false; |
||
96 | break; |
||
97 | } |
||
98 | } |
||
99 | |||
100 | if(isNumber == false) { |
||
101 | $('mainTimeFrameInnerSections').value = sText.substring(0,(sText.length)-1) |
||
102 | } |
||
103 | |||
104 | } |
||
105 | </g:javascript> |
||
106 | |||
107 | </body> |
||
108 | |||
109 | </html> |