468 lines
17 KiB
Dart
468 lines
17 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
import 'package:flux/core/blocs/session/session_cubit.dart';
|
|
import 'package:flux/core/routes/routes.dart';
|
|
import 'package:flux/core/theme/theme.dart';
|
|
import 'package:flux/core/utils/extensions.dart';
|
|
import 'package:flux/core/widgets/staff_selector_modal.dart';
|
|
import 'package:flux/features/home/dashboard_store_operation_list/bloc/dashboard_store_operation_list_cubit.dart';
|
|
import 'package:flux/features/home/dashboard_task_list/blocs/dashboard_task_list_cubit.dart';
|
|
import 'package:flux/features/home/dashboard_task_list/ui/dashboard_tasks_card.dart';
|
|
import 'package:flux/features/home/dashboard_store_operation_list/ui/latest_store_operations_card.dart';
|
|
import 'package:flux/features/home/latest_store_tickets/ui/latest_store_tickets_card.dart';
|
|
import 'package:flux/features/home/ui/quick_actions_widget.dart';
|
|
import 'package:flux/features/master_data/staff/blocs/staff_cubit.dart';
|
|
import 'package:flux/features/master_data/staff/models/staff_member_model.dart';
|
|
import 'package:flux/features/notes/data/notes_repository.dart';
|
|
import 'package:flux/features/notes/models/note_model.dart';
|
|
import 'package:flux/features/notes/ui/dashboard_notes_widget.dart';
|
|
import 'package:get_it/get_it.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
|
|
class HomeScreen extends StatefulWidget {
|
|
const HomeScreen({super.key});
|
|
|
|
@override
|
|
State<HomeScreen> createState() => _HomeScreenState();
|
|
}
|
|
|
|
class _HomeScreenState extends State<HomeScreen> {
|
|
late final AppLifecycleListener _lifecycleListener;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
|
|
// Inizializziamo il sensore del ciclo di vita
|
|
_lifecycleListener = AppLifecycleListener(
|
|
onPause: () {
|
|
// L'utente ha messo l'app in background (es. per rispondere a un messaggio su WhatsApp)
|
|
// Chiudiamo i rubinetti per non sprecare risorse e prevenire crash
|
|
context.read<DashboardStoreOperationListCubit>().stopListening();
|
|
context.read<DashboardTaskListCubit>().stopListening();
|
|
debugPrint('App in background: Stream sospesi.');
|
|
},
|
|
onResume: () {
|
|
// L'utente è tornato sull'app!
|
|
// Riappriamo i rubinetti, Supabase ricreerà una connessione fresca
|
|
context.read<DashboardStoreOperationListCubit>().startListening();
|
|
context.read<DashboardTaskListCubit>().startListening();
|
|
debugPrint('App in foreground: Stream riattivati.');
|
|
},
|
|
);
|
|
|
|
// Facciamo partire gli stream la primissima volta che la schermata si carica
|
|
context.read<DashboardStoreOperationListCubit>().startListening();
|
|
context.read<DashboardTaskListCubit>().startListening();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
// Pulizia fondamentale
|
|
_lifecycleListener.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = Theme.of(context);
|
|
final sessionCubit = GetIt.I.get<SessionCubit>();
|
|
|
|
return MultiBlocProvider(
|
|
providers: [
|
|
BlocProvider<DashboardStoreOperationListCubit>(
|
|
create: (context) => DashboardStoreOperationListCubit(
|
|
companyId: sessionCubit.state.company?.id,
|
|
storeId: sessionCubit.state.currentStore?.id,
|
|
),
|
|
),
|
|
BlocProvider<DashboardTaskListCubit>(
|
|
create: (context) => DashboardTaskListCubit(
|
|
companyId: sessionCubit.state.company?.id,
|
|
staffId: sessionCubit.state.currentStaffMember?.id,
|
|
),
|
|
),
|
|
],
|
|
child: Scaffold(
|
|
backgroundColor: theme.colorScheme.surface,
|
|
body: SafeArea(
|
|
child: Column(
|
|
children: [
|
|
// ==========================================
|
|
// 1. HEADER FISSO (Non scrolla mai)
|
|
// ==========================================
|
|
Container(
|
|
padding: const EdgeInsets.all(24.0),
|
|
// Un leggero colore di sfondo aiuta a staccare l'header quando il contenuto ci passa sotto
|
|
color: theme.colorScheme.surface,
|
|
child: _buildHeader(context, theme),
|
|
),
|
|
|
|
// ==========================================
|
|
// 2. CORPO DELLA DASHBOARD (Scrollabile)
|
|
// ==========================================
|
|
Expanded(
|
|
child: CustomScrollView(
|
|
slivers: [
|
|
// --- QUICK ACTIONS: AZIONI RAPIDE ---
|
|
SliverToBoxAdapter(
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 24.0),
|
|
child: _buildQuickActions(context),
|
|
),
|
|
),
|
|
|
|
const SliverToBoxAdapter(child: SizedBox(height: 32)),
|
|
|
|
// --- I WIDGET DELLA DASHBOARD (Responsive Grid) ---
|
|
SliverPadding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 24.0),
|
|
sliver: SliverGrid(
|
|
gridDelegate:
|
|
const SliverGridDelegateWithMaxCrossAxisExtent(
|
|
maxCrossAxisExtent: 500,
|
|
mainAxisSpacing: 16,
|
|
crossAxisSpacing: 16,
|
|
childAspectRatio: 1.3,
|
|
),
|
|
delegate: SliverChildListDelegate([
|
|
DashboardStoreOperationListCard(),
|
|
LatestStoreTicketsCard(),
|
|
_buildDashboardWidget(
|
|
title: context.l10n.homeExpiringContracts,
|
|
icon: Icons.assignment_late_outlined,
|
|
color: Colors.orange,
|
|
context: context,
|
|
),
|
|
DashboardNotesWidget(),
|
|
DashboardTasksCard(),
|
|
]),
|
|
),
|
|
),
|
|
|
|
// Spazio finale per non far attaccare l'ultima card al fondo
|
|
const SliverToBoxAdapter(child: SizedBox(height: 40)),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// ==========================================
|
|
Widget _buildHeader(BuildContext context, ThemeData theme) {
|
|
final user = context.watch<SessionCubit>().state.currentStaffMember;
|
|
final currentStore = context.watch<SessionCubit>().state.currentStore;
|
|
|
|
return Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
context.l10n.homeWelcomeBack(user?.name ?? "Utente"),
|
|
style: theme.textTheme.headlineMedium?.copyWith(
|
|
fontWeight: FontWeight.bold,
|
|
letterSpacing: -0.5,
|
|
color: context.primaryText, // Uso dell'estensione!
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
|
|
InkWell(
|
|
onTap: () => _showStoreSelector(context, theme),
|
|
borderRadius: BorderRadius.circular(8),
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 12,
|
|
vertical: 6,
|
|
),
|
|
decoration: BoxDecoration(
|
|
color: context.primary.withValues(
|
|
alpha: 0.08,
|
|
), // Sfondo delicato
|
|
borderRadius: BorderRadius.circular(8),
|
|
border: Border.all(
|
|
color: context.primary.withValues(
|
|
alpha: 0.2,
|
|
), // Bordino netto
|
|
),
|
|
),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Icon(Icons.storefront, size: 16, color: context.primary),
|
|
const SizedBox(width: 8),
|
|
Text(
|
|
currentStore?.name ?? context.l10n.homeNoStoreFound,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.w600,
|
|
color: context.primary,
|
|
),
|
|
),
|
|
const SizedBox(width: 4),
|
|
Icon(Icons.arrow_drop_down, color: context.primary),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
CircleAvatar(
|
|
radius: 24,
|
|
// Usiamo il Turchese (accent) in trasparenza per l'avatar
|
|
backgroundColor: context.accent.withValues(alpha: 0.15),
|
|
child: Icon(Icons.person, color: context.accent, size: 26),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildQuickActions(BuildContext context) {
|
|
return SingleChildScrollView(
|
|
scrollDirection: Axis.horizontal,
|
|
child: Row(
|
|
children: [
|
|
QuickActionButton(
|
|
icon: Icons.add,
|
|
label: context.l10n.commonOperation,
|
|
color: Colors.blue,
|
|
onTap: () async {
|
|
StaffMemberModel? createdBy = await getStaffMember(context);
|
|
if (createdBy == null || !context.mounted) return;
|
|
context.pushNamed(
|
|
Routes.operationForm,
|
|
pathParameters: {'id': 'new'},
|
|
extra: (createdBy: createdBy, operation: null),
|
|
);
|
|
},
|
|
),
|
|
const SizedBox(width: 12),
|
|
QuickActionButton(
|
|
icon: Icons.handyman,
|
|
label: context.l10n.homeNewOperationTicket,
|
|
color: Colors.redAccent,
|
|
onTap: () async {
|
|
StaffMemberModel? createdBy = await getStaffMember(context);
|
|
if (createdBy == null || !context.mounted) return;
|
|
context.pushNamed(
|
|
Routes.ticketForm,
|
|
pathParameters: {'id': 'new'},
|
|
extra: (createdBy: createdBy, ticket: null),
|
|
);
|
|
},
|
|
),
|
|
const SizedBox(width: 12),
|
|
QuickActionButton(
|
|
icon: Icons.note_add,
|
|
label: context.l10n.commonNote,
|
|
color: Colors.amber,
|
|
onTap: () async {
|
|
final companyId = context.read<SessionCubit>().state.company!.id!;
|
|
final currentStaffId = context
|
|
.read<SessionCubit>()
|
|
.state
|
|
.currentStaffMember!
|
|
.id!;
|
|
final emptyNote = NoteModel.empty(
|
|
createdBy: currentStaffId,
|
|
companyId: companyId,
|
|
);
|
|
final noteId = await GetIt.I.get<NotesRepository>().saveNote(
|
|
emptyNote,
|
|
);
|
|
if (!context.mounted) return;
|
|
context.pushNamed(
|
|
Routes.noteForm,
|
|
pathParameters: {'id': noteId},
|
|
extra: emptyNote.copyWith(id: noteId),
|
|
);
|
|
},
|
|
),
|
|
const SizedBox(width: 12),
|
|
QuickActionButton(
|
|
icon: Icons.task_alt,
|
|
label: context.l10n.commonTask,
|
|
color: Colors.orange,
|
|
onTap: () {
|
|
context.pushNamed(Routes.taskForm, pathParameters: {'id': 'new'});
|
|
},
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildDashboardWidget({
|
|
required BuildContext context,
|
|
required String title,
|
|
required IconData icon,
|
|
required Color color,
|
|
VoidCallback? onTap,
|
|
}) {
|
|
final theme = Theme.of(context);
|
|
|
|
return Card(
|
|
elevation: 0,
|
|
clipBehavior: Clip.antiAlias,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(16),
|
|
side: BorderSide(color: theme.dividerColor.withValues(alpha: 0.5)),
|
|
),
|
|
child: InkWell(
|
|
onTap: onTap,
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16.0),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Container(
|
|
padding: const EdgeInsets.all(8),
|
|
decoration: BoxDecoration(
|
|
color: color.withValues(alpha: 0.1),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
child: Icon(icon, color: color, size: 20),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Text(
|
|
title,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 16,
|
|
color: context.primaryText,
|
|
),
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
IconButton(
|
|
icon: Icon(
|
|
Icons.more_vert,
|
|
size: 20,
|
|
color: context.secondaryText,
|
|
),
|
|
onPressed: () {},
|
|
padding: EdgeInsets.zero,
|
|
constraints: const BoxConstraints(),
|
|
),
|
|
],
|
|
),
|
|
const Spacer(),
|
|
Center(
|
|
child: Text(
|
|
context.l10n.commonComingSoon,
|
|
style: TextStyle(
|
|
color: context.secondaryText.withValues(alpha: 0.7),
|
|
fontStyle: FontStyle.italic,
|
|
fontSize: 13,
|
|
),
|
|
),
|
|
),
|
|
const Spacer(),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showStoreSelector(BuildContext context, ThemeData theme) {
|
|
showModalBottomSheet(
|
|
context: context,
|
|
shape: const RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.vertical(top: Radius.circular(24)),
|
|
),
|
|
builder: (context) {
|
|
// Leggiamo la lista dei negozi dal Cubit dedicato (se ce l'hai lì)
|
|
// Oppure adatta il blocco se li salvi altrove!
|
|
final staffState = context.watch<StaffCubit>().state;
|
|
final currentStoreId = context
|
|
.read<SessionCubit>()
|
|
.state
|
|
.currentStore
|
|
?.id;
|
|
final currentStaffId = context
|
|
.read<SessionCubit>()
|
|
.state
|
|
.currentStaffMember
|
|
?.id;
|
|
|
|
return SafeArea(
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 24.0),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 24.0),
|
|
child: Text(
|
|
"Seleziona Negozio",
|
|
style: theme.textTheme.titleLarge?.copyWith(
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
if (staffState.status == StaffStatus.loading)
|
|
const Center(child: CircularProgressIndicator())
|
|
else if (staffState.storesByStaff[currentStaffId] == null)
|
|
const Padding(
|
|
padding: EdgeInsets.all(24.0),
|
|
child: Text("Nessun negozio disponibile."),
|
|
)
|
|
else
|
|
...staffState.storesByStaff[currentStaffId]!.map((store) {
|
|
final isSelected = store.id == currentStoreId;
|
|
return ListTile(
|
|
contentPadding: const EdgeInsets.symmetric(
|
|
horizontal: 24.0,
|
|
),
|
|
leading: Icon(
|
|
Icons.storefront,
|
|
color: isSelected
|
|
? theme.colorScheme.primary
|
|
: theme.iconTheme.color,
|
|
),
|
|
title: Text(
|
|
store.name,
|
|
style: TextStyle(
|
|
fontWeight: isSelected
|
|
? FontWeight.bold
|
|
: FontWeight.normal,
|
|
color: isSelected ? theme.colorScheme.primary : null,
|
|
),
|
|
),
|
|
trailing: isSelected
|
|
? Icon(
|
|
Icons.check_circle,
|
|
color: theme.colorScheme.primary,
|
|
)
|
|
: null,
|
|
onTap: () {
|
|
// Cambiamo il negozio nel SessionCubit!
|
|
context.read<SessionCubit>().changeStore(store);
|
|
context.read<StaffCubit>().loadStaffForStore(store.id!);
|
|
Navigator.pop(context);
|
|
},
|
|
);
|
|
}),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|