Implemented the TaskListView view and its respective view model in the app target.

2026-02-10 16:15:17 +01:00
parent 1385f0df34
commit 8d3be6de14
4 changed files with 179 additions and 0 deletions
@@ -0,0 +1,99 @@
+import SwiftData
+import SwiftUI
+
+/// A view that displays all todo tasks for a specific task group.
+///
+/// This view shows a filtered list of tasks based on the selected group (today, upcoming, past, or completed).
+/// The view uses a view model to separate business logic from presentation.
+struct TaskListView: View {
+    
+    // MARK: Properties
+    
+    /// Query to fetch todos filtered by the current group.
+    @Query
+    private var tasks: [Todo]
+    
+    /// The view model managing the business logic for this view.
+    @State
+    private var viewModel: ViewModel
+
+    // MARK: Initialization
+    
+    /// Creates a new task list view for a specific group.
+    /// - Parameter group: The todo group to display tasks for.
+    init(group: TodoGroup) {
+        _tasks = .init(FetchDescriptor<Todo>(group: group))
+        _viewModel = .init(initialValue: ViewModel(group: group))
+    }
+    
+    // MARK: Body
+    
+    /// The content and behavior of the view.
+    ///
+    /// Displays a list of tasks filtered by the current group.
+    var body: some View {
+        Group {
+            if tasks.isEmpty {
+                ContentUnavailableView(
+                    "view.task-list.content-unavailable.title",
+                    systemImage: "checkmark.circle"
+                )
+            } else {
+                List {
+                    ForEach(tasks) { todo in
+                        Item(todo)
+                    }
+                }
+                .listStyle(.grouped)
+            }
+        }
+        .navigationTitle(viewModel.navigationTitle)
+    }
+}
+
+// MARK: - Previews
+
+#Preview(
+    "Task list with empty tasks",
+    traits: .emptyContainer
+) {
+    NavigationStack {
+        TaskListView(group: .today)
+    }
+}
+
+#Preview(
+    "Task list - today",
+    traits: .sampleTasks
+) {
+    NavigationStack {
+        TaskListView(group: .today)
+    }
+}
+
+#Preview(
+    "Task list - upcoming",
+    traits: .sampleTasks
+) {
+    NavigationStack {
+        TaskListView(group: .upcoming)
+    }
+}
+
+#Preview(
+    "Task list - overdue",
+    traits: .sampleTasks
+) {
+    NavigationStack {
+        TaskListView(group: .overdue)
+    }
+}
+
+#Preview(
+    "Task list - completed",
+    traits: .sampleTasks
+) {
+    NavigationStack {
+        TaskListView(group: .completed)
+    }
+}