ペアワークをサポートする機能を実装

app/components/page_tabs_component.html.slim

@@ -1,4 +1,4 @@
-.page-tabs
+nav.page-tabs
   .container
     ul.page-tabs__items
       - tabs.each do |tab|

app/components/sub_tab_component.html.slim

@@ -1,3 +1,8 @@
 li.tab-nav__item
   = link_to link, class: "tab-nav__item-link #{active ? 'is-active' : ''}" do
     = name
+    - if count.present?
+      = " （#{count}）"
+    - if badge&.positive?
+      .page-tabs__item-count.a-notification-count
+        .not-solved-count = badge

app/components/sub_tab_component.rb

@@ -1,13 +1,15 @@
 # frozen_string_literal: true
 
 class SubTabComponent < ViewComponent::Base
-  def initialize(name:, link:, active: false)
+  def initialize(name:, link:, active: false, count: nil, badge: nil)
     @name = name
     @link = link
     @active = active
+    @count = count
+    @badge = badge
   end
 
   private
 
-  attr_reader :name, :link, :active
+  attr_reader :name, :link, :active, :count, :badge
 end

app/controllers/home_controller.rb

@@ -7,6 +7,7 @@ def index
     if current_user
       display_dashboard
       display_events_on_dashboard
+      display_pair_works_on_dashboard
       display_welcome_message_for_adviser
       set_required_fields
       display_products_for_mentor
@@ -57,6 +58,10 @@ def display_events_on_dashboard
     @upcoming_events_groups = UpcomingEvent.upcoming_events_groups
   end
 
+  def display_pair_works_on_dashboard
+    @upcoming_pair_works = PairWork.upcoming_pair_works(current_user)
+  end
+
   def display_welcome_message_for_adviser
     @welcome_message_first_time = cookies[:confirmed_welcome_message]
   end

app/controllers/pair_works_controller.rb

@@ -0,0 +1,79 @@
+# frozen_string_literal: true
+
+class PairWorksController < ApplicationController
+  before_action :set_my_pair_work, only: %i[edit destroy]
+  before_action :set_updatable_pair_work, only: %i[update]
+
+  PAGER_NUMBER = 10
+
+  def index
+    @pair_works = PairWork.by_target(params[:target])
+                          .with_avatar
+                          .includes(:practice, :comments, :user)
+                          .order(:published_at)
+                          .page(params[:page])
+                          .per(PAGER_NUMBER)
+    @pair_works_property = PairWork.generate_pair_works_property(params[:target])
+  end
+
+  def show
+    @pair_work = PairWork.find(params[:id])
+    @comments = @pair_work.comments.order(:created_at)
+  end
+
+  def edit; end
+
+  def new
+    @pair_work = PairWork.new
+  end
+
+  def create
+    @pair_work = PairWork.new(pair_work_params)
+    @pair_work.user = current_user
+    set_wip
+    if @pair_work.save
+      ActiveSupport::Notifications.instrument('pair_work.create', pair_work: @pair_work)
+      redirect_to Redirection.determin_url(self, @pair_work), notice: @pair_work.generate_notice_message(:create)
+    else
+      render :new
+    end
+  end
+
+  def update
+    set_wip
+    if @pair_work.update(pair_work_params)
+      ActiveSupport::Notifications.instrument('pair_work.update', pair_work: @pair_work)
+      redirect_to Redirection.determin_url(self, @pair_work), notice: @pair_work.generate_notice_message(:update)
+    else
+      render :edit
+    end
+  end
+
+  def destroy
+    @pair_work.destroy
+    redirect_to pair_works_url, notice: @pair_work.generate_notice_message(:destroy)
+  end
+
+  private
+
+  def pair_work_params
+    params.require(:pair_work).permit(:practice_id, :title, :description, :reserved_at, :buddy_id, :channel,
+                                      schedules_attributes: %i[id proposed_at _destroy])
+  end
+
+  def set_my_pair_work
+    @pair_work = current_user.admin? ? PairWork.find(params[:id]) : current_user.pair_works.find(params[:id])
+  end
+
+  def set_updatable_pair_work
+    @pair_work = if PairWork.update_permission?(current_user, params[:pair_work])
+                   PairWork.find(params[:id])
+                 else
+                   current_user.pair_works.find(params[:id])
+                 end
+  end
+
+  def set_wip
+    @pair_work.wip = params[:commit] == 'WIP'
+  end
+end

