-
- window.onload = function() {
-
- ws = new WebSocket('<%= $url->to_abs %>');
-
- if (typeof(ws) === 'object') {
- ws.onmessage = function (event) {
- var js = JSON.parse(event.data);
- if (js !== null && typeof(js) === 'object') {
- traverse(js);
- }
- };
- ws.onopen = function (event) {
- document.getElementById("wsconnect").innerHTML = 'ws connected to: <%= $url->to_abs %>';
- ws.send('WebSocket support works! ♥');
- };
- ws.onclose = function(event) {
- document.getElementById("wsconnect").innerHTML = 'ws disconnected, refresh to restart';
- }
- } else {
- document.body.innerHTML += 'Webserver only works with Websocket aware browsers';
- }
- }
- </script>
-
-<div id="container">
-<div id="start-template">
-<br><br>
-<table border=1 width=80% align="center">
-<tr>
-<th>Time:<td><span id="tm"> </span>
-<th>Sunrise:<td><span id="Sunrise"> </span>
-<th>Sunset:<td><span id="Sunset"> </span>
-<th>Console Volts:<td><span id="Batt_Console"> </span>
-<th>TX Battery OK:<td><span id="Batt_TX_OK"> </span>
-
-<tr>
-<th>Pressure:<td><span id="Pressure"> </span>
-<th>Trend:<td><span id="Pressure_Trend_txt"> </span>
-
-<tr>
-<th>Temperature in:<td> <span id="Temp_In"> </span>
-<th>Humidity:<td> <span id="Humidity_In"> </span>
-
-<tr>
-<th>Temperature out:<td> <span id="Temp_Out"> </span>
-<th>Min:<td> <span id="Temp_Out_Min"> </span>
-<th>Max:<td> <span id="Temp_Out_Max"> </span>
-<th>Humidity:<td> <span id="Humidity_Out"> </span>
-<th>Dew Point:<td> <span id="Dew_Point"> </span>
-
-<tr>
-<th>Wind Direction:<td> <span id="Dir"> </span>
-<th>Minute Avg:<td> <span id="Dir_1m"> </span>
-<th>Speed:<td> <span id="Wind"> </span>
-<th>Minute Avg:<td> <span id="Wind_1m"> </span>
-
-<tr>
-<th>Rain 30mins:<td> <span id="Rain_1h"> </span>
-<th>Day:<td> <span id="Rain_Day"> </span>
-<th>24hrs:<td> <span id="Rain_24h"> </span>
-<th>Month:<td> <span id="Rain_Month"> </span>
-<th>Year:<td> <span id="Rain_Year"> </span>
-</table>
-<br>
-<div id="wsconnect" align="center"> </div>
-</div>
-</div>
- <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
- <!-- Latest compiled and minified JavaScript -->
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
-</body>
-</html>