events ページ作成

Author: chicaco

app/assets/stylesheets/custom.scss

@@ -561,9 +561,13 @@ a {
     text-decoration: none
 }
 
+.event-region {
+    font-weight: bold;
+}
+
 #event-list {
-    height: 200px;
-    overflow: auto;
+    width: 80%;
+    margin: 0 auto;
 }
 
 #event-list .event-date {

app/controllers/events_controller.rb

@@ -0,0 +1,6 @@
+class EventsController < ApplicationController
+  def show
+    @url             = request.url
+    @upcoming_events = UpcomingEvent.group_by_region_and_date
+  end
+end

app/models/upcoming_event.rb

@@ -12,9 +12,18 @@ class UpcomingEvent < ApplicationRecord
   scope :until, ->(date) { where('event_at < ?', date.beginning_of_day) }
 
   class << self
-    def group_by_date
-      eager_load(dojo_event_service: { dojo: :prefecture }).since(Time.zone.today).
-        order(:event_at).map(&:catalog).group_by { |d| d[:event_date] }
+    def group_by_region_and_date
+      events_by_region = eager_load(dojo_event_service: { dojo: :prefecture }).since(Time.zone.today).
+        merge(Dojo.default_order).
+        group_by { |event| event.dojo_event_service.dojo.prefecture.region }
+
+      regions = Prefecture.pluck(:region).uniq
+      result = {}
+      regions.each do |region|
+        events = events_by_region[region]
+        result[region] = events ? events.sort_by(&:event_at).map(&:catalog).group_by { |d| d[:event_date] } : {}
+      end
+      result
     end
   end
 

app/views/events/show.html.haml

@@ -0,0 +1,18 @@
+- provide(:title, 'イベント')
+- provide(:desc,  'もうすぐ開催のイベント情報をまとめています。')
+- provide(:url,   @url)
+
+/
+  %section.cover{style: 'padding-top:40px; background-color: white;'}
+    = image_tag "stats_cover.png"
+
+%section#events.text-center
+  %br
+  %h1 もうすぐ開催のイベント
+  %br
+  %p{:style => "margin: 0 30px 40px 30px;"}
+    開催予定のイベントをチェックしましょう！
+  = render partial: 'shared/upcoming_events', locals: { upcoming_events: @upcoming_events }
+
+%br
+%br

app/views/shared/_upcoming_events.html.haml

@@ -1,11 +1,13 @@
 %div#event-list
-  - upcoming_events.each do |date, events|
-    %p.event-date= "#{date.strftime('%Y/%m/%d')}"
-    %ul
-      - events.each do |event|
-        %li
-          %p
-            %span.event-at= "#{event[:event_at].strftime('%k:%M')}〜"
-            %a.event-url{ href: "#{event[:event_url]}" }
-              %span= event[:event_title]
-            %span= "#{event[:dojo_name]} (#{event[:dojo_prefecture_name]})"
+  - upcoming_events.each do |region, events_by_date|
+    %p.event-region= region
+    - events_by_date.each do |date, events|
+      %p.event-date= "#{date.strftime('%Y/%m/%d')}"
+      %ul
+        - events.each do |event|
+          %li
+            %p
+              %span.event-at= "#{event[:event_at].strftime('%k:%M')}〜"
+              %a.event-url{ href: "#{event[:event_url]}" }
+                %span= event[:event_title]
+              %span= "#{event[:dojo_name]} (#{event[:dojo_prefecture_name]})"

config/routes.rb

@@ -25,6 +25,8 @@
   #       Hotfix with the code above that works correctly.
   #resources :stats,  only: %i(show)
 
+  get "/events"  => "events#show"
+
   # Redirects
   get "/releases/2016/12/12/new-backend", to: redirect('/news/2016/12/12/new-backend')
   get "/blogs/2016/12/12/new-backend",    to: redirect('/news/2016/12/12/new-backend')