41 lines
1.7 KiB
Plaintext
41 lines
1.7 KiB
Plaintext
<h1 class="text-3xl font-medium">Today</h1>
|
|
|
|
<div class="mt-4 py-2 w-full">
|
|
<div class="overflow-hidden shadow ring-1 ring-black ring-opacity-5 rounded-lg">
|
|
<div class="divide-y divide-gray-300 w-full">
|
|
<div class="flex py-3.5 justify-between bg-gray-50 text-left text-sm font-semibold text-gray-900 px-6 grid today-table-grid">
|
|
<div>Course</div>
|
|
<div>Lecture</div>
|
|
<div>Status</div>
|
|
<div>Action</div>
|
|
</div>
|
|
|
|
<% @lectures.each do |lecture| %>
|
|
<% status_classes = class_names({
|
|
'lecture-future': lecture.start_time.future?,
|
|
'bg-purple-100': lecture == @current_lecture,
|
|
'bg-green-100': lecture.attended?,
|
|
}) %>
|
|
|
|
<div class="px-6 py-4 flex justify-between items-center grid today-table-grid gap-2 <%= status_classes %>">
|
|
<div class="whitespace-nowrap text-sm font-medium text-gray-900">
|
|
<%= lecture.course.title %>
|
|
</div>
|
|
|
|
<div class="whitespace-nowrap text-sm font-medium text-gray-900">
|
|
<%= lecture.title %>
|
|
</div>
|
|
|
|
<div class="whitespace-nowrap text-sm font-medium text-gray-900" data-controller="popover" data-action="mouseenter->popover#show mouseleave->popover#hide">
|
|
<%= render partial: 'lectures/lecture_status_icons', locals: { lecture: } %>
|
|
</div>
|
|
|
|
<div class="whitespace-nowrap text-sm font-medium text-gray-900">
|
|
<%= render partial: 'lectures/lecture_action', locals: { lecture: } %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|