From 3c55c64b3fad89b87b36ed93372ef4171f0a18bb Mon Sep 17 00:00:00 2001
From: Joshua Coles <josh@coles.to>
Date: Fri, 29 Sep 2023 21:40:52 +0100
Subject: [PATCH] Add future styling

---
 app/views/attendance_tracker/index.html.erb | 23 +++++++++++----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/app/views/attendance_tracker/index.html.erb b/app/views/attendance_tracker/index.html.erb
index be5828c..01a3ff3 100644
--- a/app/views/attendance_tracker/index.html.erb
+++ b/app/views/attendance_tracker/index.html.erb
@@ -25,7 +25,8 @@
                 </tr>
 
                 <% lectures.each do |lecture| %>
-                  <tr>
+                  <% style = if lecture.start_time.future? then 'background: repeating-linear-gradient(45deg, #f3f4f6, #f3f4f6 10px, white 10px, white 20px);' else '' end %>
+                  <tr style="<%= style %>">
                     <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6">
                       <%= lecture.nice_title %>
                     </td>
@@ -52,16 +53,16 @@
                         <% end %>
                       </td>
 
-                      <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
-                        <% if lecture.attendance.nil? %>
-                          <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 %>
-                          <%= link_to "Open recording", lecture.recording_url %>
-                        <% end %>
-                      </td>
-                    <% end %>
+                    <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
+                      <%  if lecture.attendance.nil? %>
+                      <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  %>
+                      <%=  link_to "Open recording", lecture.recording_url  %>
+                      <%  end  %>
+                    </td>
+                    <%  end %>
                   </tr>
                 <% end %>
               <% end %>