273 lines
9.8 KiB
Dart
273 lines
9.8 KiB
Dart
|
import 'package:flutter/material.dart';
|
||
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
||
|
|
import 'package:flux/features/tasks/blocs/task_list_cubit.dart';
|
||
|
|
import 'package:go_router/go_router.dart';
|
||
|
|
import 'package:flux/core/routes/routes.dart';
|
||
|
|
import 'package:flux/features/tasks/models/task_status.dart'; // Adegua al tuo path
|
||
|
|
import 'package:flux/features/tasks/models/task_model.dart';
|
||
|
|
|
||
|
|
class TaskListScreen extends StatelessWidget {
|
||
|
|
const TaskListScreen({super.key});
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(BuildContext context) {
|
||
|
|
// Usiamo 3 tab per gli stati principali
|
||
|
|
return DefaultTabController(
|
||
|
|
length: 3,
|
||
|
|
child: Scaffold(
|
||
|
|
appBar: AppBar(
|
||
|
|
title: const Text('Gestione Task'),
|
||
|
|
bottom: const TabBar(
|
||
|
|
indicatorColor: Colors.orange,
|
||
|
|
labelColor: Colors.orange,
|
||
|
|
tabs: [
|
||
|
|
Tab(text: 'Da Fare'),
|
||
|
|
Tab(text: 'In Corso'),
|
||
|
|
Tab(text: 'Completati'),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
actions: [
|
||
|
|
IconButton(
|
||
|
|
icon: const Icon(Icons.refresh),
|
||
|
|
onPressed: () => context.read<TaskListCubit>().loadTasks(),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
body: BlocBuilder<TaskListCubit, TaskListState>(
|
||
|
|
builder: (context, state) {
|
||
|
|
if (state.status == TaskListStatus.loading ||
|
||
|
|
state.status == TaskListStatus.initial) {
|
||
|
|
return const Center(child: CircularProgressIndicator());
|
||
|
|
}
|
||
|
|
|
||
|
|
if (state.status == TaskListStatus.failure) {
|
||
|
|
return Center(
|
||
|
|
child: Column(
|
||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
||
|
|
children: [
|
||
|
|
Icon(
|
||
|
|
Icons.error_outline,
|
||
|
|
size: 48,
|
||
|
|
color: Theme.of(context).colorScheme.error,
|
||
|
|
),
|
||
|
|
const SizedBox(height: 16),
|
||
|
|
Text(state.errorMessage ?? 'Errore sconosciuto'),
|
||
|
|
const SizedBox(height: 16),
|
||
|
|
ElevatedButton(
|
||
|
|
onPressed: () =>
|
||
|
|
context.read<TaskListCubit>().loadTasks(),
|
||
|
|
child: const Text('Riprova'),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Filtriamo le 3 liste in memoria per ogni Tab
|
||
|
|
final todoTasks = state.tasks
|
||
|
|
.where((t) => t.status == TaskStatus.open)
|
||
|
|
.toList();
|
||
|
|
final inProgressTasks = state.tasks
|
||
|
|
.where((t) => t.status == TaskStatus.inProgress)
|
||
|
|
.toList();
|
||
|
|
final doneTasks = state.tasks
|
||
|
|
.where((t) => t.status == TaskStatus.completed)
|
||
|
|
.toList(); // Adegua in base ai tuoi enum
|
||
|
|
|
||
|
|
return TabBarView(
|
||
|
|
children: [
|
||
|
|
_buildTaskList(context, todoTasks, 'Nessun task da fare. 🎉'),
|
||
|
|
_buildTaskList(
|
||
|
|
context,
|
||
|
|
inProgressTasks,
|
||
|
|
'Nessun task in lavorazione.',
|
||
|
|
),
|
||
|
|
_buildTaskList(context, doneTasks, 'Nessun task completato.'),
|
||
|
|
],
|
||
|
|
);
|
||
|
|
},
|
||
|
|
),
|
||
|
|
floatingActionButton: FloatingActionButton.extended(
|
||
|
|
backgroundColor: Colors.orange,
|
||
|
|
onPressed: () =>
|
||
|
|
context.pushNamed(Routes.taskForm, pathParameters: {'id': 'new'}),
|
||
|
|
icon: const Icon(Icons.add, color: Colors.white),
|
||
|
|
label: const Text(
|
||
|
|
'Nuovo Task',
|
||
|
|
style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
// --- WIDGET LISTA ---
|
||
|
|
Widget _buildTaskList(
|
||
|
|
BuildContext context,
|
||
|
|
List<TaskModel> tasks,
|
||
|
|
String emptyMessage,
|
||
|
|
) {
|
||
|
|
if (tasks.isEmpty) {
|
||
|
|
return Center(
|
||
|
|
child: Text(
|
||
|
|
emptyMessage,
|
||
|
|
style: TextStyle(
|
||
|
|
color: Theme.of(context).textTheme.bodySmall?.color,
|
||
|
|
fontStyle: FontStyle.italic,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
return RefreshIndicator(
|
||
|
|
onRefresh: () => context.read<TaskListCubit>().loadTasks(),
|
||
|
|
child: ListView.separated(
|
||
|
|
padding: const EdgeInsets.only(
|
||
|
|
top: 16,
|
||
|
|
bottom: 80,
|
||
|
|
left: 16,
|
||
|
|
right: 16,
|
||
|
|
), // Padding bottom per il FAB
|
||
|
|
itemCount: tasks.length,
|
||
|
|
separatorBuilder: (context, index) => const SizedBox(height: 12),
|
||
|
|
itemBuilder: (context, index) {
|
||
|
|
final task = tasks[index];
|
||
|
|
final isOverdue =
|
||
|
|
task.dueDate != null && task.dueDate!.isBefore(DateTime.now());
|
||
|
|
|
||
|
|
return Card(
|
||
|
|
elevation: 2,
|
||
|
|
shape: RoundedRectangleBorder(
|
||
|
|
borderRadius: BorderRadius.circular(12),
|
||
|
|
side: BorderSide(
|
||
|
|
color: Theme.of(context).dividerColor.withValues(alpha: 0.3),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
child: InkWell(
|
||
|
|
borderRadius: BorderRadius.circular(12),
|
||
|
|
onTap: () => context.pushNamed(
|
||
|
|
Routes.taskForm,
|
||
|
|
pathParameters: {'id': task.id!},
|
||
|
|
extra: task,
|
||
|
|
),
|
||
|
|
child: Padding(
|
||
|
|
padding: const EdgeInsets.all(16.0),
|
||
|
|
child: Column(
|
||
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||
|
|
children: [
|
||
|
|
// Riga 1: Badge Globale/Store + Data Scadenza
|
||
|
|
Row(
|
||
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
|
|
children: [
|
||
|
|
Container(
|
||
|
|
padding: const EdgeInsets.symmetric(
|
||
|
|
horizontal: 8,
|
||
|
|
vertical: 4,
|
||
|
|
),
|
||
|
|
decoration: BoxDecoration(
|
||
|
|
color: task.storeId == null
|
||
|
|
? Colors.purple.withValues(alpha: 0.1)
|
||
|
|
: Colors.blue.withValues(alpha: 0.1),
|
||
|
|
borderRadius: BorderRadius.circular(6),
|
||
|
|
),
|
||
|
|
child: Text(
|
||
|
|
task.storeId == null ? 'GLOBALE' : 'STORE',
|
||
|
|
style: TextStyle(
|
||
|
|
fontSize: 10,
|
||
|
|
fontWeight: FontWeight.bold,
|
||
|
|
color: task.storeId == null
|
||
|
|
? Colors.purple
|
||
|
|
: Colors.blue,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
if (task.dueDate != null)
|
||
|
|
Row(
|
||
|
|
children: [
|
||
|
|
Icon(
|
||
|
|
Icons.access_time,
|
||
|
|
size: 14,
|
||
|
|
color: isOverdue ? Colors.red : Colors.grey,
|
||
|
|
),
|
||
|
|
const SizedBox(width: 4),
|
||
|
|
Text(
|
||
|
|
'${task.dueDate!.day}/${task.dueDate!.month}/${task.dueDate!.year}',
|
||
|
|
style: TextStyle(
|
||
|
|
fontSize: 12,
|
||
|
|
fontWeight: isOverdue
|
||
|
|
? FontWeight.bold
|
||
|
|
: FontWeight.normal,
|
||
|
|
color: isOverdue ? Colors.red : Colors.grey,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
const SizedBox(height: 12),
|
||
|
|
|
||
|
|
// Riga 2: Titolo
|
||
|
|
Text(
|
||
|
|
task.title,
|
||
|
|
style: const TextStyle(
|
||
|
|
fontSize: 16,
|
||
|
|
fontWeight: FontWeight.bold,
|
||
|
|
),
|
||
|
|
maxLines: 2,
|
||
|
|
overflow: TextOverflow.ellipsis,
|
||
|
|
),
|
||
|
|
|
||
|
|
// Riga 3 (Opzionale): Descrizione breve
|
||
|
|
if (task.description != null &&
|
||
|
|
task.description!.isNotEmpty) ...[
|
||
|
|
const SizedBox(height: 8),
|
||
|
|
Text(
|
||
|
|
task.description!,
|
||
|
|
style: TextStyle(
|
||
|
|
fontSize: 14,
|
||
|
|
color: Colors.grey.shade600,
|
||
|
|
),
|
||
|
|
maxLines: 2,
|
||
|
|
overflow: TextOverflow.ellipsis,
|
||
|
|
),
|
||
|
|
],
|
||
|
|
|
||
|
|
const SizedBox(height: 16),
|
||
|
|
|
||
|
|
// Riga 4: Assegnatari
|
||
|
|
Row(
|
||
|
|
children: [
|
||
|
|
const Icon(
|
||
|
|
Icons.people_outline,
|
||
|
|
size: 16,
|
||
|
|
color: Colors.grey,
|
||
|
|
),
|
||
|
|
const SizedBox(width: 8),
|
||
|
|
Expanded(
|
||
|
|
child: Text(
|
||
|
|
(task.assignedToStaff.isEmpty)
|
||
|
|
? 'Nessun assegnatario'
|
||
|
|
: task.assignedToStaff
|
||
|
|
.map((s) => s.name)
|
||
|
|
.join(', '),
|
||
|
|
style: const TextStyle(
|
||
|
|
fontSize: 12,
|
||
|
|
color: Colors.grey,
|
||
|
|
),
|
||
|
|
maxLines: 1,
|
||
|
|
overflow: TextOverflow.ellipsis,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
);
|
||
|
|
},
|
||
|
|
),
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|