brontomark/flux
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fdsg

Browse Source
This commit is contained in:
mark-cachy
2026-05-15 19:18:03 +02:00
parent f4a8314978
commit b5ccb0428d
9 changed files with 620 additions and 294 deletions
Download Patch File Download Diff File Expand all files Collapse all files

157
lib/features/tickets/blocs/ticket_shipping_cubit.dart Normal file
View File

@@ -0,0 +1,157 @@
import 'package:equatable/equatable.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flux/core/blocs/session/session_cubit.dart';
import 'package:flux/features/documents/data/tickets_shipment_repository.dart';
import 'package:flux/features/documents/models/shipment_document_model.dart';
import 'package:flux/features/master_data/providers/models/provider_location_model.dart';
import 'package:flux/features/master_data/providers/models/provider_model.dart';
import 'package:get_it/get_it.dart';
part 'ticket_shipping_state.dart';
class TicketShippingCubit extends Cubit<TicketShippingState> {
final TicketsShipmentRepository _repository =
GetIt.I<TicketsShipmentRepository>();
TicketShippingCubit({required List<String> ticketIds})
: super(
TicketShippingState(
// Inizializziamo il modello direttamente nello stato!
document: ShipmentDocumentModel(
companyId: GetIt.I.get<SessionCubit>().state.company!.id!,
ticketIds: ticketIds,
providerId: '', // Sarà riempito alla selezione
destinationLocationId: '', // Sarà riempito alla selezione
docNumber: '',
docDate: DateTime.now(),
),
),
);
Future<void> loadRepairCenters() async {
emit(state.copyWith(status: TicketShippingStatus.loading));
try {
final repairCenters = await _repository.fetchRepairCenters();
emit(
state.copyWith(
status: TicketShippingStatus.initial,
availableProviders: repairCenters,
),
);
} catch (e) {
emit(
state.copyWith(
status: TicketShippingStatus.failure,
errorMessage: e.toString(),
),
);
}
}
void selectProvider(String providerId) {
final ProviderModel provider = state.availableProviders.firstWhere(
(p) => p.id == providerId,
);
final locations = provider.locations ?? [];
String destinationId = '';
if (locations.length == 1) {
destinationId = locations.first.id ?? '';
} else if (locations.any((l) => l.isMain)) {
destinationId = locations.firstWhere((l) => l.isMain).id ?? '';
}
emit(
state.copyWith(
availableLocations: locations,
document: state.document.copyWith(
providerId: providerId,
destinationLocationId: destinationId,
),
),
);
}
void selectLocation(String locationId) {
emit(
state.copyWith(
document: state.document.copyWith(destinationLocationId: locationId),
),
);
}
void toggleAutoNumber(bool value) {
emit(state.copyWith(isAutoNumber: value));
if (value) {
final nextNumber = "DDT-${DateTime.now().year}-001";
emit(
state.copyWith(
document: state.document.copyWith(docNumber: nextNumber),
),
);
} else {
emit(state.copyWith(document: state.document.copyWith(docNumber: '')));
}
}
// Metodo unico e pulito per aggiornare i campi testuali/numerici del documento
void updateDocument({
String? docNumber,
DateTime? docDate,
int? packageCount,
double? weight,
String? shippingReason,
String? notes,
}) {
emit(
state.copyWith(
document: state.document.copyWith(
docNumber: docNumber,
docDate: docDate,
packageCount: packageCount,
weight: weight,
shippingReason: shippingReason,
notes: notes,
),
),
);
}
Future<void> confirmShipment({required String newTicketStatus}) async {
if (state.document.providerId.isEmpty ||
state.document.destinationLocationId.isEmpty) {
emit(
state.copyWith(
status: TicketShippingStatus.failure,
errorMessage: 'Seleziona laboratorio e sede.',
),
);
return;
}
if (state.document.docNumber.trim().isEmpty) {
emit(
state.copyWith(
status: TicketShippingStatus.failure,
errorMessage: 'Inserisci il numero DDT.',
),
);
return;
}
emit(state.copyWith(status: TicketShippingStatus.loading));
try {
await _repository.createShipmentDocument(
document: state.document,
newTicketStatus: newTicketStatus,
);
emit(state.copyWith(status: TicketShippingStatus.success));
} catch (e) {
emit(
state.copyWith(
status: TicketShippingStatus.failure,
errorMessage: e.toString(),
),
);
}
}
}

