2

Rails 5でスタッフの勤務表/スケジューリングアプリを構築しようとしています。アイデアは、各スタッフメンバーがログインして勤務可能な日を入力できるユーザーアカウントを持ち、上司がシフトを予約できるようにすることです可用性に基づいています。そのようなサイトの良い例はhttps://www.findmyshift.com/です。

サイトの主要部分はカレンダーであり、各ユーザーはカレンダーの独自のインスタンスを持っています。各ユーザーは、カレンダー テーブルに独自の行を持ち、各行に曜日が表示されます。

FullCalendar や dhtmlxScheduler など、いくつかのプラグインを調べましたが、ゼロからやってみることにしました。このRailscastに基づいて基本的なカレンダーを作成することができました。これは問題なく動作します。この 3 つの主要な部分は次のとおりです。

home_controller.rb:

class HomeController < ApplicationController
  def index
    @date = params[:date] ? Date.parse(params[:date]) : Date.today
  end
end

index.html.erb:

<div id="roster">
    <h2 id="month">
        <%= link_to "<", date: @date.prev_week %>
        <%= @date.strftime("%B %Y") %>
        <%= link_to ">", date: @date.next_week %>
    </h2>
    <%= calendar @date do |date| %>
        <%= date.day %>
    <% end %>
</div>

calendar_helper.rb:

module CalendarHelper
    def calendar(date = Date.today, &block)
        Calendar.new(self, date, block).table
    end

    class Calendar < Struct.new(:view, :date, :callback)
        HEADER = %w[Monday Tuesday Wednesday Thursday Friday Saturday Sunday]
        START_DAY = :monday

        delegate :content_tag, to: :view

        def table
            content_tag :table, class: "calendar" do
                header + week_rows 
            end
        end

        def header
            content_tag :tr do
                HEADER.map { |day| content_tag :th, day }.join.html_safe
            end
        end

        def week_rows
            weeks.map do |week|
                content_tag :tr do
                    week.map { |day| day_cell(day) }.join.html_safe
                end
            end.join.html_safe
        end

        def day_cell(day)
            content_tag :td, view.capture(day, &callback), class: day_classes(day)
        end

        def day_classes(day)
            classes = []
            classes << "today" if day == Date.today
            classes << "notmonth" if day.month != date.month
            classes.empty? ? nil : classes.join(" ")
        end

        def weeks
            first = date.beginning_of_week(START_DAY)
            last = date.end_of_week(START_DAY)
            (first..last).to_a.in_groups_of(7)
        end
    end
end

繰り返しますが、これはすべて正常に機能します。1 週間の行が表示され、矢印で時間を前後に移動できます。私が望むのは、ユーザーごとに1週間の行を持つことです。ビューテンプレートで各ユーザーのカレンダーを単純にレンダリングできることは承知していますが、これにはヘッダー、週セレクター、週行のすべてが含まれます。同じテーブルの一部として、1 つのヘッダーと週のセレクター、次に各ユーザーの週の行が必要です。

私の推測では、calendar_helper.rb のどこかに各ユーザーを反復処理して、ユーザーごとに行を追加する必要がありますが、どのように進めればよいかわかりません。どんな助けでも大歓迎です:)

編集：

最初の画像は私が今持っているもので、2 番目の画像は私が達成したいものです - ユーザー数に基づいて動的にレンダリングされる、カレンダーの週の行の複数のインスタンス。

ここに画像の説明を入力

ここに画像の説明を入力

4

0 に答える 0