current_userの1ヶ月のテーブルを表示させたいです

Question

1日単位の単発予約と月単位のまとめて予約ができる機能を作成中です。
後者のページでは今月のテーブルが表示され、単発予約日がある場合は、予約日に内容が表示される仕様にしたいのですが、
予約していない日のテーブルが表示されない状況です。

かれこれ数日詰まっていますので、
お忙しい中大変お手数おかけしますが、解決策を教えていただけると幸いです。

■　成功イメージ（予約している日、していない日を月で表示）

■ 現在（予約している日しか取得できない）

＊reception_controller（該当部分）

def month_edit
    @first_day = Date.current.beginning_of_month
    @last_day = @first_day.end_of_month
    one_month = [*@first_day..@last_day]
    @receptions = current_user.receptions.where(date_of_use: one_month)
    unless one_month.count == current_user.receptions.count
      ActiveRecord::Base.transaction do
      one_month.each { |day| current_user.receptions.where(date_of_use: day) }
    end
    @receptions = current_user.receptions.where(date_of_use: one_month)
  end

rescue ActiveRecord::RecordInvalid
　flash[:danger] = "ページ情報の取得に失敗しました、再アクセスしてください。"
　redirect_to root_url
end


private

  def reception_params
    params.require(:reception).permit(:request,:date_of_use,:date_of_use, :start_time, :end_time, :start_transfer, :end_transfer, :start_place, :end_place, :event, :remarks).merge(user_id: current_user.id)
  end
  

＊１ヶ月単位の予約ページ＊

<div class="js-message-errors"></div>
  <h1><%= current_user.name %>様</h1>
    <%= form_with(model: @user, url: month_update_users_reception_path(day: @first_day), local: true) do |f| %>
      <table class="table table-bordered">
        <thead>
          <tr>
          <th>受付済</th>
            <th>ご利用日</th>
            <th style="width: 50px">曜日</th>
            <th>迎え時間</th>
            <th>迎え場所</th>
            <th style="width: 100px"> 迎え有無</th>
            <th>送り時間</th>
            <th>送り場所</th>
            <th style="width: 100px"> 送り有無</th>
            <th style="width: 100px">イベント</th>
            <th>備考</th>
          </tr>
        </thead>
        <tbody>
          <% @receptions.each do |day| %>
          <%= f.fields_for "receptions[]", day do |r| %>
            <% css_class = 
              case $days_of_the_week[day.date_of_use.wday]
                when '土'
                  'text-primary'
                when '日'
                  'text-danger'
                end
                %>
              <tr>
                <td><%= r.check_box :request %></td>
                <td><%= l(day.date_of_use, format: :short) %></td>
                <td class="<%= css_class %>"><%= $days_of_the_week[day.date_of_use.wday] %></td>
                <td><%= r.time_field :start_time,{ max: "18:30", min: "08:30", class: "form-control input-sm" }%></td>
                <td><%= r.select :start_place, [ ["自宅",1], ["学校 or 園", 2], ["祖父母宅", 3 ] ,["なし", 4]], {prompt: "迎え場所を選択"}, {class: "form-control input-sm" } %></td>
                <td><%= r.check_box :start_transfer,{checked: true}, "true", "false" %></td>
                <td><%= r.time_field :end_time,{ max: "18:30", min: "08:30", class: "form-control input-sm" } %></td>
                <td><%= r.select :end_place, [ ["自宅",1], ["祖母宅", 2], ["その他", 3 ] ,["なし", 4]], {prompt: "送り場所を選択"}, {class: "form-control input-sm" } %></td>
                <td><%= r.check_box :end_transfer,{checked: true}, "true", "false" %></td>
                <td><%= r.check_box :event,{checked: false}, "true", "false" %></td>
                <td><%= r.text_field :remarks, class: "form-control" %></td>
              </tr>
            <% end %>
          <% end %>
        </tbody>
      </table>
      <div class="table_modal">
        <%= link_to "キャンセル", user_path(current_user), class: "btn btn-primary" %>
        <%= f.submit "編集を保存する", class: "btn btn-primary" %>
      </div>
    <% end %>

