| | | 1 | | @inherits TaskListBase |
| | | 2 | | @using Pomodoro.Web.Models |
| | | 3 | | |
| | | 4 | | <div class="task-list"> |
| | | 5 | | <div class="task-list-header"> |
| | | 6 | | <h3>📋 TASKS</h3> |
| | | 7 | | </div> |
| | | 8 | | |
| | | 9 | | <div class="add-task-section"> |
| | 369 | 10 | | @if (IsAddingTask) |
| | 14 | 11 | | { |
| | | 12 | | <div class="add-task-form"> |
| | | 13 | | <input type="text" |
| | | 14 | | @bind="NewTaskName" |
| | | 15 | | @bind:event="oninput" |
| | | 16 | | @onkeydown="HandleKeyPress" |
| | | 17 | | placeholder="Enter task name..." |
| | | 18 | | class="task-input" /> |
| | | 19 | | <button class="btn-icon-small btn-add" @onclick="HandleAddTask" disabled="@IsAddDisabled" title="Add"> |
| | | 20 | | + |
| | | 21 | | </button> |
| | | 22 | | <button class="btn-icon-small btn-cancel" @onclick="CancelAddTask" title="Cancel"> |
| | | 23 | | ✕ |
| | | 24 | | </button> |
| | | 25 | | </div> |
| | 14 | 26 | | } |
| | | 27 | | else |
| | 355 | 28 | | { |
| | | 29 | | <button class="btn-add-task" @onclick="StartAddTask"> |
| | | 30 | | + Add Task |
| | | 31 | | </button> |
| | 355 | 32 | | } |
| | | 33 | | </div> |
| | | 34 | | |
| | | 35 | | <div class="task-items"> |
| | 1210 | 36 | | @foreach (var task in Tasks.Where(t => !t.IsCompleted).OrderByDescending(t => t.LastWorkedOn ?? t.CreatedAt)) |
| | 24 | 37 | | { |
| | | 38 | | <TaskItemComponent |
| | | 39 | | Item="task" |
| | | 40 | | IsSelected="task.Id == CurrentTaskId" |
| | | 41 | | OnSelect="HandleTaskSelect" |
| | | 42 | | OnComplete="HandleTaskComplete" |
| | | 43 | | OnDelete="HandleTaskDelete" |
| | | 44 | | OnUncomplete="HandleTaskUncomplete" /> |
| | 24 | 45 | | } |
| | | 46 | | |
| | 399 | 47 | | @if (Tasks.Any(t => t.IsCompleted)) |
| | 6 | 48 | | { |
| | | 49 | | <div class="completed-section"> |
| | | 50 | | <h4>Completed</h4> |
| | 48 | 51 | | @foreach (var task in Tasks.Where(t => t.IsCompleted).OrderByDescending(t => t.LastWorkedOn ?? t.Created |
| | 7 | 52 | | { |
| | | 53 | | <TaskItemComponent |
| | | 54 | | Item="task" |
| | | 55 | | IsSelected="false" |
| | | 56 | | OnSelect="HandleTaskSelect" |
| | | 57 | | OnComplete="HandleTaskComplete" |
| | | 58 | | OnDelete="HandleTaskDelete" |
| | | 59 | | OnUncomplete="HandleTaskUncomplete" /> |
| | 7 | 60 | | } |
| | | 61 | | </div> |
| | 6 | 62 | | } |
| | | 63 | | </div> |
| | | 64 | | </div> |