122 lines
5.0 KiB
HTML
122 lines
5.0 KiB
HTML
{% load i18n %}
|
|
<tr id="task-{{ task.pk }}">
|
|
<!-- Toggle -->
|
|
<td class="text-center">
|
|
{% if can_edit or task.assigned_to.user_id == request.user.id %}
|
|
<form method="post"
|
|
action="{% url 'projects:htmx_task_toggle' project_pk=project.pk task_pk=task.pk %}"
|
|
hx-post="{% url 'projects:htmx_task_toggle' project_pk=project.pk task_pk=task.pk %}"
|
|
hx-target="#task-{{ task.pk }}"
|
|
hx-swap="outerHTML"
|
|
class="inline">
|
|
{% csrf_token %}
|
|
<button type="submit" class="p-1 bg-transparent border-none cursor-pointer">
|
|
{% if task.status == 'completed' %}
|
|
<i data-lucide="check-square" class="w-5 h-5 text-green-600"></i>
|
|
{% else %}
|
|
<i data-lucide="square" class="w-5 h-5 text-slate-300 hover:text-blue-500"></i>
|
|
{% endif %}
|
|
</button>
|
|
</form>
|
|
{% else %}
|
|
<span class="inline-block p-1">
|
|
{% if task.status == 'completed' %}
|
|
<i data-lucide="check-square" class="w-5 h-5 text-green-600"></i>
|
|
{% else %}
|
|
<i data-lucide="square" class="w-5 h-5 text-slate-300"></i>
|
|
{% endif %}
|
|
</span>
|
|
{% endif %}
|
|
</td>
|
|
|
|
<!-- Drag Handle -->
|
|
{% if can_edit %}
|
|
<td class="text-center">
|
|
<div class="text-slate-300 hover:text-slate-500 cursor-grab active:cursor-grabbing">
|
|
<i data-lucide="grip-vertical" class="w-4 h-4"></i>
|
|
</div>
|
|
</td>
|
|
{% endif %}
|
|
|
|
<!-- Task Title & Description -->
|
|
<td>
|
|
<div class="flex flex-col">
|
|
{% if can_edit %}
|
|
<span class="text-sm font-semibold text-navy {% if task.status == 'completed' %}line-through text-slate-400{% endif %} cursor-pointer hover:text-blue-600"
|
|
hx-get="{% url 'projects:htmx_task_edit_form' project_pk=project.pk task_pk=task.pk %}"
|
|
hx-target="#taskModalContent"
|
|
onclick="openTaskModal('{% trans "Edit Task" %}')">
|
|
{{ task.title }}
|
|
</span>
|
|
{% else %}
|
|
<span class="text-sm font-semibold {% if task.status == 'completed' %}line-through text-slate-400{% else %}text-navy{% endif %}">
|
|
{{ task.title }}
|
|
</span>
|
|
{% endif %}
|
|
{% if task.description %}
|
|
<span class="text-xs text-slate-500 mt-0.5 truncate max-w-md">{{ task.description }}</span>
|
|
{% endif %}
|
|
</div>
|
|
</td>
|
|
|
|
<!-- Assigned To -->
|
|
<td>
|
|
{% if task.assigned_to %}
|
|
<div class="flex items-center gap-1.5">
|
|
<div class="w-6 h-6 rounded-full bg-blue-100 text-blue-700 flex items-center justify-center text-xs font-bold">
|
|
{{ task.assigned_to.get_full_name|first }}
|
|
</div>
|
|
<span class="text-sm text-slate-700">{{ task.assigned_to.get_full_name }}</span>
|
|
</div>
|
|
{% else %}
|
|
<span class="text-sm text-slate-400">—</span>
|
|
{% endif %}
|
|
</td>
|
|
|
|
<!-- Due Date -->
|
|
<td>
|
|
{% if task.due_date %}
|
|
<span class="text-sm {% if task.due_date < today and task.status != 'completed' %}text-red-600 font-semibold{% else %}text-slate-700{% endif %}">
|
|
{{ task.due_date|date:"M d, Y" }}
|
|
</span>
|
|
{% else %}
|
|
<span class="text-sm text-slate-400">—</span>
|
|
{% endif %}
|
|
</td>
|
|
|
|
<!-- Status -->
|
|
<td>
|
|
<span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-[10px] font-bold uppercase task-status-{{ task.status }}">
|
|
{{ task.get_status_display }}
|
|
</span>
|
|
</td>
|
|
|
|
<!-- Actions -->
|
|
<td>
|
|
<div class="flex items-center gap-1">
|
|
<a href="{% url 'projects:task_detail' task_pk=task.pk %}" target="_blank"
|
|
class="p-1.5 text-navy hover:bg-navy/10 rounded-lg transition"
|
|
title="{% trans 'View notes & attachments' %}">
|
|
<i data-lucide="external-link" class="w-4 h-4"></i>
|
|
</a>
|
|
{% if can_edit %}
|
|
<button hx-get="{% url 'projects:htmx_task_edit_form' project_pk=project.pk task_pk=task.pk %}"
|
|
hx-target="#taskModalContent"
|
|
onclick="openTaskModal('{% trans "Edit Task" %}')"
|
|
class="p-1.5 text-blue hover:bg-blue/50 rounded-lg transition"
|
|
title="{% trans 'Edit' %}">
|
|
<i data-lucide="pencil" class="w-4 h-4"></i>
|
|
</button>
|
|
<button hx-post="{% url 'projects:htmx_task_delete' project_pk=project.pk task_pk=task.pk %}"
|
|
hx-confirm="{% trans 'Are you sure you want to delete this task?' %}"
|
|
hx-target="closest tr"
|
|
hx-swap="delete"
|
|
class="p-1.5 text-red-600 hover:bg-red-50 rounded-lg transition"
|
|
title="{% trans 'Delete' %}">
|
|
<i data-lucide="trash-2" class="w-4 h-4"></i>
|
|
</button>
|
|
{% endif %}
|
|
</div>
|
|
</td>
|
|
</tr>
|