AngularJS resources declaration

var ingredients, recipeModule, recipes;

recipeModule = angular.module('recipeModule', ['ngResource']);

recipeModule.config([
  '$httpProvider', function($httpProvider) {
    var token;
    $httpProvider.defaults.headers['common']['Accept'] = 'application/json';
    token = $("meta[name='csrf-token']").attr('content');
    return $httpProvider.defaults.headers['common']['X-CSRF-Token'] = token;
  }
]);

recipes = function($resource) {
  return $resource('/recipes/:id', {}, {
    index: {
      method: 'GET',
      isArray: true
    },
    show: {
      method: 'GET'
    },
    create: {
      method: 'POST'
    },
    update: {
      method: 'PUT'
    },
    destroy: {
      method: 'DELETE'
    }
  });
};

recipeModule.factory('Recipe', ['$resource', recipes]);

ingredients = function($resource) {
  return $resource('/ingredients/:id', {}, {
    index: {
      method: 'GET',
      isArray: true
    },
    show: {
      method: 'GET'
    },
    create: {
      method: 'POST'
    },
    update: {
      method: 'PUT'
    },
    destroy: {
      method: 'DELETE'
    }
  });
};

recipeModule.factory('Ingredient', ['$resource', ingredients]);

recipeModule.directive('suggestIngredient', function() {
  return {
    link: function(scope, el, attrs) {
      return setTimeout(function() {
        return el.typeahead({
          source: scope.existing_ingredients,
          mode: 'multiple'
        });
      });
    }
  };
});