app/helpers/page_tabs/questions_and_pair_works_helper.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module PageTabs
+  module QuestionsAndPairWorksHelper
+    def questions_and_pair_works_page_tabs
+      tabs = []
+      tabs << { name: 'Q&A', link: questions_path(target: 'not_solved'), badge: Question.unsolved_badge(current_user:, practice_id: params[:practice_id]) }
+      tabs << { name: 'ペアワーク', link: pair_works_path(target: 'not_solved'), badge: PairWork.unsolved_badge(current_user:) }
+      render PageTabsComponent.new(tabs:, active_tab: question_and_pair_work_active_tab)
+    end
+
+    private
+
+    def question_and_pair_work_active_tab
+      case request.path
+      when %r{\A/questions}
+        'Q&A'
+      when %r{\A/pair_works}
+        'ペアワーク'
+      end
+    end
+  end
+end

app/helpers/pair_work_helper.rb

@@ -0,0 +1,38 @@
+# frozen_string_literal: true
+
+module PairWorkHelper
+  def schedule_dates(date)
+    (0..6).map { |i| date.to_date + i.days }
+  end
+
+  def sorted_wdays(date)
+    max_wday = 6
+    sorted_wdays = [date.wday]
+    max_wday.times do
+      next sorted_wdays << 0 if sorted_wdays.last == max_wday
+
+      sorted_wdays << sorted_wdays.last + 1
+    end
+    sorted_wdays
+  end
+
+  def disabled?(target_time, pair_work: nil)
+    if pair_work
+      target_time < Time.current || pair_work.user_id == current_user.id
+    else
+      target_time < Time.current
+    end
+  end
+
+  def learning_time_frame_checked?(target_time, id)
+    !disabled?(target_time) && current_user.learning_time_frame_ids.include?(id)
+  end
+
+  def schedule_time(day_count, hour_count)
+    Time.current.beginning_of_day + day_count.days + hour_count.hours
+  end
+
+  def schedule_check_box_id(target_time)
+    "schedule_ids_#{target_time.strftime('%Y%m%d%H%M')}"
+  end
+end

app/helpers/sub_tabs/pair_works_helper.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+module SubTabs
+  module PairWorksHelper
+    def pair_works_sub_tabs
+      tabs = []
+      tabs << { name: 'ペア募集中', link: pair_works_path(target: 'not_solved'), badge: PairWork.unsolved_badge(current_user:) }
+      tabs << { name: 'ペア確定', link: pair_works_path(target: 'solved') }
+      tabs << { name: '全て', link: pair_works_path }
+      render SubTabsComponent.new(tabs:, active_tab: pair_work_active_tab)
+    end
+
+    private
+
+    def pair_work_active_tab
+      case params[:target]
+      when 'not_solved'
+        'ペア募集中'
+      when 'solved'
+        'ペア確定'
+      else
+        '全て'
+      end
+    end
+  end
+end

app/helpers/page_tabs/questions_helper.rb → app/helpers/sub_tabs/questions_helper.rb

@@ -1,14 +1,14 @@
 # frozen_string_literal: true
 
-module PageTabs
+module SubTabs
   module QuestionsHelper
-    def questions_page_tabs
+    def questions_sub_tabs
       unsolved_badge = Question.unsolved_badge(current_user:, practice_id: params[:practice_id])
       tabs = []
       tabs << { name: '未解決', link: questions_path(target: 'not_solved'), badge: unsolved_badge }
       tabs << { name: '解決済み', link: questions_path(target: 'solved') }
       tabs << { name: '全て', link: questions_path }
-      render PageTabsComponent.new(tabs:, active_tab: question_active_tab)
+      render SubTabsComponent.new(tabs:, active_tab: question_active_tab)
     end
 
     private

app/javascript/stylesheets/application.sass

@@ -55,6 +55,7 @@
 @use "application/blocks/page/page"
 @use "application/blocks/page/page-filter"
 @use "application/blocks/page/page-main-filter"
+@use "application/blocks/page/page-body-header"
 
 @use "application/blocks/page-content/page-content"
 @use "application/blocks/page-content/page-content-header-actions"
@@ -131,6 +132,9 @@
 @use "application/blocks/coding-test/result-table"
 @use "application/blocks/coding-test/coding-tests-item"
 
+@use "application/blocks/pair-work/pair-work-info"
+@use "application/blocks/pair-work/pair-work-schedule-dates"
+
 @use "application/blocks/micro-report/micro-reports"
 @use "application/blocks/micro-report/micro-report"
 @use "application/blocks/micro-report/micro-report-form"

app/javascript/stylesheets/application/blocks/event/_event-main-actions.sass

@@ -5,14 +5,14 @@
 
 .event-main-actions
   +position.position(relative, 1)
