Start implementing resolves in router using Service

beeman · beeman · commit cc3808cbc465 · 2015-02-09T00:09:45.000+01:00
diff --git a/client/app/modules/posts/config/posts.routes.js b/client/app/modules/posts/config/posts.routes.js
@@ -1,29 +1,33 @@
 'use strict';
-angular.module('com.module.posts')
- .config(function($stateProvider) {
-    $stateProvider.state('app.posts', {
-      abstract: true,
-      url: '/posts',
-      templateUrl: 'modules/posts/views/main.html'
-    })
-    .state('app.posts.list', {
-      url: '',
-      templateUrl: 'modules/posts/views/list.html',
-      controller: 'PostsCtrl'
-    })
-    .state('app.posts.add', {
-      url: '/add',
-      templateUrl: 'modules/posts/views/form.html',
-      controller: 'PostsCtrl'
-    })
-    .state('app.posts.edit', {
-      url: '/:id/edit',
-      templateUrl: 'modules/posts/views/form.html',
-      controller: 'PostsCtrl'
-    })
-    .state('app.posts.view', {
-      url: '/:id',
-      templateUrl: 'modules/posts/views/view.html',
-      controller: 'PostsCtrl'
-    });
+
+var app = angular.module('com.module.posts');
+
+app.config(function ($stateProvider) {
+  $stateProvider.state('app.posts', {
+    abstract: true,
+    url: '/posts',
+    templateUrl: 'modules/posts/views/main.html'
+  }).state('app.posts.list', {
+    url: '',
+    templateUrl: 'modules/posts/views/list.html',
+    controller: 'PostsCtrl',
+    controllerAs: 'ctrl',
+    resolve: {
+      posts: ['PostsService', function (PostsService) {
+        return PostsService.getPosts();
+      }]
+    }
+  }).state('app.posts.add', {
+    url: '/add',
+    templateUrl: 'modules/posts/views/form.html',
+    controller: 'PostsCtrl'
+  }).state('app.posts.edit', {
+    url: '/:id/edit',
+    templateUrl: 'modules/posts/views/form.html',
+    controller: 'PostsCtrl'
+  }).state('app.posts.view', {
+    url: '/:id',
+    templateUrl: 'modules/posts/views/view.html',
+    controller: 'PostsCtrl'
   });
+});
diff --git a/client/app/modules/posts/controllers/posts.ctrl.js b/client/app/modules/posts/controllers/posts.ctrl.js
@@ -1,6 +1,6 @@
 'use strict';
 angular.module('com.module.posts')
-  .controller('PostsCtrl', function ($scope, $state, $stateParams, CoreService, gettextCatalog, Post) {
+  .controller('PostsCtrl', function ($scope, $state, $stateParams, CoreService, gettextCatalog, PostsService, Post) {
 
     var postId = $stateParams.id;
 
@@ -15,17 +15,10 @@ angular.module('com.module.posts')
       $scope.post = {};
     }
 
-    function loadItems() {
-      $scope.posts = Post.find();
-    }
-
-    loadItems();
-
     $scope.delete = function (id) {
       CoreService.confirm(gettextCatalog.getString('Are you sure?'), gettextCatalog.getString('Deleting this cannot be undone'), function () {
         Post.deleteById(id, function () {
           CoreService.toastSuccess(gettextCatalog.getString('Post deleted'), gettextCatalog.getString('Your post is deleted!'));
-          loadItems();
           $state.go('app.posts.list');
         }, function (err) {
           CoreService.toastError(gettextCatalog.getString('Error deleting post'), gettextCatalog.getString('Your post is not deleted: ') + err);
diff --git a/client/app/modules/posts/services/posts.service.js b/client/app/modules/posts/services/posts.service.js
@@ -1,17 +1,18 @@
 'use strict';
-angular.module('com.module.posts')
-  .service('PostsService', ['$http', 'Post', function ($http, Post) {
-    this.savePost = function (goat) {
-      return $http.post('/goats', goat);
-    };
+var app = angular.module('com.module.posts');
 
-    this.getPosts = function () {
-      return Post.find();
-    };
+app.service('PostsService', ['$http', 'Post', function ($http, Post) {
+  this.savePost = function (goat) {
+    return $http.post('/goats', goat);
+  };
 
-    this.getPost = function (postId) {
-      return Post.findById({
-        id: postId
-      });
-    };
-  }]);
+  this.getPosts = function () {
+    return Post.find().$promise;
+  };
+
+  this.getPost = function (postId) {
+    return Post.findById({
+      id: postId
+    });
+  };
+}]);
diff --git a/client/app/modules/posts/views/list.html b/client/app/modules/posts/views/list.html
@@ -1,7 +1,7 @@
 
 
 <div class='list-group'>
-  <div ng-repeat="item in posts" class="list-group-item">
+  <div ng-repeat="item in ctrl.posts" class="list-group-item">
 
     <span class="pull-right btn-group" style="margin-top: 7px;">
       <a href="" class="btn btn-sm btn-default" ui-sref="^.edit({id: item.id})">
@@ -19,7 +19,7 @@ <h4 class="list-group-item-heading">
 
   </div>
 
-  <div ng-show="!posts.length" class="list-group-item">
+  <div ng-show="!ctrl.posts.length" class="list-group-item">
     <h4 class="list-group-item-heading" translate>
       There are no posts
     </h4>
