37 lines
1.7 KiB
Text
37 lines
1.7 KiB
Text
<div class="border-0 rounded bg-white shadow-sm mb-1 px-2 py-2 d-flex align-items-center task-item <%= 'opacity-50' if task.done? %>" data-task-id="<%= task.id %>">
|
|
<div class="row flex-grow-1 align-items-top">
|
|
<div class="col-md-6">
|
|
<span onclick="toggleTaskCompletion(event, <%= task.id %>)" class="toggle-completion">
|
|
<i class="fs-6 bi <%= task.done? ? 'bi-check-circle-fill' : 'bi-circle' %> <%= priority_class(task) %> me-2"></i>
|
|
</span>
|
|
<%= task.name %>
|
|
<% if task.tags.any? %>
|
|
<div class="ms-3 opacity-75 d-inline-block">
|
|
<% task.tags.each do |tag| %>
|
|
<a href="<%= "/tasks?#{update_query_params('tag', tag.name)}" %>" class="badge bg-primary-subtle link-primary text-decoration-none">
|
|
<i class="bi bi-tag-fill me-1 opacity-50"></i><%= tag.name %>
|
|
</a>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<div class="col-md-3 text-end">
|
|
<% if task.project && params[:id].blank? %>
|
|
<a href="/project/<%= task.project.id %>" class="badge border text-decoration-none link-dark bg-light">
|
|
<%= task.project.name %>
|
|
</a>
|
|
<% end %>
|
|
</div>
|
|
<div class="col-md-3 text-end">
|
|
<% if task.due_date %>
|
|
<span class="badge <%= due_date_badge_class(task.due_date) %>">
|
|
<i class="bi bi-clock me-2"></i> <%= format_due_date(task.due_date) %>
|
|
</span>
|
|
<% end %>
|
|
<span class="badge <%= status_badge_class(task.status) %>">
|
|
<i class="bi bi-circle-fill me-1" style="font-size: 0.6em; position: relative; top: -0.15em;"></i>
|
|
<span class="text-dark"><%= task.status.gsub('_', ' ').capitalize %></span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|