add: view archived tasks button

TaskTrackingSystem.WebApi/Features/Task/TaskController.cs

@@ -30,6 +30,13 @@ namespace TaskTrackingSystem.WebApi.Features.Task
             return Ok(tasks);
         }
 
+        [HttpGet("archived")]
+        public async Task<ActionResult<IEnumerable<TaskDto>>> GetArchivedTasks()
+        {
+            var tasks = await _taskService.GetArchivedTasksAsync(User.GetRoleName(), User.GetUserId());
+            return Ok(tasks);
+        }
+
         [HttpGet("{id}")]
         public async Task<ActionResult<TaskDto>> GetTask(long id)
         {

TaskTrackingSystem.WebApi/Features/Task/TaskService.cs

@@ -50,6 +50,34 @@ namespace TaskTrackingSystem.WebApi.Features.Task
                 }).ToListAsync();
         }
 
+        public async Task<IEnumerable<TaskDto>> GetArchivedTasksAsync(string roleName, long currentUserId)
+        {
+            return await BuildAccessibleTaskQuery(roleName, currentUserId, includeArchived: true)
+                .Where(t => t.IsArchived)
+                .OrderByDescending(t => t.UpdatedAt ?? t.CreatedAt ?? DateTime.UtcNow)
+                .Select(t => new TaskDto
+                {
+                    Id = t.Id,
+                    Title = t.Title,
+                    Description = t.Description,
+                    ProjectId = t.ProjectId,
+                    StatusId = t.StatusId,
+                    PriorityId = t.PriorityId,
+                    AssignedTo = t.AssignedTo,
+                    AssignedBy = t.AssignedBy,
+                    EstimatedHours = t.EstimatedHours,
+                    ActualHours = t.ActualHours,
+                    DueDate = t.DueDate,
+                    CreatedAt = t.CreatedAt ?? DateTime.UtcNow,
+                    IsArchived = t.IsArchived,
+                    CompletedAt = t.TaskHistories
+                        .Where(th => th.NewStatusId == AppTaskStatus.Done)
+                        .OrderBy(th => th.CreatedAt)
+                        .Select(th => th.CreatedAt)
+                        .FirstOrDefault()
+                }).ToListAsync();
+        }
+
         public async Task<TaskDto?> GetTaskByIdAsync(long id, string roleName, long currentUserId)
         {
             var task = await BuildAccessibleTaskQuery(roleName, currentUserId)
@@ -338,9 +366,9 @@ namespace TaskTrackingSystem.WebApi.Features.Task
             return Result<int>.Success(tasksToArchive.Count);
         }
 
