Jean-Luc Makiola
4e3a3ed3c2
- 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>
95 lines
2.9 KiB
Dart
95 lines
2.9 KiB
Dart
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,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|