-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
101 lines (92 loc) · 3.14 KB
/
index.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
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8"/>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/stylesheet.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
var time = new Date().getTime();
$(document.body).bind("mousemove keypress", function(e) {
time = new Date().getTime();
});
function refresh() {
if(new Date().getTime() - time >= 15*60*1000)
window.location.reload(true);
else
setTimeout(refresh, 10000);
}
setTimeout(refresh, 10000);
</script>
<!-- <script>
// function reload() {
// document.getElementById("data").src = document.getElementById('systemprofile').src;
// };
// // Reload the current status every 15 minutes
// setInterval(reload, 15*60*1000);
// Reload everything every 24 hours (for app updates)
setInterval(window.location.reload.bind(window.location), 1000*60*60*24);
</script> -->
</head>
<body>
<div class="container">
<div class="row">
<div class="headerImages">
<div class="col-lg-4">
<img class="img-responsive" src="assets/respclogo.png">
</div>
<div class="col-lg-4">
<img class="img-responsive" src="assets/culogo.png">
</div>
<div class="col-lg-4">
<img class="img-responsive" src="assets/stratalogo.png">
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-4">
<h2><strong>Current Power </strong></h2>
<div id="currentPower"></div>
</div>
<div class="col-lg-4">
<h2><strong> Energy </strong> </h2>
<div id="energy"></div>
</div>
<div class="col-lg-4">
<h2> <strong>CO2 Avoided </strong></h2>
<div id="co2Avoided"></div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-6 col-lg-offset-3">
<h2>Carolina Union Solar Energy Dashboard</h2>
<p> In fall 2015, the Renweable Energy Special Projects Comittee installed solar panels on the roof of the union to promote renewable energy across campus. The solar
panels have produced over 20 Mega-Watt hours of energy and have reduced the amount of carbon dioxide released into the atmosphere by 14 tons.</p>
</div>
</div>
</div>
<div id="data">
<script type="text/javascript">
var request = new XMLHttpRequest();
request.open('GET', 'data.json');
request.send();
request.onreadystatechange = function loadData() {
if((request.readyState===4) && (request.status===200)) {
var data = JSON.parse(request.responseText);
document.getElementById('currentPower').innerHTML = '<h1>' + data['currentPower'] + ' kW'+'</h1>';
document.getElementById('energy').innerHTML = '<h1>' + data['energy'] + ' MWh'+'</h1>';
document.getElementById('co2Avoided').innerHTML = '<h1>' + data['co2Avoided'] + ' Tons'+ '</h1>';
}
}
// alert(request.status);
//setInterval(loadData(), 15*69*1000);
</script>
</div>
</body>
</html>