51
lib/features/tickets/blocs/ticket_shipping_state.dart Normal file
View File

@@ -0,0 +1,51 @@
part of 'ticket_shipping_cubit.dart';
enum TicketShippingStatus { initial, loading, success, failure }
class TicketShippingState extends Equatable {
final TicketShippingStatus status;
final ShipmentDocumentModel document; // Il nostro eroe!
// Dati di supporto per la UI
final List<ProviderModel> availableProviders;
final List<ProviderLocationModel> availableLocations;
final bool isAutoNumber;
final String? errorMessage;
const TicketShippingState({
this.status = TicketShippingStatus.initial,
required this.document,
this.availableProviders = const [],
this.availableLocations = const [],
this.isAutoNumber = false,
this.errorMessage,
});
TicketShippingState copyWith({
TicketShippingStatus? status,
ShipmentDocumentModel? document,
List<ProviderModel>? availableProviders,
List<ProviderLocationModel>? availableLocations,
bool? isAutoNumber,
String? errorMessage,
}) {
return TicketShippingState(
status: status ?? this.status,
document: document ?? this.document,
availableProviders: availableProviders ?? this.availableProviders,
availableLocations: availableLocations ?? this.availableLocations,
isAutoNumber: isAutoNumber ?? this.isAutoNumber,
errorMessage: errorMessage ?? this.errorMessage,
);
}
@override
List<Object?> get props => [
status,
document,
availableProviders,
availableLocations,
isAutoNumber,
errorMessage,
];
}

290
lib/features/tickets/ui/ticket_list_screen.dart
View File

