root / hci / trunk / eneraptor-web-app / grails-app / views / layouts / main.gsp @ 42
History | View | Annotate | Download (3.79 KB)
| 1 |
<!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 |
|
| 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 |
<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 |
<erptr:subMenu menu="${controllerName}" chosen="${actionName}" />
|
| 70 |
</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 |
<g:if test="${flash.warnings}">
|
| 88 |
<erptr:warningBox> |
| 89 |
${flash.warnings}
|
| 90 |
</erptr:warningBox> |
| 91 |
</g:if> |
| 92 |
<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 |
new Effect.Pulsate('confirmBox',{pulses:2, duration: 0.2, from: 0.5})
|
| 109 |
new Effect.Fade('confirmBox', {duration: 3, delay: 3});
|
| 110 |
</g:if> |
| 111 |
<g:if test="${flash.errors}">
|
| 112 |
new Effect.Shake('errorBox', {duration: 0.2, distance: 5})
|
| 113 |
</g:if> |
| 114 |
<g:if test="${flash.warnings}">
|
| 115 |
new Effect.Pulsate('warningBox',{pulses:2, duration: 0.2, from: 0.5})
|
| 116 |
</g:if> |
| 117 |
} |
| 118 |
</g:javascript> |
| 119 |
|
| 120 |
</body> |
| 121 |
</html> |