＊reception（予約）テーブルのマイグレーション＊

class CreateReceptions < ActiveRecord::Migration[5.2]
  def change
    create_table :receptions do |t|
      t.references :admin,   foreign_key:true 
      t.references :user,    foreign_key:true 
      t.boolean :request
      t.date :date_of_use
      t.time :start_time
      t.time :end_time
      t.boolean :start_transfer
      t.boolean :end_transfer
      t.string   :start_place
      t.string   :end_place
      t.boolean   :event
      t.string   :remarks

      t.timestamps

    end
  end
end

＊user_show.html.erb＊

<h1><%= @user.name %> 様</h1>
<div class="col-md-5 col-md-offset-7" >
  <%= link_to "受付追加（日単位）",new_users_reception_path, class: "btn btn-default", remote: true %>
  <%= link_to "受付追加（月単位）", month_edit_users_reception_path(date: @first_day), class: "btn btn-default", local: true %>
⬆️　こちらから、１ヶ月の登録ページに遷移します。
</div>
<div class="col-md-10 col-md-offset-1" id="table-users">
  <%= month_calendar events: @reception do |date,reception | %>
    <% if Date.current <= date %>
      <%= link_to date.day, users_reception_path(date), remote: true %>
    <% else %>
      <%= link_to date.day, "#", class: "disabled" %>
    <% end %>
  <% end %>
</div>

<div id="new" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true"></div> 
<div id="show" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true"></div> 
<div id="show-new" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true"></div>

1ヶ月ページに遷移した際のターミナル

Started GET "/users/receptions/2/month_edit" for 127.0.0.1 at 2021-02-24 14:59:49 +0900
Processing by Users::ReceptionsController#month_edit as HTML
  Parameters: {"id"=>"2"}
  User Load (0.2ms)  SELECT  "users".* FROM "users" WHERE "users"."id" = ? ORDER BY "users"."id" ASC LIMIT ?  [["id", 2], ["LIMIT", 1]]
  ↳ app/controllers/users/receptions_controller.rb:38
   (0.2ms)  SELECT COUNT(*) FROM "receptions" WHERE "receptions"."user_id" = ?  [["user_id", 2]]
  ↳ app/controllers/users/receptions_controller.rb:39
   (0.1ms)  begin transaction
  ↳ app/controllers/users/receptions_controller.rb:40
   (0.1ms)  commit transaction
  ↳ app/controllers/users/receptions_controller.rb:40
  Rendering users/receptions/month_edit.html.erb within layouts/application
  Reception Load (0.6ms)  SELECT "receptions".* FROM "receptions" WHERE "receptions"."user_id" = ? AND "receptions"."date_of_use" 
IN (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)
  [["user_id", 2], ["date_of_use", "2021-02-01"], ["date_of_use", "2021-02-02"], ["date_of_use", "2021-02-03"], ["date_of_use", "2021-02-04"], ["date_of_use", "2021-02-05"], ["date_of_use", "2021-02-06"], ["date_of_use", "2021-02-07"], ["date_of_use", "2021-02-08"], ["date_of_use", "2021-02-09"], ["date_of_use", "2021-02-10"], ["date_of_use", "2021-02-11"], ["date_of_use", "2021-02-12"], ["date_of_use", "2021-02-13"], ["date_of_use", "2021-02-14"], ["date_of_use", "2021-02-15"], ["date_of_use", "2021-02-16"], ["date_of_use", "2021-02-17"], ["date_of_use", "2021-02-18"], ["date_of_use", "2021-02-19"], ["date_of_use", "2021-02-20"], ["date_of_use", "2021-02-21"], ["date_of_use", "2021-02-22"], ["date_of_use", "2021-02-23"], ["date_of_use", "2021-02-24"], ["date_of_use", "2021-02-25"], ["date_of_use", "2021-02-26"], ["date_of_use", "2021-02-27"], ["date_of_use", "2021-02-28"]]
  ↳ app/views/users/receptions/month_edit.html.erb:23
  Rendered users/receptions/month_edit.html.erb within layouts/application (13.0ms)
  Rendered layouts/_header.html.erb (1.2ms)
  Rendered layouts/_flashes.html.erb (0.5ms)
