diff options
Diffstat (limited to 'public')
| -rw-r--r-- | public/javascripts/dash.js | 10 | ||||
| -rw-r--r-- | public/stylesheets/style.css | 6 |
2 files changed, 15 insertions, 1 deletions
diff --git a/public/javascripts/dash.js b/public/javascripts/dash.js index 7a8207c..e3f39a9 100644 --- a/public/javascripts/dash.js +++ b/public/javascripts/dash.js @@ -26,6 +26,7 @@ var dash = { var ws = new WebSocket(wsUri); ws.onopen = function () { console.log('Websocket connection established'); + $('#connection-error').hide(200); ws.send(JSON.stringify( { requestType: 'getCachedData', @@ -33,7 +34,14 @@ var dash = { } )); } - ws.onmessage = this.wsMessageHandler; + ws.onmessage = dash.wsMessageHandler; + + ws.onclose = function() { + // Usually caused by mobile devices going to sleep or the user minimising the browser app. + // The setTimeout will begin once the device wakes from sleep or the browser regains focus. + $('#connection-error').show(); + setTimeout(dash.initWsConnection, 2000); + } }, wsMessageHandler: function(messageEvent) { diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index 3f4c1ca..6d37c8f 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -25,4 +25,10 @@ footer ul { color: #fff; background-color: #5cb85c; border-color: #4cae4c; +} + +.alert-danger { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; }
\ No newline at end of file |