-
Notifications
You must be signed in to change notification settings - Fork 0
/
viewer.html
154 lines (145 loc) · 7.57 KB
/
viewer.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html>
<head>
<title>GrünStromJeton - Viewer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" media="screen">
<script type="text/javascript" src="./ewallet/dist/ethers-wallet.min.js"></script>
<!--
<script type="text/javascript" src="./node_modules/web3/dist/web3.js"></script>
<script type="text/javascript" src="./node_modules/async/dist/async.js"></script>
-->
</head>
<body>
<div class="container" id="app_content">
<div class="row" style="margin-bottom:10px;border-bottom:1px solid #303030">
<h1 id="tktitle"><span style="color:#32CD32">Grün</span><span style="color:#228B22">Strom</span><span style="color:#006400">Jeton</span> - Viewer</h1>
<span style="float:right;color:#909090"><em>mit nachgewiesener Nutzung von lokalem Wind-,Wasser-,Sonnenstrom die Energiewende meistern.</em></span>
</div>
<div id="openWallet" style="display:none">
<div class="row">
<div class="col-md-6">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">GrünStrom</h3>
</div>
<div class="panel-body">
<h2><span class="glyphicon glyphicon-leaf"> </span><span class="balance-green"></span> Jetons</h2>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">GrauStrom</h3>
</div>
<div class="panel-body">
<h2><span class="glyphicon glyphicon-fire"> </span><span class="balance-gray"></span> Jetons</h2>
</div>
</div>
</div>
</div>
<div class="row" id="alerter" style="display:none"><div class="col-md-12">
<div class="panel panel-danger">
<table class="table" id="logTab">
</table>
</div>
</div></div>
<div class="row">
<div class="col-md-6">
<div class="panel panel-warning">
<div class="panel-heading">
<h4 class="panel-title">Zählerinformation</h4>
</div>
<div class="panel-body">
<h3> <span class="glyphicon glyphicon-scale"> </span><span class="gsiactive"></span></h3>
<img style="float:left;display:none;margin-right:5px;" src="" id="gsiimg"/>
<label class="sr-only" for="requestedReading">Zählerstand in Watt-Stunden</label>
<div class="input-group">
<div class="input-group-addon" style="min-width:150px">Zählerstand</div>
<input type="number" class="form-control" disabled="true" id="requestedReading" placeholder="Aktueller Zählerstand">
<div class="input-group-addon">Wh</div>
</div>
<label class="sr-only" for="requestedPLZ">Postleitzahl</label>
<div class="input-group">
<div class="input-group-addon" style="min-width:150px">Postleitzahl</div>
<input type="txt" class="form-control" id="requestedPLZ" disabled="true" placeholder="Postleitzahl">
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-warning">
<div class="panel-heading">
<h4 class="panel-title">Guthaben für Transaktionen</h4>
</div>
<div class="panel-body">
<h3> <span class="glyphicon glyphicon-asterisk"> </span><span id="ethbalance"></span> WEI (Gas) <a href="" id="loadETH" class="btn btn-warning" target="_blank">aufladen</a></h3>
</div>
</div>
<div class="panel panel-info">
<div class="panel-heading">
<h3 class="panel-title">Konto wechseln</h3>
</div>
<ul class="list-group">
<li class="list-group-item" id="hasID"><h4>Zähler (Adresse) anzeigen</h4>
<form class="form-inline" onsubmit="return false;">
<div class="input-group">
<div class="input-group-addon"><span class="glyphicon glyphicon-scale"></div>
<input type="text" class="form-control" id="seedSwitch" placeholder="0x1234.." >
</div>
<button type="submit" class="btn btn-primary" id="doSwitch" style="min-width:110px;">öffnen</button>
</form>
</li>
</ul>
</div>
</div>
</div>
</div> <!-- /openWallet -->
<div id="closedWallet" style="display:none">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">Konto öffnen</h3>
</div>
<ul class="list-group">
<li class="list-group-item" id="hasID"><h4>Zähler (Adresse) anzeigen</h4>
<form class="form-inline" onsubmit="return false;">
<div class="input-group">
<div class="input-group-addon"><span class="glyphicon glyphicon-scale"></div>
<input type="text" class="form-control" id="seedIn" placeholder="0x1234.." style="width:360px;">
</div>
<button type="submit" class="btn btn-primary do" id="doOpen" style="min-width:110px;">öffnen</button>
</form>
</li>
</ul>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Wichtige Informationen</h3>
</div>
<ul class="list-group">
<li class="list-group-item" id="hasID"><h4>Datenschutz</h4>
<p>Zur Verwaltung Ihres <span style="color:#32CD32">Grün</span><span style="color:#228B22">Strom</span><span style="color:#006400">Jeton</span> Konto werden keine persönlichen Daten (Name, Anschrift, Telefonnummer,...) benötigt. Ausnahme ist die Postleitzahl, welche verwendet wird, um den Anteil von Strom aus Windkraft/Sonnenenergie zu einem bestimmten Zeitpunkt zu ermitteln. Die Postleitzahl wird mit der Zähleradresse (0x...) verknüpft verarbeitet, wodurch jedoch ohne weitere Information keine Rückschlüsse auf Ihre Identität möglich ist.</p>
<p>Diese Seite kann auf einem beliebigen Webserver abgelegt werden. Sollten Sie unsicher sein, ob die von Ihnen verwendete Version zusätzliche Informationen protokolliert und auswertet, so wenden Sie sich bitte an den Serverbetreiber oder konsultieren Sie dessen Datenschutzinformation.</p>
</li>
<li class="list-group-item" id="hasID"><h4>Funktion <span style="color:#32CD32">Grün</span><span style="color:#228B22">Strom</span><span style="color:#006400">Jeton</span></h4>
<p>Die Jetons dienen als Nachweis für den Bezug von elektrischer Energie aus dem öffentlichen Stromnetz zu Zeiten eines hohen Angebots von Windkraft, Sonnenenergie und Wasserkraft im unmittelbaren räumlichen Umfeld.</p>
<p>Durch die Verwendung von mindestens zwei Zählerständen innerhalb von 24 Stunden werden die Jetons automatisch gutgeschrieben.</p>
<p>Nach der Gutschrift können Jetons gehandelt, getauscht oder transferiert werden.</p>
</li>
</ul>
</div>
</div>
</div>
<footer class="footer" style="border-top:1px solid #303030;margin-top:20px;">
<div class="container">
<p class="text-muted"><a href="https://gitter.im/zoernert/gsi/" target="_blank">Gitter (Hilfe)</a> | <a href=https://zoernert.github.io/gsi/" target="_blank">FrontEnd (github.io)</a> | <a href="https://github.com/zoernert/gsi">Source (GIT)</a> | <a href="https://blog.stromhaltig.de/search/GSI">Blog</a> | <a href="http://stromhaltig.de/impressum/">Impressum/Kontakt</a></p>
</div>
</footer>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://rawgit.com/ethers-io/ethers-wallet/master/dist/ethers-wallet.min.js"></script>
<script src="js/app_viewer.js"></script>
</body>
</html>