@@ -7,6 +7,7 @@ import 'package:flux/features/tickets/blocs/ticket_list_cubit.dart';
import 'package:flux/features/tickets/blocs/ticket_list_state.dart';
import 'package:flux/features/tickets/models/ticket_model.dart';
import 'package:flux/features/tickets/models/ticket_status_extension.dart';
import 'package:flux/features/tickets/ui/widgets/ticket_list.dart';
import 'package:go_router/go_router.dart';
class TicketListScreen extends StatefulWidget {
@@ -124,98 +125,9 @@ class _TicketListScreenState extends State<TicketListScreen> {
return const Center(child: Text('Nessun ticket trovato.'));
}
return Stack(
children: [
ListView.builder(
controller: _scrollController,
itemCount: state.hasReachedMax
? state.tickets.length
: state.tickets.length + 1,
itemBuilder: (context, index) {
// Se siamo all'ultimo elemento e non abbiamo raggiunto il max, mostriamo il loader
if (index >= state.tickets.length) {
return const Center(
child: Padding(
padding: EdgeInsets.all(16.0),
child: CircularProgressIndicator(),
),
);
}
final ticket = state.tickets[index];
final isSelected = state.selectedTicketIds.contains(
ticket.id,
);
final isSelectionMode =
state.selectedTicketIds.isNotEmpty;
// Per Desktop mostriamo la checkbox vera e propria
final isDesktop =
MediaQuery.of(context).size.width > 800;
return _TicketCard(
ticket: ticket,
isSelected: isSelected,
isSelectionMode: isSelectionMode,
isDesktop: isDesktop,
);
},
),
// 2. LA BARRA DELLE AZIONI BULK (Appare magicamente dal basso)
AnimatedPositioned(
duration: const Duration(milliseconds: 300),
curve: Curves.easeInOut,
bottom: state.selectedTicketIds.isNotEmpty
? 90
: -100, // Nasconde o mostra
left: 16,
right: 16,
child: Card(
elevation: 8,
color: Theme.of(context).colorScheme.inverseSurface,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
),
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 16.0,
vertical: 8.0,
),
child: Row(
children: [
IconButton(
icon: const Icon(Icons.close),
onPressed: () => context
.read<TicketListCubit>()
.clearSelection(),
),
Text(
'${state.selectedTicketIds.length} selezionati',
style: const TextStyle(
fontWeight: FontWeight.bold,
fontSize: 16,
),
),
const Spacer(),
// IL NOSTRO FAMOSO BOTTONE SPEDISCI
FilledButton.icon(
onPressed: () {
// Qui lanceremo la modale per creare il DDT
// passando la lista: state.selectedTicketIds.toList()
print(
"Spedisco i ticket: ${state.selectedTicketIds}",
);
},
icon: const Icon(Icons.local_shipping),
label: const Text('Spedisci'),
),
],
),
),
),
),
],
return TicketList(
state: state,
scrollController: _scrollController,
);
},
),
@@ -266,197 +178,3 @@ class _TicketListScreenState extends State<TicketListScreen> {
);
}
}
// ---------------------------------------------------------
// LA CARD DEL TICKET (Il "Colpo d'Occhio")
// ---------------------------------------------------------
class _TicketCard extends StatelessWidget {
final TicketModel ticket;
final bool isSelected;
final bool isSelectionMode;
final bool isDesktop;
const _TicketCard({
super.key, // <-- Buona pratica aggiungere il super.key
required this.ticket,
required this.isSelected,
required this.isSelectionMode,
required this.isDesktop,
});
@override
Widget build(BuildContext context) {
final statusColor = ticket.ticketStatus.color;
final statusIcon = ticket.ticketStatus.icon;
// Tocco Ninja: Ricaviamo l'iniziale del cliente per l'avatar!
final customerName = ticket.customer?.name ?? '?';
final initial = customerName.isNotEmpty
? customerName[0].toUpperCase()
: '?';
return Card(
// 1. Sfondo leggermente colorato se selezionato
color: isSelected ? Colors.blue.withValues(alpha: 0.1) : null,
margin: const EdgeInsets.symmetric(horizontal: 8.0, vertical: 4.0),
clipBehavior: Clip.antiAlias,
child: IntrinsicHeight(
child: Row(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
// LA STRISCIA COLORATA LATERALE (Intoccabile, è bellissima)
Container(width: 6, color: statusColor),
Center(
child: Padding(
padding: const EdgeInsets.only(left: 16.0),
child: isDesktop
? Checkbox(
value: isSelected,
onChanged: (_) {
if (ticket.id != null) {
context
.read<TicketListCubit>()
.toggleTicketSelection(ticket.id!);
}
},
)
: GestureDetector(
onTap: () {
if (ticket.id != null) {
context
.read<TicketListCubit>()
.toggleTicketSelection(ticket.id!);
}
},
child: AnimatedSwitcher(
duration: const Duration(milliseconds: 300),
transitionBuilder: (child, animation) =>
ScaleTransition(scale: animation, child: child),
child: isSelected
? const CircleAvatar(
key: ValueKey('selected'),
backgroundColor: Colors.blue,
child: Icon(Icons.check, color: Colors.white),
)
: CircleAvatar(
key: const ValueKey('unselected'),
backgroundColor: Colors.grey.shade200,
child: Text(
initial, // L'iniziale del cliente!
style: TextStyle(
color: Colors.grey.shade700,
fontWeight: FontWeight.bold,
),
),
),
),
),
),
),
Expanded(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(
horizontal: 16.0,
vertical: 8.0,
),
// ----------------------------------------
title: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Expanded(
child: Text(
ticket.customer?.name ?? 'Cliente Sconosciuto',
style: const TextStyle(
fontWeight: FontWeight.bold,
fontSize: 16,
),
overflow: TextOverflow.ellipsis,
),
),
// IL BADGE DELLO STATO
Container(
padding: const EdgeInsets.symmetric(
horizontal: 8,
vertical: 4,
),
decoration: BoxDecoration(
color: statusColor.withValues(alpha: 0.1),
borderRadius: BorderRadius.circular(12),
border: Border.all(
color: statusColor.withValues(alpha: 0.5),
),
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(statusIcon, size: 14, color: statusColor),
const SizedBox(width: 4),
Text(
ticket.ticketStatus.displayValue,
style: TextStyle(
fontSize: 12,
color: statusColor,
fontWeight: FontWeight.bold,
),
),
],
),
),
],
),
subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const SizedBox(height: 4),
Text(
ticket.targetModelName ?? ticket.ticketType.displayValue,
style: const TextStyle(fontWeight: FontWeight.w500),
),
const SizedBox(height: 4),
Text(
ticket.createdAt != null
? 'Creato il: ${ticket.createdAt!.day}/${ticket.createdAt!.month}/${ticket.createdAt!.year}'
: '',
style: TextStyle(
color: Colors.grey.shade600,
fontSize: 12,
),
),
],
),
// --- 3. GESTIONE DEI TAP PER LA SELEZIONE ---
onTap: () {
if (isSelectionMode) {
// Modalità selezione attiva: un tap normale seleziona/deseleziona
if (ticket.id != null) {
context.read<TicketListCubit>().toggleTicketSelection(
ticket.id!,
);
}
} else {
// Modalità normale: entra nel dettaglio del ticket
context.pushNamed(
Routes.ticketForm,
pathParameters: {'id': ticket.id!},
extra: (ticket: ticket, createdBy: null),
);
}
},
onLongPress: () {
// Pressione lunga: forza la selezione (utile per iniziare il workflow)
if (!isSelectionMode && ticket.id != null) {
context.read<TicketListCubit>().toggleTicketSelection(
ticket.id!,
);
}
},
),
),
],
),
),
);
}
}

