root / hci / trunk / eneraptor-web-app / grails-app / views / layouts / main.gsp @ 58
History | View | Annotate | Download (3.86 KB)
1 | 3 | alexbesir | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
---|---|---|---|
2 | <html xmlns="http://www.w3.org/1999/xhtml"> |
||
3 | <head> |
||
4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
||
5 | <title>Eneraptor » <g:layoutTitle /></title> |
||
6 | <link rel="stylesheet" type="text/css" href="${g.resource(dir:'css/', file:'theme.css')}" /> |
||
7 | <link rel="stylesheet" type="text/css" href="${g.resource(dir:'css/', file:'style.css')}" /> |
||
8 | <!--[if IE]> |
||
9 | <link rel="stylesheet" type="text/css" href="${g.resource(dir:'css/', file:'ie-sucks.css')}" /> |
||
10 | <![endif]--> |
||
11 | <g:layoutHead /> |
||
12 | <g:javascript library="scriptaculous" /> |
||
13 | </head> |
||
14 | |||
15 | <body onload="onLoadDo();"> |
||
16 | <div id="container"> |
||
17 | <img style="position:absolute;top:-0px;" src="${g.resource(dir: 'img/', file: 'logo.jpg')}" /> |
||
18 | 42 | alexbesir | |
19 | <!-- Energy saved --> |
||
20 | <div style="position:absolute;top:10px;"> |
||
21 | <div style="position:absolute;left:250px;color:white;"> |
||
22 | <center style="width:150px;"> |
||
23 | <p style="font-size:75%;">From start</p> |
||
24 | <p><b>1243432.45</b> kWh</p> |
||
25 | <p style="font-size:75%;">of energy saved</p> |
||
26 | </center> |
||
27 | </div> |
||
28 | <div style="position:absolute;left:400px;color:white;"> |
||
29 | <center style="width:150px;"> |
||
30 | <p style="font-size:75%;">Last year</p> |
||
31 | <p><b>87329.84</b> kWh</p> |
||
32 | <p style="font-size:75%;">of energy saved</p> |
||
33 | </center> |
||
34 | </div> |
||
35 | <div style="position:absolute;left:550px;color:white;"> |
||
36 | <center style="width:150px;"> |
||
37 | <p style="font-size:75%;">Last month</p> |
||
38 | <p><b>5644.56</b> kWh</p> |
||
39 | <p style="font-size:75%;">of energy saved</p> |
||
40 | </center> |
||
41 | </div> |
||
42 | <div style="position:absolute;left:700px;color:white;"> |
||
43 | <center style="width:150px;"> |
||
44 | <p style="font-size:75%;">Last week</p> |
||
45 | <p><b>453.00</b> kWh</p> |
||
46 | <p style="font-size:75%;">of energy saved</p> |
||
47 | </center> |
||
48 | </div> |
||
49 | <div style="position:absolute;left:850px;color:white;"> |
||
50 | <center style="width:150px;"> |
||
51 | <p style="font-size:75%;">Last day</p> |
||
52 | <p><b>23.28</b> kWh</p> |
||
53 | <p style="font-size:75%;">of energy saved</p> |
||
54 | </center> |
||
55 | </div> |
||
56 | </div> |
||
57 | <!-- / Energy saved --> |
||
58 | |||
59 | 3 | alexbesir | <div id="header"> |
60 | <h2> </h2> |
||
61 | <div id="topmenu"> |
||
62 | <ul> |
||
63 | <erptr:menu chosen="${controllerName}" /> |
||
64 | </ul> |
||
65 | </div><!-- /topmenu --> |
||
66 | <div id="top-panel"> |
||
67 | <div id="panel"> |
||
68 | <ul> |
||
69 | 6 | alexbesir | <erptr:subMenu menu="${controllerName}" chosen="${actionName}" /> |
70 | 3 | alexbesir | </ul> |
71 | </div><!-- /panel --> |
||
72 | </div><!-- /top-pannel --> |
||
73 | </div><!-- /header --> |
||
74 | |||
75 | <div id="wrapper"> |
||
76 | <div id="content"> |
||
77 | <g:if test="${flash.errors}"> |
||
78 | <erptr:errorBox> |
||
79 | ${flash.errors} |
||
80 | </erptr:errorBox> |
||
81 | </g:if> |
||
82 | <g:if test="${flash.confirms}"> |
||
83 | <erptr:confirmBox> |
||
84 | ${flash.confirms} |
||
85 | </erptr:confirmBox> |
||
86 | </g:if> |
||
87 | 6 | alexbesir | <g:if test="${flash.warnings}"> |
88 | <erptr:warningBox> |
||
89 | ${flash.warnings} |
||
90 | </erptr:warningBox> |
||
91 | </g:if> |
||
92 | 3 | alexbesir | <g:layoutBody /> |
93 | </div><!-- /content --> |
||
94 | </div><!-- /wrapper --> |
||
95 | |||
96 | <div id="footer"> |
||
97 | <div id="credits"> |
||
98 | Copyright (c) 2011 by Eneraptor Team |
||
99 | </div> |
||
100 | <br /> |
||
101 | </div><!-- /footer --> |
||
102 | |||
103 | </div><!-- /container --> |
||
104 | |||
105 | <g:javascript> |
||
106 | function onLoadDo() { |
||
107 | <g:if test="${flash.confirms}"> |
||
108 | 58 | alexbesir | new Effect.Pulsate('confirmBox',{pulses:2, duration: 0.2, from: 0.5}); |
109 | 3 | alexbesir | new Effect.Fade('confirmBox', {duration: 3, delay: 3}); |
110 | </g:if> |
||
111 | <g:if test="${flash.errors}"> |
||
112 | 58 | alexbesir | new Effect.Shake('errorBox', {duration: 0.2, distance: 5}); |
113 | 3 | alexbesir | </g:if> |
114 | 6 | alexbesir | <g:if test="${flash.warnings}"> |
115 | 58 | alexbesir | new Effect.Pulsate('warningBox',{pulses:2, duration: 0.2, from: 0.5}); |
116 | 6 | alexbesir | </g:if> |
117 | 58 | alexbesir | <g:if test="${includeToOnLoadDo}"> |
118 | includeToOnLoadDo(); |
||
119 | </g:if> |
||
120 | 3 | alexbesir | } |
121 | </g:javascript> |
||
122 | |||
123 | </body> |
||
124 | </html> |