-  padding-block: .75rem
   margin-inline: 1rem
   border-radius: 4px
+  &:first-child
+    margin-top: 1rem
+    margin-bottom: 0
   +break-points.media-breakpoint-up(md)
-    padding-inline: 2rem
     margin-bottom: 1.5rem
   +break-points.media-breakpoint-down(sm)
-    padding-inline: .75rem
     margin-bottom: 1rem
   &.is-participationed
     background-color: #f8fff2
@@ -31,6 +31,42 @@
     background-color: var(--danger-tint)
     color: var(--danger)
 
+.event-main-actions__header
+  padding-block: .75rem
+  display: flex
+  justify-content: space-between
+  align-items: center
+  +break-points.media-breakpoint-up(md)
+    padding-inline: 1rem
+  +break-points.media-breakpoint-down(sm)
+    padding-inline: .75rem
+  .is-participationed &
+    border-bottom: 1px solid var(--success)
+    color: #4e732e
+  .is-unparticipationed.is-available &
+    border-bottom: 1px solid var(--primary)
+    color: #116e94
+  .is-unparticipationed.is-capacity-over &
+    border-bottom: 1px solid var(--warning)
+    color: #6f5819
+  .is-non-participationed &
+    border-bottom: 1px solid var(--danger)
+    color: var(--danger)
+  .a-button
+    margin-block: -.5rem
+
+.event-main-actions__title
+  +text.text-block(.875rem 1.4)
+  font-weight: 700
+  text-align: center
+
+.event-main-actions__body
+  padding-block: .75rem
+  +break-points.media-breakpoint-up(md)
+    padding-inline: 1rem
+  +break-points.media-breakpoint-down(sm)
+    padding-inline: .75rem
+
 .event-main-actions__description
   +text.text-block(.875rem 1.4)
   margin-bottom: .75em

app/javascript/stylesheets/application/blocks/page/_page-body-header.sass

@@ -0,0 +1,11 @@
+@use "../../../config/mixins/text"
+
+.page-body-header__inner
+  display: flex
+  align-items: center
+  gap: 1rem
+  margin-bottom: 1rem
+
+.page-body-header__title
+  +text.text-block(1rem 1.4, 700)
+  color: var(--main)

app/javascript/stylesheets/application/blocks/pair-work/_pair-work-info.sass

@@ -0,0 +1,32 @@
+@use "../../../config/mixins/break-points"
+@use "../../../config/mixins/position"
+@use "../../../config/mixins/size"
+@use "../../../config/mixins/text"
+
+.pair-work-info
+  display: flex
+  gap: .75rem
+
+.pair-work-info__user-icon
+  +size.size(3.5rem)
+
+.pair-work-info__end
+  flex: 1
+
+.pair-badge
+  font-family: serif
+  border: double .1875rem var(--stamp-color)
+  border-radius: .75rem
+  +size.size(4rem 3.5rem)
+  padding: .125rem
+  +position.position(absolute, right 0, top -.125rem, 1)
+  transform: rotate(25deg)
+  +text.text-block(1.125rem 1.1, flex center)
+  font-weight: 800
+  color: var(--stamp-color)
+  flex-direction: column
+  align-items: center
+  justify-content: center
+  pointer-events: none
+  +break-points.media-breakpoint-down(sm)
+    +position.position(absolute, left 80%, top 0)

app/javascript/stylesheets/application/blocks/pair-work/_pair-work-schedule-dates.sass

@@ -0,0 +1,35 @@
+@use "../../../config/mixins/text"
+
+.pair-work-schedule-dates
+  &.is-solved
+    .pair-work-schedule-dates__table
+      display: none
+    input:checked + .pair-work-schedule-dates__table
+      display: block
+
+.pair-work-schedule-dates__action-items
+  display: flex
+  justify-content: center
+
+.pair-work-schedule-dates__action-item
+  min-width: 20rem
+
+.pair-work-schedule-dates__action-item-description
+  margin-top: .25rem
+  +text.text-block(.75rem 1.4, center)
+
+.pair-work-schedule-dates__title
+  +text.text-block(1rem 1.4, 600)
+  margin-bottom: 1rem
+
+.pair-work-schedule-dates__table
+  .pair-work-schedule-dates__action + .pair-work-schedule-dates__table-container &
+    margin-top: 1rem
+
+.pair-work-schedule-dates__cancel
+  display: flex
+  justify-content: center
+  margin-bottom: 1rem
+
+.pair-work-schedule-dates__cancel-action
+  min-width: 20rem