106
lib/features/tickets/ui/widgets/ticket_list.dart Normal file
View File

@@ -0,0 +1,106 @@
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flux/features/tickets/blocs/ticket_list_cubit.dart';
import 'package:flux/features/tickets/blocs/ticket_list_state.dart';
import 'package:flux/features/tickets/ui/widgets/ticket_list_card.dart';
class TicketList extends StatelessWidget {
final ScrollController scrollController;
final TicketListState state;
const TicketList({
super.key,
required this.scrollController,
required this.state,
});
@override
Widget build(BuildContext context) {
return Stack(
children: [
ListView.builder(
controller: scrollController,
itemCount: state.hasReachedMax
? state.tickets.length
: state.tickets.length + 1,
itemBuilder: (context, index) {
// Se siamo all'ultimo elemento e non abbiamo raggiunto il max, mostriamo il loader
if (index >= state.tickets.length) {
return const Center(
child: Padding(
padding: EdgeInsets.all(16.0),
child: CircularProgressIndicator(),
),
);
}
final ticket = state.tickets[index];
final isSelected = state.selectedTicketIds.contains(ticket.id);
final isSelectionMode = state.selectedTicketIds.isNotEmpty;
// Per Desktop mostriamo la checkbox vera e propria
final isDesktop = MediaQuery.of(context).size.width > 800;
return TicketListCard(
ticket: ticket,
isSelected: isSelected,
isSelectionMode: isSelectionMode,
isDesktop: isDesktop,
);
},
),
// 2. LA BARRA DELLE AZIONI BULK (Appare magicamente dal basso)
AnimatedPositioned(
duration: const Duration(milliseconds: 300),
curve: Curves.easeInOut,
bottom: state.selectedTicketIds.isNotEmpty
? 90
: -100, // Nasconde o mostra
left: 16,
right: 16,
child: Card(
elevation: 8,
color: Theme.of(context).colorScheme.inverseSurface,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
),
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 16.0,
vertical: 8.0,
),
child: Row(
children: [
IconButton(
icon: const Icon(Icons.close),
onPressed: () =>
context.read<TicketListCubit>().clearSelection(),
),
Text(
'${state.selectedTicketIds.length} selezionati',
style: const TextStyle(
fontWeight: FontWeight.bold,
fontSize: 16,
),
),
const Spacer(),
// IL NOSTRO FAMOSO BOTTONE SPEDISCI
FilledButton.icon(
onPressed: () {
// Qui lanceremo la modale per creare il DDT
// passando la lista: state.selectedTicketIds.toList()
print("Spedisco i ticket: ${state.selectedTicketIds}");
},
icon: const Icon(Icons.local_shipping),
label: const Text('Spedisci'),
),
],
),
),
),
),
],
);
}
}

198
lib/features/tickets/ui/widgets/ticket_list_card.dart Normal file
View File

