From c706aa25613883f1f580f72fc492ec462d531511 Mon Sep 17 00:00:00 2001
From: Joshua Coles <josh@coles.to>
Date: Fri, 6 Oct 2023 21:04:34 +0100
Subject: [PATCH] Add status symbols for upcoming prep and review entries

---
 app/views/attendance_tracker/index.html.erb | 24 ++++++++++++---------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/app/views/attendance_tracker/index.html.erb b/app/views/attendance_tracker/index.html.erb
index e5664d6..07fbc11 100644
--- a/app/views/attendance_tracker/index.html.erb
+++ b/app/views/attendance_tracker/index.html.erb
@@ -58,26 +58,30 @@
                       <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
                       </td>
                     <% else %>
-                      <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500 flex justify-center" data-controller="popover">
-                        <div data-action="mouseenter->popover#show mouseleave->popover#hide">
+                      <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500" data-controller="popover" data-action="mouseenter->popover#show mouseleave->popover#hide">
+                        <div class="flex flex-row gap-2">
                           <% if lecture.attendance.nil? %>
                             <i class="fa fa-times text-red-700"></i>
                           <% elsif lecture.attendance.kind == 'concurrent' %>
+                            <i class="fa fa-hourglass-start text-green-700"></i>
+
                             <i class="fa fa-chalkboard-user text-green-700"></i>
+
+                            <i class="fa fa-hourglass-end text-green-700"></i>
                           <% elsif lecture.attendance.kind == 'catchup' %>
                             <i class="fa fa-video text-green-700"></i>
                           <% else %>
                             <% lecture.attendance.kind %>
                           <% end %>
-
-                          <template data-popover-target="content">
-                            <% if lecture.attendance.present? %>
-                              <div class="absolute p-1 w-max whitespace-normal break-words rounded-lg border border-blue-gray-50 bg-white   text-blue-gray-500 shadow-lg shadow-blue-gray-500/10 focus:outline-none" data-popover-target="card">
-                                In lecture: <%= lecture.attendance.duration.in_minutes.round %> minutes
-                              </div>
-                            <% end %>
-                          </template>
                         </div>
+
+                        <template data-popover-target="content">
+                          <% if lecture.attendance.present? %>
+                            <div class="absolute p-1 w-max whitespace-normal break-words rounded-lg border border-blue-gray-50 bg-white   text-blue-gray-500 shadow-lg shadow-blue-gray-500/10 focus:outline-none" data-popover-target="card">
+                              In lecture: <%= lecture.attendance.duration.in_minutes.round %> minutes
+                            </div>
+                          <% end %>
+                        </template>
                       </td>
 
                       <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">