flow view

app/assets/stylesheets/application.css

@@ -14,3 +14,6 @@
  *= require_self
  */
 
+.text-shadow {
+  color: #999999;
+}

app/assets/stylesheets/lib/mod-hover-hidden.css.scss

+.mod-hover-hidden:hover {
+  .mod-hover-hidden-item {
+    display: initial;
+  }
+}
+
+.mod-hover-hidden {
+  .mod-hover-hidden-item {
+    display: none;
+  }
+}

app/controllers/flow_controller.rb

@@ -2,6 +2,6 @@ class FlowController < ApplicationController
   before_action :require_login
 
   def show
-    @posts = Post.order(updated_at: :desc).limit(20)
+    @posts = Post.order(updated_at: :desc).limit(20).decorate
   end
 end

app/decorators/post_decorator.rb

@@ -5,4 +5,18 @@ class PostDecorator < Draper::Decorator
     h.post_path(model)
   end
 
+  # 読了時間
+  #   500文字/1分換算
+  def read_time
+    _time_min = model.body.length / 500
+    case _time_min
+    when 0
+      '< 1 min.'
+    when 1..10
+      "#{_time_min} min."
+    else
+      '> 10 min.'
+    end
+  end
+
 end

app/decorators/posts_decorator.rb

+class PostsDecorator < Draper::CollectionDecorator
+end

app/views/posts/_large_item.html.slim

 / locals:
 /   post {Post}
 
-a.list-group-item.post-list data-post-id=post.id href=post_path(post)
+a.list-group-item.post-list.mod-hover-hidden data-post-id=post.id href=post_path(post)
   .container-fluid
     .row
       .col-xs-10
         .text-primary #{post.title}
       .col-xs-2
         small.pull-right
-          = post.id
+          ##{post.id}
     .row
-      .col-xs-10
-        small
+      .col-xs-8
+        small.text-success
           | #{post.author.name} posted 
           abbr.js-time-ago data-time-ago-at=post.updated_at
           |.  
           - post.tags.each do |tag|
             span.label.label-success ##{tag.name}
             |  
-      .col-xs-2
+      .col-xs-4
         small.pull-right
-          span.glyphicon.glyphicon-paperclip 1
-          |  
-          span.glyphicon.glyphicon-eye-open 2
-          |  
-          span.glyphicon.glyphicon-edit 3
-          |  
+          span.glyphicon.glyphicon-time
+          span.mod-hover-hidden-item
+            | 読了時間
+          |  #{post.read_time}  
+          span.glyphicon.glyphicon-edit
+          span.mod-hover-hidden-item
+            | コメント
+          |  #{post.comments.count}  
+    .row
+      .col-xs-12
+        small.text-shadow
+          = truncate post.body, length: 240

spec/controllers/flow_controller_spec.rb

@@ -2,6 +2,10 @@ require 'spec_helper'
 
 describe FlowController do
 
+  before :each do
+    @post = create(:post)
+  end
+
   describe "GET 'show'" do
     it "returns http success" do
       get 'show'

spec/controllers/stock_controller_spec.rb

-require 'spec_helper'
+# require 'spec_helper'
 
-describe StockController do
+# describe StockController do
 
-  describe "GET 'show'" do
-    it "returns http success" do
-      get 'show'
-      response.should be_success
-    end
-  end
+#   describe "GET 'show'" do
+#     it "returns http success" do
+#       get 'show'
+#       response.should be_success
+#     end
+#   end
 
-end
+# end