feat(03-02): add DailyPlanTaskRow and ProgressCard widgets

- DailyPlanTaskRow: task name, tappable room tag, relative date (coral if overdue), optional checkbox, no row-tap - ProgressCard: "X von Y erledigt" with LinearProgressIndicator Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-16 12:35:44 +01:00
parent 67e55f2245
commit 4e3a3ed3c2
2 changed files with 145 additions and 0 deletions
--- a/lib/features/home/presentation/daily_plan_task_row.dart
+++ b/lib/features/home/presentation/daily_plan_task_row.dart
@@ -0,0 +1,94 @@
+import 'package:flutter/material.dart';
+import 'package:go_router/go_router.dart';
+
+import 'package:household_keeper/features/home/domain/daily_plan_models.dart';
+import 'package:household_keeper/features/tasks/domain/relative_date.dart';
+
+/// Warm coral/terracotta color for overdue indicators.
+const _overdueColor = Color(0xFFE07A5F);
+
+/// A task row for the daily plan screen.
+///
+/// Shows task name, a tappable room name tag (navigates to room task list),
+/// relative due date (coral if overdue), and an optional checkbox.
+///
+/// Per user decisions:
+/// - NO onTap or onLongPress on the row itself
+/// - Only the checkbox and room name tag are interactive
+/// - Checkbox is hidden for tomorrow (read-only preview) tasks
+class DailyPlanTaskRow extends StatelessWidget {
+  const DailyPlanTaskRow({
+    super.key,
+    required this.taskWithRoom,
+    required this.showCheckbox,
+    this.onCompleted,
+  });
+
+  final TaskWithRoom taskWithRoom;
+  final bool showCheckbox;
+  final VoidCallback? onCompleted;
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    final task = taskWithRoom.task;
+
+    final now = DateTime.now();
+    final today = DateTime(now.year, now.month, now.day);
+    final dueDate = DateTime(
+      task.nextDueDate.year,
+      task.nextDueDate.month,
+      task.nextDueDate.day,
+    );
+    final isOverdue = dueDate.isBefore(today);
+    final relativeDateText = formatRelativeDate(task.nextDueDate, now);
+
+    return ListTile(
+      leading: showCheckbox
+          ? Checkbox(
+              value: false,
+              onChanged: (_) => onCompleted?.call(),
+            )
+          : null,
+      title: Text(
+        task.name,
+        style: theme.textTheme.titleMedium,
+        maxLines: 1,
+        overflow: TextOverflow.ellipsis,
+      ),
+      subtitle: Row(
+        children: [
+          GestureDetector(
+            onTap: () => context.go('/rooms/${taskWithRoom.roomId}'),
+            child: Container(
+              padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 2),
+              decoration: BoxDecoration(
+                color: theme.colorScheme.secondaryContainer,
+                borderRadius: BorderRadius.circular(4),
+              ),
+              child: Text(
+                taskWithRoom.roomName,
+                style: theme.textTheme.labelSmall?.copyWith(
+                  color: theme.colorScheme.onSecondaryContainer,
+                ),
+              ),
+            ),
+          ),
+          const SizedBox(width: 8),
+          Flexible(
+            child: Text(
+              relativeDateText,
+              style: theme.textTheme.bodySmall?.copyWith(
+                color: isOverdue
+                    ? _overdueColor
+                    : theme.colorScheme.onSurfaceVariant,
+              ),
+              maxLines: 1,
+              overflow: TextOverflow.ellipsis,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}