added incoming posts notification button

client/helpers/handlebars.js

@@ -67,4 +67,9 @@ UI.registerHelper("sanitize", function(content) {
   console.log('cleaning up…')
   console.log(content)
   return cleanUp(content);
+});
+
+UI.registerHelper('pluralize', function(count, string) {
+  string = count === 1 ? string : string + 's';
+  return i18n.t(string);
 });

client/views/posts/posts_digest.html

@@ -11,6 +11,9 @@
     {{/if}}
     </div>
   </div>
+  
+  {{> postsListIncoming count=postsIncoming.count}}
+
   {{#if hasPosts}}
     <div class="posts grid list">
       {{#each posts}}

client/views/posts/posts_digest.js

@@ -60,3 +60,7 @@ Template[getTemplate('posts_digest')].rendered = function(){
   $('body').css('min-height',distanceFromTop+160);
   $('.more-button').css('top', distanceFromTop+"px");  
 }
+
+Template[getTemplate('posts_digest')].created = function() {
+  Session.set('listPopulatedAt', new Date());
+};

client/views/posts/posts_list.html

@@ -1,9 +1,10 @@
 <template name="posts_list">
+  {{> postsListIncoming count=postsListIncoming.count}}
   <div class="posts-wrapper grid grid-module">
-  	<div class="posts list">
-  		{{#each posts}}
-  			{{> UI.dynamic template=post_item}}
-  		{{/each}}
+    <div class="posts list">
+      {{#each posts}}
+        {{> UI.dynamic template=post_item}}
+      {{/each}}
     </div>
   </div>
   {{> UI.dynamic template=postsLoadMore}}

client/views/posts/posts_list.js

@@ -14,5 +14,12 @@ Template[getTemplate('posts_list')].helpers({
   },
   postsLoadMore: function () {
     return getTemplate('postsLoadMore');
+  },
+  postsIncoming: function () {
+    return getTemplate('postsIncoming');
   }
-});
+});
+
+Template[getTemplate('posts_list')].created = function() {
+  Session.set('listPopulatedAt', new Date());
+};

client/views/posts/posts_list_incoming.html

@@ -0,0 +1,9 @@
+<template name="postsListIncoming">
+  {{#if count}}
+    <a class="more-button show-new grid-module" href="">
+      <span>
+        {{i18n "View"}} {{count}} {{i18n "new"}} {{pluralize count "post"}}
+      </span>
+    </a>
+  {{/if}}
+</template>

client/views/posts/posts_list_incoming.js

@@ -0,0 +1,5 @@
+Template[getTemplate('postsListIncoming')].events({
+  'click .show-new': function(e, instance) {
+    Session.set('listPopulatedAt', new Date());
+  }
+});

lib/router.js

@@ -308,12 +308,19 @@ PostsListController = FastRender.RouteController.extend({
     }
 
     var parameters = getParameters(this._terms),
-        posts = Posts.find(parameters.find, parameters.options);
-        postsCount = posts.count();
+      postsCount = Posts.find(parameters.find, parameters.options).count();
+
+    parameters.find.createdAt = { $lte: Session.get('listPopulatedAt') };
+    var posts = Posts.find(parameters.find, parameters.options);
+    
+    // Incoming posts
+    parameters.find.createdAt = { $gt: Session.get('listPopulatedAt') };
+    var postsIncoming = Posts.find(parameters.find, parameters.options);
 
     Session.set('postsLimit', this._terms.limit);
 
     return {
+      postsListIncoming: postsIncoming,
       postsList: posts,
       postsCount: postsCount,
       ready: this.postsListSub.ready
@@ -366,8 +373,17 @@ PostsDigestController = FastRender.RouteController.extend({
         },
         parameters = getParameters(terms);
     Session.set('currentDate', currentDate);
+
+    parameters.find.createdAt = { $lte: Session.get('listPopulatedAt') };
+    var posts = Posts.find(parameters.find, parameters.options);
+
+    // Incoming posts
+    parameters.find.createdAt = { $gt: Session.get('listPopulatedAt') };
+    var postsIncoming = Posts.find(parameters.find, parameters.options);
+
     return {
-      posts: Posts.find(parameters.find, parameters.options)
+      postsIncoming: postsIncoming,
+      posts: posts
     };
   }
 });