thin story serialzer and list out recent stories on the projects

app/assets/javascripts/templates/projects/index.jst.ejs

@@ -11,7 +11,11 @@
         </h3>
 
         <ul class="recent-stories">
-          <li>No recent stories</li>
+          <li ng-hide="project.stories.length > 0">No recent stories</li>
+          <li ng-repeat="story in project.stories">
+            <span class="when">{{ story.updated_at }}</span>
+            <a href="/projects/{{ project.slug }}/stories/{{ story.slug }}">{{ story.name }}</a>
+          </li>
         </ul>
       </section>
 

app/controllers/api/v1/projects_controller.rb

@@ -14,7 +14,7 @@ class ProjectsController < BaseController
 
       api! "Fetch all projects"
       def index
-        render json: current_user.projects.includes(:users).all
+        render json: current_user.projects.includes(:users, :stories).all
       end
 
       api! "Fetch a single project"

app/serializers/project_serializer.rb

@@ -1,4 +1,9 @@
 class ProjectSerializer < ActiveModel::Serializer
   attributes :id, :name, :slug, :owner_id, :created_at, :updated_at, :deleted_at, :team_id
-  has_many :users
+  has_many :users, serializer: UserSerializer
+  has_many :stories, serializer: ThinStorySerializer
+
+  def stories
+    object.stories.order(updated_at: :desc).take(5)
+  end
 end

app/serializers/thin_story_serializer.rb

@@ -0,0 +1,3 @@
+class ThinStorySerializer < ActiveModel::Serializer
+  attributes :id, :name, :slug, :updated_at
+end