@@ -0,0 +1,198 @@
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flux/core/routes/routes.dart';
import 'package:flux/features/tickets/blocs/ticket_list_cubit.dart';
import 'package:flux/features/tickets/models/ticket_model.dart';
import 'package:flux/features/tickets/models/ticket_status_extension.dart';
import 'package:go_router/go_router.dart';
class TicketListCard extends StatelessWidget {
final TicketModel ticket;
final bool isSelected;
final bool isSelectionMode;
final bool isDesktop;
const TicketListCard({
super.key, // <-- Buona pratica aggiungere il super.key
required this.ticket,
required this.isSelected,
required this.isSelectionMode,
required this.isDesktop,
});
@override
Widget build(BuildContext context) {
final statusColor = ticket.ticketStatus.color;
final statusIcon = ticket.ticketStatus.icon;
// Tocco Ninja: Ricaviamo l'iniziale del cliente per l'avatar!
final customerName = ticket.customer?.name ?? '?';
final initial = customerName.isNotEmpty
? customerName[0].toUpperCase()
: '?';
return Card(
// 1. Sfondo leggermente colorato se selezionato
color: isSelected ? Colors.blue.withValues(alpha: 0.1) : null,
margin: const EdgeInsets.symmetric(horizontal: 8.0, vertical: 4.0),
clipBehavior: Clip.antiAlias,
child: IntrinsicHeight(
child: Row(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
// LA STRISCIA COLORATA LATERALE (Intoccabile, è bellissima)
Container(width: 6, color: statusColor),
Center(
child: Padding(
padding: const EdgeInsets.only(left: 16.0),
child: isDesktop
? Checkbox(
value: isSelected,
onChanged: (_) {
if (ticket.id != null) {
context
.read<TicketListCubit>()
.toggleTicketSelection(ticket.id!);
}
},
)
: GestureDetector(
onTap: () {
if (ticket.id != null) {
context
.read<TicketListCubit>()
.toggleTicketSelection(ticket.id!);
}
},
child: AnimatedSwitcher(
duration: const Duration(milliseconds: 300),
transitionBuilder: (child, animation) =>
ScaleTransition(scale: animation, child: child),
child: isSelected
? const CircleAvatar(
key: ValueKey('selected'),
backgroundColor: Colors.blue,
child: Icon(Icons.check, color: Colors.white),
)
: CircleAvatar(
key: const ValueKey('unselected'),
backgroundColor: Colors.grey.shade200,
child: Text(
initial, // L'iniziale del cliente!
style: TextStyle(
color: Colors.grey.shade700,
fontWeight: FontWeight.bold,
),
),
),
),
),
),
),
Expanded(
child: ListTile(
contentPadding: const EdgeInsets.symmetric(
horizontal: 16.0,
vertical: 8.0,
),
// ----------------------------------------
title: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Expanded(
child: Text(
ticket.customer?.name ?? 'Cliente Sconosciuto',
style: const TextStyle(
fontWeight: FontWeight.bold,
fontSize: 16,
),
overflow: TextOverflow.ellipsis,
),
),
// IL BADGE DELLO STATO
Container(
padding: const EdgeInsets.symmetric(
horizontal: 8,
vertical: 4,
),
decoration: BoxDecoration(
color: statusColor.withValues(alpha: 0.1),
borderRadius: BorderRadius.circular(12),
border: Border.all(
color: statusColor.withValues(alpha: 0.5),
),
),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(statusIcon, size: 14, color: statusColor),
const SizedBox(width: 4),
Text(
ticket.ticketStatus.displayValue,
style: TextStyle(
fontSize: 12,
color: statusColor,
fontWeight: FontWeight.bold,
),
),
],
),
),
],
),
subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const SizedBox(height: 4),
Text(
ticket.targetModelName ?? ticket.ticketType.displayValue,
style: const TextStyle(fontWeight: FontWeight.w500),
),
const SizedBox(height: 4),
Text(
ticket.createdAt != null
? 'Creato il: ${ticket.createdAt!.day}/${ticket.createdAt!.month}/${ticket.createdAt!.year}'
: '',
style: TextStyle(
color: Colors.grey.shade600,
fontSize: 12,
),
),
],
),
// --- 3. GESTIONE DEI TAP PER LA SELEZIONE ---
onTap: () {
if (isSelectionMode) {
// Modalità selezione attiva: un tap normale seleziona/deseleziona
if (ticket.id != null) {
context.read<TicketListCubit>().toggleTicketSelection(
ticket.id!,
);
}
} else {
// Modalità normale: entra nel dettaglio del ticket
context.pushNamed(
Routes.ticketForm,
pathParameters: {'id': ticket.id!},
extra: (ticket: ticket, createdBy: null),
);
}
},
onLongPress: () {
// Pressione lunga: forza la selezione (utile per iniziare il workflow)
if (!isSelectionMode && ticket.id != null) {
context.read<TicketListCubit>().toggleTicketSelection(
ticket.id!,
);
}
},
),
),
],
),
),
);
}
}