62 lines
		
	
	
		
			2.3 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
			
		
		
	
	
			62 lines
		
	
	
		
			2.3 KiB
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
| <tr class="<%= class_names({
 | |
|                              'lecture-future': work_item.available_from.future?,
 | |
|                              'bg-purple-200': work_item.workable?,
 | |
|                              'bg-green-100': work_item.completed?,
 | |
|                            }) %>">
 | |
|   <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6">
 | |
|     <%= work_item.title %>
 | |
|   </td>
 | |
| 
 | |
|   <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
 | |
|     <% if work_item.started? && !work_item.completed? %>
 | |
|       <%= button_to "Complete",
 | |
|                     work_item_complete_path(work_item),
 | |
|                     class: 'action-button'
 | |
|       %>
 | |
|     <% end %>
 | |
|   </td>
 | |
| 
 | |
|   <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 justify-center">
 | |
|       <% if work_item.completed? %>
 | |
|         <i class="fa fa-check text-green-700"></i>
 | |
|       <% elsif work_item.started? %>
 | |
|         <i class="fa fa-pen text-blue-700"></i>
 | |
|       <% else %>
 | |
|         <%# Symbol to show work has not started yet %>
 | |
|         <i class="fa fa-clock text-blue-gray-700"></i>
 | |
|       <% end %>
 | |
|     </div>
 | |
| 
 | |
|     <template data-popover-target="content">
 | |
|       <% if work_item.started? %>
 | |
|         <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">
 | |
|           <div>
 | |
|             Time spent: <%= humanise_duration(work_item.total_overall_time) %>
 | |
|           </div>
 | |
|         </div>
 | |
|       <% end %>
 | |
|     </template>
 | |
|   </td>
 | |
| 
 | |
|   <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
 | |
|     <% if work_item.workable? %>
 | |
|       <% start_label = if work_item.started? then
 | |
|                          "Continue"
 | |
|                        else
 | |
|                          "Start"
 | |
|                        end %>
 | |
|       <%= button_to start_label,
 | |
|                     work_item_start_time_entry_path(work_item),
 | |
|                     class: 'action-button'
 | |
|       %>
 | |
|     <% end %>
 | |
|   </td>
 | |
| 
 | |
|   <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
 | |
|     <% if work_item.document_link.present? %>
 | |
|       <%= link_to "Open recording", work_item.document_link %>
 | |
|     <% end %>
 | |
|   </td>
 | |
| </tr>
 |