本に関する記事の一覧表示ページを作成

Author: tomoko523

app/controllers/so_tech_sha_overview_page_controller.rb

@@ -0,0 +1,22 @@
+class SoTechShaOverviewPageController < CmsController
+  POSTS_PER_PAGE = 10
+
+  def index
+    offset = params[:offset].to_i
+
+    sts_posts_query = BlogPostPage.where(:_permalink, :starts_with, 'sotechsha-')
+    sts_posts_query.batch_size(POSTS_PER_PAGE).offset(offset)
+    @sts_posts = sts_posts_query.take(POSTS_PER_PAGE)
+
+    total = sts_posts_query.size
+
+    if offset > 0
+      @previous_page = scrivito_path(@obj, offset: offset - POSTS_PER_PAGE)
+    end
+
+    if total > offset + POSTS_PER_PAGE
+      @next_page = scrivito_path(@obj, offset: offset + POSTS_PER_PAGE)
+    end
+  end
+
+end

app/models/so_tech_sha_overview_page.rb

@@ -0,0 +1,5 @@
+class SoTechShaOverviewPage < Obj
+  attribute :title, :string
+  attribute :body, :widgetlist
+  attribute :child_order, :referencelist
+end

app/views/so_tech_sha_overview_page/details.html.erb

@@ -0,0 +1,5 @@
+<%= scrivito_medium_dialog do %>
+  <%= scrivito_details_for "Title" do %>
+    <%= scrivito_tag :div, @obj, :title %>
+  <% end %>
+<% end %>

app/views/so_tech_sha_overview_page/index.html.erb

@@ -0,0 +1,21 @@
+<div class ="row">
+  <div class="col-lg-12">
+    <h1 class="page-header">「Scratchでつくる! たのしむ! プログラミング道場」Webコンテンツ</h1>
+  </div>
+</div>
+<% @sts_posts.each do |sts_post| %>
+<div class="row">
+  <div class="col-md-7">
+    <%= scrivito_image_tag(scrivito_value(sts_post.image), :class => "img-responsive") %>
+  </div>
+  <div class="col-md-5">
+    <h3><%= link_to(scrivito_value(sts_post.title), scrivito_path(sts_post)) %></h3>
+    <%= content_tag(:p, scrivito_value(sts_post.abstract)) %>
+    <%= link_to("View Post", scrivito_path(sts_post), :class => "btn btn-primary") %>
+  </div>
+</div>
+<hr>
+<% end %>
+
+<%= link_to("previous page", @previous_page) if @previous_page %>
+<%= link_to("next page", @next_page) if @next_page %>

app/views/so_tech_sha_overview_page/thumbnail.html.erb

@@ -0,0 +1 @@
+<%= scrivito_thumbnail SoTechShaOverviewPage.description_for_editor, :content %>

config/routes.rb

@@ -1,6 +1,6 @@
 Rails.application.routes.draw do
   # Accsess from CoderDojo Book
-  get '/sotechsha',       to: 'so_tech_sha#index'
+  get '/sotechsha',       to: 'so_tech_sha_overview_page#index'
   get '/sotechsha/:quiz', to: 'so_tech_sha#quiz'
 
   # Default Scrivito routes. Adapt them to change the routing of CMS objects.

test/integration/so_tech_sha_test.rb

@@ -17,4 +17,11 @@ def setup
     get "/sotechsha/gazou"
     assert_redirected_to "/sotechsha-gazou"
   end
+
+  test "SoTechShalink should be rendered" do
+    get "/sotechsha"
+    #so_tech_sha_overview_page.index がrenderされる
+    #タイトルが「「Scratchでつくる! たのしむ! プログラミング道場」Webコンテンツ」である
+    #記事の件数　7件である
+  end
 end