-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
112 lines (109 loc) · 4.46 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
102
103
104
105
106
107
108
109
110
111
112
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="See some details about PV system">
<title>Fotowoltaika – Leśniewicz </title>
<link rel="stylesheet" href="css/pure-min.css">
<link rel="stylesheet" href="css/grids-responsive-min.css">
<link rel="icon" type="image/png" href="css/favicon.png" />
<link rel="stylesheet" href="css/styles.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<body>
</head>
<div class="banner">
<h1 class="banner-head"> Fotowoltaika – Leśniewicz <br>
<p2 style="font-size:0.8em">ilość wyprodukowanego prądu </p2>
</h1>
</div>
<div class="l-content">
<div class="pricing-tables pure-g">
<div class="pure-u-1 pure-u-md-1-3">
<div class="pricing-table pricing-table-biz pricing-table-selected">
<div class="pricing-table-header">
<h2>W TYM ROKU</h2><span class="pricing-table-price">
<div id="myData12"></div><span>kWh</span>
</span>
</div>
</div>
</div>
<div class="pure-u-1 pure-u-md-1-3">
<div class="pricing-table pricing-table-free">
<div class="pricing-table-header">
<h2>DZISIAJ</h2><span class="pricing-table-price">
<div id="myData11"></div><span>kWh</span>
</span>
</div>
</div>
</div>
<div class="pure-u-1 pure-u-md-1-3">
<div class="pricing-table pricing-table-enterprise">
<div class="pricing-table-header">
<h2>CAŁOŚĆ</h2><span class="pricing-table-price">
<div id="myData13"></div><span>kWh</span>
</span>
</div>
</div>
</div>
<div class="pure-u-1 pure-u-md-1-3"></div>
<div class="pure-u-1 pure-u-md-1-3">
<div class="pricing-table pricing-table-free-actual">
<div class="pricing-table-header">
<h2>MOC CHWILOWA</h2><span class="pricing-table-price">
<div id="myData14"></div><span>kW</span>
</span>
</div>
<div class="dateBox" id="dateBox"></div>
</div>
</div>
</div>
</div>
<div class="footer l-box">
<p> Created by Daniel Leśniewicz <a href='http://lesniewicz.toadres.pl/'>http://lesniewicz.toadres.pl/</a>
<!-- I used pure-css template -- -->undefined</p>undefined
</div>undefined<script>
var box1 = document.getElementById("myData11");
var box2 = document.getElementById("myData12");
var box3 = document.getElementById("myData13");
var box5 = document.getElementById("myData14");
var box_date = document.getElementById("dateBox");
display();
setInterval(() => {
display();
}, 10000)
function display() {
fetch('input/data.json').then(function(response) {
return response.json();
}).then(function(data) {
appendData(data, box1, box2, box3, box5, box_date);
}).catch(function(err) {
console.log('error: ' + err);
});
}
function addZero(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
function appendData(data, box1, box2, box3, box5, box_date) {
var div = document.createElement("div");
box1.innerHTML = data['Body']['DAY_ENERGY']['Values']['1'] / 1000.0;
var div = document.createElement("div");
box2.innerHTML = (data['Body']['YEAR_ENERGY']['Values']['1'] / 1000.0).toFixed(2);
var div = document.createElement("div");
box3.innerHTML = (data['Body']['TOTAL_ENERGY']['Values']['1'] / 1000.0).toFixed(2);
var div = document.createElement("div");
if (data['Body']['PAC']['Values']['1'] == 0) {
box5.innerHTML = "-"
} else {
box5.innerHTML = data['Body']['PAC']['Values']['1'] / 1000.0;
}
var date = new Date(data['Head']['Timestamp']);
var div = document.createElement("div");
box_date.innerHTML = "undefined<i>Ostatnia synchronizacja: < b > " + addZero(date.getHours()) + ":" + addZero(date.getMinutes()) + ":" + addZero(date.getSeconds()) + "</b> " + addZero(date.getDate()) + "-" + addZero(date.getMonth() + 1) + "-" + date.getFullYear() + " < i > ";
}
</script>undefined
</body>undefined
</html>