-        private IQueryable<TaskTrackingSystem.Database.AppDbContextModels.Task> BuildAccessibleTaskQuery(string roleName, long currentUserId)
+        private IQueryable<TaskTrackingSystem.Database.AppDbContextModels.Task> BuildAccessibleTaskQuery(string roleName, long currentUserId, bool includeArchived = false)
         {
-            var query = _db.Tasks.Where(t => t.IsDeleted != true && !t.IsArchived);
+            var query = _db.Tasks.Where(t => t.IsDeleted != true && (includeArchived || !t.IsArchived));
 
             if (IsAdmin(roleName))
             {

TaskTrackingSystem.WebApp/Components/Pages/KanbanBoard.razor

@@ -37,14 +37,18 @@
                     <option value="@p.Id">@p.Name</option>
                 }
             </select>
-            @if (canUpdateTask)
+            <button @onclick="ToggleArchivedView" class="inline-flex items-center rounded-lg border border-slate-200 bg-white px-4 py-2.5 text-sm font-medium text-slate-700 hover:bg-slate-50 transition-colors shadow-sm">
+                <i data-lucide="@(showArchivedTasks ? "layout-grid" : "archive")" class="h-4 w-4 mr-2 text-slate-500"></i>
+                @(showArchivedTasks ? "Back to Board" : "Archived Tasks")
+            </button>
+            @if (canUpdateTask && !showArchivedTasks)
             {
                 <button @onclick="RequestArchiveDoneConfirmation" class="inline-flex items-center rounded-lg border border-slate-200 bg-white px-4 py-2.5 text-sm font-medium text-slate-700 hover:bg-slate-50 transition-colors shadow-sm">
                     <i data-lucide="archive" class="h-4 w-4 mr-2 text-slate-500"></i>
                     Archive Done
                 </button>
             }
-            @if (canCreateTask)
+            @if (canCreateTask && !showArchivedTasks)
             {
                 <button @onclick="OpenCreateTaskModal" class="inline-flex items-center rounded-lg bg-violet-600 px-4 py-2.5 text-sm font-medium text-white hover:bg-violet-700 transition-colors shadow-sm">
                     <i data-lucide="plus" class="h-4 w-4 mr-2"></i>
@@ -73,8 +77,11 @@
     else
     {
         <!-- Kanban Columns -->
-        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
-            @foreach (var column in columns)
+        <div class="mb-2 text-sm text-slate-500">
+            @(showArchivedTasks ? "Viewing archived tasks." : "Drag tasks between columns to update their status.")
+        </div>
+        <div class="grid grid-cols-1 @(showArchivedTasks ? "md:grid-cols-1" : "md:grid-cols-3") gap-6">
+            @foreach (var column in VisibleColumns)
             {
                 var tasksInColumn = VisibleTasks.Where(t => t.StatusId == column.StatusId).ToList();
                 <div @key="column.StatusId" class="flex flex-col rounded-xl border border-slate-200 bg-slate-50/50 overflow-hidden min-h-[400px]">
@@ -88,7 +95,7 @@
                     </div>
 
                     <!-- Cards -->
-                    <div class="flex-1 p-3 space-y-3 overflow-y-auto transition-colors @(dropTargetStatus == column.StatusId ? "bg-slate-100" : "")"
+                    <div class="flex-1 p-3 space-y-3 overflow-y-auto transition-colors @((!showArchivedTasks && dropTargetStatus == column.StatusId) ? "bg-slate-100" : "")"
                          @ondrop="() => HandleDrop(column.StatusId)"
                          @ondragenter="() => HandleDragEnter(column.StatusId)"
                          @ondragleave="HandleDragLeave"
@@ -98,9 +105,9 @@
                         {
                             @foreach (var task in tasksInColumn)
                             {
-                                <div @key="task.Id" class="select-none rounded-lg border border-slate-200 bg-white p-4 shadow-sm hover:shadow-md transition-shadow @(canUpdateTask ? "cursor-grab active:cursor-grabbing" : "cursor-default")"
+                                <div @key="task.Id" class="select-none rounded-lg border border-slate-200 bg-white p-4 shadow-sm hover:shadow-md transition-shadow @((canUpdateTask && !showArchivedTasks) ? "cursor-grab active:cursor-grabbing" : "cursor-default")"
                                      data-task-id="@task.Id"
-                                     draggable="@(canUpdateTask ? "true" : "false")"
+                                     draggable="@((canUpdateTask && !showArchivedTasks).ToString().ToLowerInvariant())"
                                      @ondragstart="() => HandleDragStart(task)"
                                      @ondragend="HandleDragEnd">
                                     <div class="flex items-start justify-between">
@@ -113,6 +120,10 @@
                                     }
                                     <div class="flex items-center justify-between mt-3 pt-3 border-t border-slate-50">
                                         <span class="text-xs text-slate-400">Due @DisplayFormats.Date(task.DueDate)</span>
+                                        @if (showArchivedTasks)
+                                        {
+                                            <span class="rounded-full bg-slate-100 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-slate-500">Archived</span>
+                                        }
                                     </div>
                                 </div>
                             }
@@ -222,6 +233,7 @@
     private bool isManager = false;
     private bool canCreateTask = false;
     private bool canUpdateTask = false;
+    private bool showArchivedTasks = false;
     private long currentUserId = 0;
     private ProjectDto? project;
     private bool showTaskModal = false;
@@ -268,6 +280,11 @@
             ? tasks.Where(t => t.ProjectId == selectedProjectId)
             : tasks;
 
+    private IEnumerable<KanbanColumn> VisibleColumns =>
+        showArchivedTasks
+            ? columns.Where(column => column.StatusId == AppTaskStatus.Done)
+            : columns;
+
     private Task HandleDragStart(TaskDto task)
     {
         if (!canUpdateTask)
@@ -275,6 +292,11 @@
             return Task.CompletedTask;
         }
 
+        if (showArchivedTasks)
+        {
+            return Task.CompletedTask;
+        }
+
         draggedTask = task;
         dropTargetStatus = null;
         return Task.CompletedTask;
@@ -348,7 +370,7 @@
             var idStr = user.FindFirst(System.Security.Claims.ClaimTypes.NameIdentifier)?.Value;
             if (idStr != null) long.TryParse(idStr, out currentUserId);
 
-            var tasksTask = client.GetFromJsonAsync<List<TaskDto>>("Task", Serialization.CaseInsensitive);
+            var tasksTask = client.GetFromJsonAsync<List<TaskDto>>(showArchivedTasks ? "Task/archived" : "Task", Serialization.CaseInsensitive);
             var projectsTask = client.GetFromJsonAsync<List<ProjectDto>>("Project", Serialization.CaseInsensitive);
             await System.Threading.Tasks.Task.WhenAll(tasksTask, projectsTask);
 
@@ -415,6 +437,15 @@
 
     private void GoBack() => Navigation.NavigateTo("/projects/all");
 
+    private async Task ToggleArchivedView()
+    {
+        showArchivedTasks = !showArchivedTasks;
+        draggedTask = null;
+        dropTargetStatus = null;
+        boardError = null;
+        await LoadTasks();
+    }
+
     private void OnProjectFilterChanged(ChangeEventArgs e)
     {
         selectedProjectId = long.TryParse(e.Value?.ToString(), out var value) ? value : 0;