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

f

Browse Source
This commit is contained in:
Mark M2 Macbook
2026-05-15 13:32:34 +02:00
parent f19f19a279
commit f4a8314978
5 changed files with 219 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
lib/features/tickets/ui/ticket_form_screen.dart
View File

@@ -304,7 +304,7 @@ class _TicketFormScreenState extends State<TicketFormScreen> {
}
if (state.status == TicketFormStatus.success) {
context.read<TicketListCubit>().fetchTickets(reset: true);
context.read<TicketListCubit>().loadTickets(refresh: true);
_showSuccessActions(
context,
state.ticket,

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

@@ -27,7 +27,7 @@ class _TicketListScreenState extends State<TicketListScreen> {
_scrollController.addListener(() {
if (_scrollController.position.pixels >=
_scrollController.position.maxScrollExtent - 200) {
context.read<TicketListCubit>().fetchTickets();
context.read<TicketListCubit>().loadTickets();
}
});
}
@@ -124,25 +124,98 @@ class _TicketListScreenState extends State<TicketListScreen> {
return const Center(child: Text('Nessun ticket trovato.'));
}
return 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(),
),
);
}
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];
return _TicketCard(ticket: ticket);
},
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'),
),
],
),
),
),
),
],
);
},
),
@@ -161,7 +234,7 @@ class _TicketListScreenState extends State<TicketListScreen> {
extra: (createdBy: createdBy, ticket: null),
);
if (!context.mounted) return;
context.read<TicketListCubit>().fetchTickets(reset: true);
context.read<TicketListCubit>().loadTickets(refresh: true);
},
),
);
@@ -199,31 +272,95 @@ class _TicketListScreenState extends State<TicketListScreen> {
// ---------------------------------------------------------
class _TicketCard extends StatelessWidget {
final TicketModel ticket;
final bool isSelected;
final bool isSelectionMode;
final bool isDesktop;
const _TicketCard({required this.ticket});
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, // Serve per tagliare il container laterale con gli angoli della card
clipBehavior: Clip.antiAlias,
child: IntrinsicHeight(
// Serve per far sì che il container laterale prenda tutta l'altezza
child: Row(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
// LA STRISCIA COLORATA LATERALE
// 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: [
@@ -272,13 +409,11 @@ class _TicketCard extends StatelessWidget {
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const SizedBox(height: 4),
// MODELLO O TIPO DI INTERVENTO
Text(
ticket.targetModelName ?? ticket.ticketType.displayValue,
style: const TextStyle(fontWeight: FontWeight.w500),
),
const SizedBox(height: 4),
// DATA CREAZIONE (Es: 04/05/2026)
Text(
ticket.createdAt != null
? 'Creato il: ${ticket.createdAt!.day}/${ticket.createdAt!.month}/${ticket.createdAt!.year}'
@@ -290,12 +425,32 @@ class _TicketCard extends StatelessWidget {
),
],
),
// --- 3. GESTIONE DEI TAP PER LA SELEZIONE ---
onTap: () {
context.pushNamed(
Routes.ticketForm,
pathParameters: {'id': ticket.id!},
extra: (ticket: ticket, createdBy: null),
);
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!,
);
}
},
),
),

2
lib/features/tickets/ui/ticket_workspace/ticket_workspace_screen.dart
View File

@@ -307,7 +307,7 @@ class TicketWorkspaceScreen extends StatelessWidget {
if (context.mounted) {
// 4. Avvisiamo il "Vigile Urbano" di ricaricare la lista
context.read<TicketListCubit>().fetchTickets(reset: true);
context.read<TicketListCubit>().loadTickets(refresh: true);
// 5. Teletrasporto alla Base
context.goNamed(Routes.home);