Show multiple courses
This commit is contained in:
parent
a36284b73e
commit
34c5f771ad
@ -1,5 +1,5 @@
|
||||
class AttendanceTrackerController < ApplicationController
|
||||
def index
|
||||
@course = Course.first
|
||||
@courses = Course.all
|
||||
end
|
||||
end
|
||||
|
||||
@ -1,76 +1,78 @@
|
||||
<h1 class="text-3xl font-medium">Attendance Tracker</h1>
|
||||
|
||||
<div class="px-4 sm:px-6 lg:px-8">
|
||||
<div class="mt-8 flow-root">
|
||||
<div class="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
|
||||
<div class="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8">
|
||||
<div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg">
|
||||
<h2 class="text-2xl p-2 px-4"><%= @course.title %></h2>
|
||||
<% @courses.each do |course| %>
|
||||
<div class="mt-8 flow-root">
|
||||
<div class="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
|
||||
<div class="inline-block py-2 align-middle sm:px-6 lg:px-8">
|
||||
<div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg">
|
||||
<h2 class="text-2xl p-2 px-4"><%= course.title %></h2>
|
||||
|
||||
<table class="border-t-2 min-w-full divide-y divide-gray-300">
|
||||
<thead class="bg-gray-50">
|
||||
<tr>
|
||||
<th scope="col" class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6">Lecture</th>
|
||||
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Date</th>
|
||||
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Status</th>
|
||||
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200 bg-white">
|
||||
|
||||
<% @course.lectures.group_by { |lecture| lecture.week_number }.each do |(week_number, lectures)| %>
|
||||
<tr class="border-t border-gray-200">
|
||||
<th colspan="4" scope="colgroup" class="bg-gray-50 py-2 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6">Week <%= week_number %></th>
|
||||
<table class="border-t-2 divide-y divide-gray-300">
|
||||
<thead class="bg-gray-50">
|
||||
<tr>
|
||||
<th scope="col" class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6">Lecture</th>
|
||||
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Date</th>
|
||||
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Status</th>
|
||||
<th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900">Action</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-gray-200 bg-white">
|
||||
|
||||
<% lectures.each do |lecture| %>
|
||||
<tr>
|
||||
<td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6">
|
||||
<%= lecture.title %>
|
||||
</td>
|
||||
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
|
||||
<%= lecture.start_time.to_fs(:dmy) %>
|
||||
</td>
|
||||
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
|
||||
<% if lecture.status == 'future' %>
|
||||
Future
|
||||
<% elsif lecture.status == 'happening_now' %>
|
||||
Happening Now
|
||||
<% elsif lecture.status == 'attended_in_person' %>
|
||||
<i class="fa fa-chalkboard-user fa-green-700"></i>
|
||||
<% elsif lecture.status == 'watched_recording' %>
|
||||
<i class="fa fa-video fa-green-700"></i>
|
||||
<% elsif lecture.status == 'missed' %>
|
||||
<i class="fa fa-times text-red-700"></i>
|
||||
<% else %>
|
||||
<% lecture.status %>
|
||||
<% end %>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
|
||||
<% if lecture.status == 'future' %>
|
||||
<% elsif lecture.status == 'happening_now' && lecture.live_video_url.present? %>
|
||||
<% link_to "Open live", lecture.live_video_url %>
|
||||
<% elsif lecture.status == 'attended_in_person' %>
|
||||
<% link_to "Open recording", lecture.recording_url %>
|
||||
<i class="fa fa-chalkboard-user fa-green-700"></i>
|
||||
<% elsif lecture.status == 'watched_recording' %>
|
||||
<i class="fa fa-video fa-green-700"></i>
|
||||
<% elsif lecture.status == 'missed' %>
|
||||
<button type="button" class="rounded bg-indigo-600 px-2 py-1 font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
|
||||
Start
|
||||
</button>
|
||||
<% else %>
|
||||
<% lecture.status %>
|
||||
<% end %>
|
||||
</td>
|
||||
<% course.lectures.group_by { |lecture| lecture.week_number }.each do |(week_number, lectures)| %>
|
||||
<tr class="border-t border-gray-200">
|
||||
<th colspan="4" scope="colgroup" class="bg-gray-50 py-2 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6">Week <%= week_number %></th>
|
||||
</tr>
|
||||
|
||||
<% lectures.each do |lecture| %>
|
||||
<tr>
|
||||
<td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6">
|
||||
<%= lecture.title %>
|
||||
</td>
|
||||
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
|
||||
<%= lecture.start_time.to_fs(:dmy) %>
|
||||
</td>
|
||||
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
|
||||
<% if lecture.status == 'future' %>
|
||||
Future
|
||||
<% elsif lecture.status == 'happening_now' %>
|
||||
Happening Now
|
||||
<% elsif lecture.status == 'attended_in_person' %>
|
||||
<i class="fa fa-chalkboard-user fa-green-700"></i>
|
||||
<% elsif lecture.status == 'watched_recording' %>
|
||||
<i class="fa fa-video fa-green-700"></i>
|
||||
<% elsif lecture.status == 'missed' %>
|
||||
<i class="fa fa-times text-red-700"></i>
|
||||
<% else %>
|
||||
<% lecture.status %>
|
||||
<% end %>
|
||||
</td>
|
||||
|
||||
<td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
|
||||
<% if lecture.status == 'future' %>
|
||||
<% elsif lecture.status == 'happening_now' && lecture.live_video_url.present? %>
|
||||
<% link_to "Open live", lecture.live_video_url %>
|
||||
<% elsif lecture.status == 'attended_in_person' %>
|
||||
<% link_to "Open recording", lecture.recording_url %>
|
||||
<i class="fa fa-chalkboard-user fa-green-700"></i>
|
||||
<% elsif lecture.status == 'watched_recording' %>
|
||||
<i class="fa fa-video fa-green-700"></i>
|
||||
<% elsif lecture.status == 'missed' %>
|
||||
<button type="button" class="rounded bg-indigo-600 px-2 py-1 font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
|
||||
Start
|
||||
</button>
|
||||
<% else %>
|
||||
<% lecture.status %>
|
||||
<% end %>
|
||||
</td>
|
||||
</tr>
|
||||
<% end %>
|
||||
<% end %>
|
||||
<% end %>
|
||||
</tbody>
|
||||
</table>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user