-
Notifications
You must be signed in to change notification settings - Fork 0
/
display.html
executable file
·136 lines (129 loc) · 5.95 KB
/
display.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html>
<head>
<title>Educational Solar Module</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:image" content="http://egr.gvsu.edu/~esm/images/trailer/45.jpg">
<link rel="stylesheet" href="css/min/bootstrap.min.css">
<link rel="icon" type="image/png" href="http://www.gvsu.edu/favicon.ico">
<link href="css/min/Oxygen.min.css" rel="stylesheet">
<style>
body {
position: relative;
font-family: 'Oxygen', sans-serifi !important;
background-color: #00bcd4;
}
#cover{ position:fixed; top:0; left:0; background:#FFF; z-index:1031; width:100%; height:100%; display:none; }
#currentDataLive {padding-top:50px;color: #fff; background-color: #009688;}
#education {padding-top:10px;padding-bottom:10px;color: #fff; background-color: #00bcd4;}
.nav-tabs > li a {
solid #1A3E5E;
background-color:#2F71AB;
color:#fff;
}
</style>
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" style="padding:2px 15px ! important;" href="http://gvsu.edu">
<img
src="images/gvsuLogo.png"
height="45" alt= Educational Solar Module></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#"><strong style="font-size:150%">Educational Solar Module</strong></a></li>
</ul>
</div>
</div>
</nav>
<div id="currentDataLive" class="container-fluid">
<h1>Live Data - Visit <strong>http://egr.gvsu.edu/~esm</strong> for more information</h1>
<div id="system-live" style="visibility:hidden">
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4">
<div id="wattCol"></div>
<canvas height="100" id="current-data-panel"></canvas>
<p style="font-size: 22px;">
<strong id="current-data-panel-textfield"></strong>
Watts per square meter (panels)
</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-4">
<div id="wattCol"></div>
<canvas height="100" id="current-data-shingle"></canvas>
<p style="font-size: 22px;">
<strong id="current-data-shingle-textfield"></strong>
Watts per square meter (shingles)
</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-3">
<h3 class="text-center">More Information</h3>
<p><p class="text-center" id="powerLine" style="display:none">We Can Power: <strong id="energyComp"></strong> </p></p>
<p class="text-center">Panel Power: <strong id="totalPanel"></strong> -- Shingle Power: <strong id="totalShingle"></strong> </p>
<p class="text-center">Total Power: <strong id="totalWatts"></strong> </p>
<p class="text-center">Panel Angle: <strong id="panelAngle"></strong> -- Trailer Heading: <strong id="heading"></strong> </p>
<p class="text-center">Electrical Box Temperature: <strong id="boxTemp"></strong> -- Wind Speed: <strong id="windSpeed"></strong> </p>
</div>
</div>
</div>
</div>
<div id="education" class="container-fluid">
<div id="tabs-section">
<ul class="nav nav-tabs" role="tablist">
<li id="generalTab" role="presentation" class="active"><a href="#general" aria-controls="general" role="tab" data-toggle="tab">General</a></li>
<li id="earlyTab"><a href="#early" aria-controls="early" role="tab" data-toggle="tab">Early Adopters</a></li>
</ul>
<div class="tab-content" >
<div role="tabpanel" class="tab-pane active" id="general" style="height:690px;max-height:57vh;" >
<iframe id ="generalFrame" src="education/genpub.html?demo=true" style="width:100%;height:100%" ></iframe>
</div>
<div role="tabpanel" class="tab-pane" id="early" style="height:690px;max-height:57vh;">
<iframe id="earlyFrame" src="education/early.html?demo=true" style="width:100%;height:100%" ></iframe>
</div>
</div>
</div>
</div>
<div style="position:fixed;width:100%;bottom:0px;background-color:#FFF">
<strong id=warning style="font-size:150%;color:red">
</strong>
<strong id=messageText style="font-size:100%;color:black">
</strong>
<p id=stats style="font-size 100%;color:black">
</p>
</div>
<div id="cover">
<strong style="position:absolute;font-size:400%;top:50%;left:50px;pading:10%">Screen blanking in progress to reduce burn-in</strong>
</div>
</body>
<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "scripts/min/LAB.min.js";
document.body.appendChild(element);
var element = document.createElement("script");
element.src = "scripts/min/display.min.js";
document.body.appendChild(element);
var element = document.createElement("link");
element.src = "";
document.head.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>
</html>