38 lines
877 B
HTML
38 lines
877 B
HTML
<table class="w-full mt-3">
|
|
<thead>
|
|
<tr>
|
|
<td>Done</td>
|
|
<td>Name</td>
|
|
<td>Due</td>
|
|
<td class="flex"><div class="ml-auto">Actions</div></td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@for (task of tasks.value(); track task.id) {
|
|
<tr>
|
|
<td>
|
|
<input
|
|
(change)="toggleTaskDoneStatus(task)"
|
|
type="checkbox"
|
|
name=""
|
|
[checked]="task.done"
|
|
/>
|
|
</td>
|
|
<td>{{task.title}}</td>
|
|
<td>{{task.dueDate|date}}</td>
|
|
<td class="flex">
|
|
<div class="ml-auto mb-3">
|
|
<button class="btn-secondary mr-3" (click)="editTask(task)">
|
|
Edit</button
|
|
><button
|
|
class="btn-secondary hover:!bg-danger"
|
|
(click)="deleteTask(task)"
|
|
>
|
|
Delete
|
|
</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
</table>
|