Fetch events from CoderDojo Zen API

index.html

@@ -31,6 +31,7 @@
 
     <!-- AngularJS base and data scripts -->
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
+	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular-resource.min.js"></script>
     <script src="js/angular/webApp.js"></script>
     <script src="js/data/eventList.js"></script>
     <script src="js/angular/eventController.js"></script>

js/angular/eventController.js

@@ -1,4 +1,17 @@
-app.controller('eventController', function($scope) {
+app.controller('eventController', function($scope, EventService) {
+
+    $scope.eventListZen = EventService.search({
+        query : {
+            dojoId : "55a9b83e-9188-45f5-8a6a-72f0af31aad2",
+            status : "published",
+            filterPastEvents : false,
+            limit$ : 10,
+            skip$ : 0,
+            sort$ : {
+                createdAt : -1
+            }
+        }
+    });
 
     $scope.eventList = eventList; // from global var in data script
     $scope.pastEventList = []; // filled in init

js/angular/webApp.js

@@ -1,4 +1,10 @@
-var app = angular.module('webApp', []);
+var app = angular.module('webApp', ['ngResource']);
+
+app.factory('EventService', function ($resource) {
+    return $resource('https://zen.coderdojo.com/api/2.0/events/search', null, {
+	    'search': {method: 'POST', isArray: true},
+	});
+});
 
 app.run(function($rootScope) {
     $rootScope.color = 'blue';