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 的某个地方迭代每个用户,为每个用户添加一行,但我不太确定如何继续。任何帮助将非常感激 :)

编辑:

第一个图像是我现在拥有的,第二个图像是我想要实现的 - 日历周行的多个实例,根据用户数量动态呈现。

在此处输入图像描述

在此处输入图像描述

4

0 回答 0