-
- 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> @ <span id="Temp_Out_Min_T"> </span>
- <th>Max:<td> <span id="Temp_Out_Max"> </span> @ <span id="Temp_Out_Max_T"> </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>