combined request to avoid many requests

README.md

@@ -8,9 +8,15 @@ is usable.
 The original code: 
 [20130804_recorded](https://github.com/dai-shi/twitter-clone-sample/tree/20130804_recorded)
 is exactly the same as
-[screencast](http://dai-shi.github.io/social-cms-backend/ttyplay.html).
+[screencast](http://dai-shi.github.io/social-cms-backend/ttyplay.html)
+result.
 
 The running code:
 [20130920_openshift](https://github.com/dai-shi/twitter-clone-sample/tree/20130920_openshift)
 can be tried at
-[OpenShift](http://twitterclonesample-nodeangularapp.rhcloud.com/).
+[OpenShift server](http://twitterclonesample-nodeangularapp.rhcloud.com/).
+
+changes
+-------
+
+* use combined request to avoid many requests for getting likecount for each post.

package.json

@@ -9,6 +9,6 @@
   "dependencies": {
     "express": "3.3.4",
     "jade": "*",
-    "social-cms-backend": "0.0.7"
+    "social-cms-backend": "0.2.3"
   }
 }

public/javascripts/main.js

@@ -13,32 +13,62 @@ factory('Like', function($resource) {
 }).
 
 controller('MyController', function($scope, User, Post, Like) {
-  $scope.myself = User.get({id: 'myself'});
+  $scope.myself = User.get({
+    id: 'myself'
+  });
   $scope.userinfo = {};
   $scope.ensureUserinfo = function(user_id) {
     if ($scope.userinfo[user_id]) return;
-    $scope.userinfo[user_id] = User.get({id: user_id});
+    $scope.userinfo[user_id] = User.get({
+      id: user_id
+    });
   };
 
-  $scope.posts = Post.query();
+  $scope.likecount = {};
+
+  Post.query(function(data) {
+    $scope.posts = data;
+
+    var queries = _.map(data, function(post) {
+      return {
+        post_id: post._id
+      };
+    });
+    Like.query({
+      id: 'count',
+      query: JSON.stringify(queries)
+    }, function(results) {
+      for (var i = 0; i < data.length; i++) {
+        $scope.likecount[data[i]._id] = results[i];
+      }
+    });
+  });
+
   $scope.postNewPost = function() {
     if (!$scope.newMessage) return;
-    Post.save({message: $scope.newMessage}, function() {
+    Post.save({
+      message: $scope.newMessage
+    }, function() {
       $scope.posts = Post.query();
     });
     $scope.newMessage = null;
   };
 
-  $scope.likecount = {};
-  $scope.ensureLikecount = function(post_id, refresh) {
-    if ($scope.likecount[post_id] && !refresh) return;
-    $scope.likecount[post_id] = Like.get({id: 'count',
-      query: JSON.stringify({post_id: post_id})});
-  };
   $scope.addLikecount = function(post_id) {
-    Like.save({post_id: post_id}, function() {
-      $scope.ensureLikecount(post_id, true);
+    Like.save({
+      post_id: post_id
+    }, function() {
       $scope.likecount[post_id].count = '...';
+      Like.get({
+        id: 'count',
+        query: JSON.stringify({
+          post_id: post_id
+        })
+      },
+
+      function(data) {
+        $scope.likecount[post_id] = data;
+      });
     });
   };
 

views/index.jade

@@ -12,7 +12,7 @@ block content
       hr
       p What others are doing:
       .well.well-small(ng-repeat='post in posts')
-        div(ng-init='ensureLikecount(post._id)')
+        div
           span {{post.message}}
           span.pull-right
             a(href='javascript:void(0)', ng-click='addLikecount(post._id)') Like

views/layout.jade

@@ -8,6 +8,7 @@ html(ng-app='MyModule')
     script(src='//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/js/bootstrap.min.js')
     script(src='//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js')
     script(src='//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular-resource.min.js')
+    script(src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js")
     script(src='/javascripts/main.js')
   body
     block content