converse/public/js/maki.js

converse ========

// stub for a proper class
var maki = {
    angular: angular.module('maki', ['ngRoute', 'ngResource'])
  , socket: null
  , sockets: {
      connect: function() {
        if (maki.socket) {
          maki.socket.onclose = null;
          maki.socket.onmessage = null;
          maki.socket = null;
        }
        
        var path = 'ws://' + window.location.host + window.location.pathname;
        maki.socket = new WebSocket( path );
        maki.socket.onclose = function onClose() {
          console.log('close, reconnect... ');
          // TODO: randomize reconnection timeout buffer
          // TODO: back-off over multiple attempts (e.g., 1s, 5s, 30s...)
          setTimeout( maki.sockets.connect , 5000);
        };
        maki.socket.onmessage = function onMessage(msg) {
          try {
            var data = JSON.parse( msg.data );
          } catch (e) {
            var data = {};
          }
          console.log(data);
        };
      }
    }
};

/*/
maki.angular.config(function($routeProvider, $locationProvider, $resourceProvider) {
  
  var pages = [];
  $.ajax({
    async: false,
    url: '/',
    success: function(data) {
      pages = data;
    }
  });
  
  pages.forEach(function(page) {
    $routeProvider.when.apply( this , [ page.path , {
      template: function( params ) {
        var self = this;
        var obj = {};
        $.ajax({
            url: self.location
          , success: function( results ) {
              obj[ page.name ] = results;
            }
          , async: false
        });
        
        // TODO: subscribe
        console.log('render with', obj);
        
        return Templates[ page.template ]( obj );
      }
    } ] );
    $routeProvider.otherwise({
      template: function() {
        return Templates['404']();
      }
    });
  });

  // use the HTML5 History API
  $locationProvider.html5Mode(true);
});
/**/

maki.angular.controller('mainController', function( $scope ) {
  $scope.$on('$locationChangeSuccess', function(event) {
    maki.sockets.connect();
  });
}).directive('tooltipped', function() {
  return {
      restrict: 'C'
    , link: function( scope , element ) {
        $( element ).tooltip({
          container: 'body'
        });  
      }
  }
}).directive('code', function() {
  return {
    restrict: 'E',
    link: function( scope , element ) {
      $( element ).each(function(i, block) {
        hljs.highlightBlock(block);
      });
    }
  }
}).directive('headroom', function() {
  return {
    restrict: 'EA',
    scope: {
      tolerance: '=',
      offset: '=',
      classes: '='
    },
    link: function(scope, element) {
      var options = {};
      angular.forEach(Headroom.options, function(value, key) {
        options[key] = scope[key] || Headroom.options[key];
      });
      var headroom = new Headroom(element[0], options);
      headroom.init();
      scope.$on('destroy', function() {
        headroom.destroy();
      });
    }
  };
});
maki.angular.controller('headerController', function( $scope , $location ) {
  $scope.isActive = function (viewLocation) {
    return viewLocation === $location.path();
  };
});