Completed 200 OK in 75ms (Views: 64.7ms | ActiveRecord: 1.1ms)

Answer 1

以下のリンクが参考になると思います。

9.複雑なフォームを作成する - Action View フォームヘルパー | Railsガイド

今回の例だと、「9.2 ネストしたフォーム」の章を参考に、表示用の空データを作成(build)するのが良いでしょう。
例えば、『2月1日の予約データは存在しないけど、画面には2月1日の行を出したい』という場合、以下のように2月1日のデータを build します。

day = Date.new(2021, 2, 1)
@user.receptions.build(date_of_use: day)

一ヶ月分を画面に表示したい場合、one_month をループで回して、それぞれの日付で build すればOKです。
具体的なコードを以下に示します。

controller

  def month_edit
    @first_day = Date.current.beginning_of_month
    @last_day = @first_day.end_of_month
    one_month = [*@first_day..@last_day]

-   @receptions = current_user.receptions.where(date_of_use: one_month)
-   unless one_month.count == current_user.receptions.count
-     ActiveRecord::Base.transaction do
-       one_month.each { |day| current_user.receptions.where(date_of_use: day) }
-     end
-     @receptions = current_user.receptions.where(date_of_use: one_month)
-   end
+   # 予約済みの日付を配列で取得
+   reception_dates = @user.receptions.where(date_of_use: one_month).pluck(:date_of_use)
+
+   # 予約のない日があれば、表示用に空データを作成
+   one_month.each do |day|
+     next if reception_dates.include?(day)
+     @user.receptions.build(date_of_use: day)
+   end
+
+   # 日付順に並び替える
+   @user.receptions.sort_by!(&:date_of_use)

  rescue ActiveRecord::RecordInvalid
    flash[:danger] = "ページ情報の取得に失敗しました、再アクセスしてください。"
    redirect_to root_url
  end

--

view

viewの方は、現在以下のように記述されていますが、

  <% @receptions.each do |day| %>
  <%= f.fields_for "receptions[]", day do |r| %>
    ...
  <% end %>
  <% end %>

あまり一般的ではない書き方に見えます。

外側の each は削除した方が、標準の書き方に近くなり、Railsガイドの書き方をそのまま参考に出来るので楽かと思います。

        <tbody>
-         <% @receptions.each do |day| %>
-         <%= f.fields_for "receptions[]", day do |r| %>
+         <%= f.fields_for :receptions do |r| %>
            ...
-         <% end %>
          <% end %>
        </tbody>

--

保存処理１：余分な空データを弾く

表示用に空データを作成していますので、保存時にその空データを弾かなければなりません。

詳しいやり方は、一番最初に貼ったリンクの「9.5 空のレコードができないようにする」の章を参考にしてください。

--

保存処理２：コントローラーのコード例

一番最初に貼ったリンクの「9.3 コントローラ」の章が参考になると思います。

リンク先は create 版しか書いてないので、一応 update 版も載せておきます。

  def month_update
    if @user.update(month_reception_params)
      # 保存成功時の処理
      # ...
    else
      render :month_edit
    end
  end

  private

    def month_reception_params
      params.require(:user).permit(receptions_attributes: [:id, :request, ... , :remarks])
    end

Comments

[zoff77]

大変詳細なご回答、ありがとうございます。
ご記載下さった通りに修正いたしました！！
erbにて<%= f.fields_for :receptions do |r| %>にしたので、<td><%= l(day.date_of_use, format: :short) %></td>でdayが参照されずに、エラーが出てしまいました。
こちらはどのように参照すれば良いのでしょうか。。。
お時間許す際で構いませんので、教えていただけると幸いです。

[shinoharat2]

おっと、、、すみません、見落としていました。
「day」の部分をそのまま「r.object」に置き換えられるはずです。ご確認ください。

[zoff77]

無事にできました！！
ご丁寧に教えて下さり、ありがとございました。
初めて、知る内容もあったので大変勉強になりました。