Ember online/offline connection status service

initializers-connection-status.js

// (Rename to connection-status and add to /initializers)

export default {
  name: 'connectionStatus',
  initialize: function(container, app) {
    app.inject('route', 'connectionStatus', 'service:connectionStatus');
    app.inject('controller', 'connectionStatus', 'service:connectionStatus');
  }
};

services-connection-status.js

// (Rename to connection-status and add to /services)

/* global window, navigator */

import Ember from "ember";

export default Ember.Object.extend({

  online: false,
  offline: Ember.computed.not('online'),

  startWatching: function() {
    this.set('online', navigator.onLine);

    var _this = this;
    var updateStatus = function() {
      _this.set('online', navigator.onLine);
      if (_this.get('online')) {
        Ember.Logger.info('Connection status: User has gone online');
      } else {
        Ember.Logger.info('Connection status: User has gone offline');
      }
    };

    window.addEventListener('online', updateStatus);
    window.addEventListener('offline', updateStatus);
  }.on('init')

});