This commit is contained in:
2026-05-12 12:36:50 +02:00
parent 2aab70aec5
commit 216fd85888
6 changed files with 592 additions and 3 deletions

View File

@@ -40,6 +40,7 @@ import 'package:flux/features/tickets/blocs/ticket_list_cubit.dart';
import 'package:flux/features/tickets/models/ticket_model.dart';
import 'package:flux/features/tickets/ui/ticket_form_screen.dart';
import 'package:flux/features/tickets/ui/ticket_list_screen.dart';
import 'package:flux/features/tracking/blocs/tracking_cubit.dart';
import 'package:get_it/get_it.dart';
import 'package:go_router/go_router.dart';
@@ -234,6 +235,14 @@ class AppRouter {
),
),
BlocProvider(create: (context) => TicketFormCubit()),
BlocProvider(
create: (context) => TrackingCubit(
repo: repo,
parentId: parentId,
parentType: parentType,
companyId: companyId,
),
),
],
child: TicketFormScreen(

View File

@@ -13,7 +13,11 @@ import 'package:flux/features/tickets/blocs/ticket_form_state.dart';
import 'package:flux/features/tickets/models/ticket_model.dart';
import 'package:flux/core/widgets/shared_forms/staff_section.dart';
import 'package:flux/features/tickets/models/ticket_status_extension.dart';
import 'package:flux/features/tickets/ui/ticket_timeline_section.dart';
import 'package:flux/features/tickets/utils/ticket_pdf_service.dart';
import 'package:flux/features/tracking/blocs/tracking_cubit.dart';
import 'package:flux/features/tracking/data/tracking_repository.dart';
import 'package:flux/features/tracking/models/tracking_model.dart';
import 'package:get_it/get_it.dart';
import 'package:printing/printing.dart';
@@ -409,7 +413,11 @@ class _TicketFormScreenState extends State<TicketFormScreen> {
return Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Expanded(child: Column(children: [_cardAnagrafica(ticket)])),
Expanded(
child: Column(
children: [_cardTimeline(ticket), _cardAnagrafica(ticket)],
),
),
const SizedBox(width: 24),
Expanded(
child: Column(
@@ -441,7 +449,11 @@ class _TicketFormScreenState extends State<TicketFormScreen> {
const SizedBox(width: 24),
Expanded(
child: Column(
children: [_cardDettagli(ticket), _cardCosti(ticket)],
children: [
_cardTimeline(ticket),
_cardDettagli(ticket),
_cardCosti(ticket),
],
),
),
],
@@ -451,6 +463,7 @@ class _TicketFormScreenState extends State<TicketFormScreen> {
return Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
_cardTimeline(ticket),
_cardAnagrafica(ticket),
_cardDispositivi(ticket),
_cardDettagli(ticket),
@@ -461,7 +474,7 @@ class _TicketFormScreenState extends State<TicketFormScreen> {
}
}
// --- LE 5 CARD (MODULARIZZATE E COLORATE) ---
// --- LE 6 CARD (MODULARIZZATE E COLORATE) ---
Widget _cardAnagrafica(TicketModel ticket) {
return _buildCard(
@@ -781,6 +794,49 @@ class _TicketFormScreenState extends State<TicketFormScreen> {
);
}
Widget _cardTimeline(TicketModel ticket) {
// Se il ticket è nuovo (non ha ancora un ID salvato a DB), nascondiamo la timeline
if (ticket.id == null || ticket.id!.isEmpty) {
return const SizedBox.shrink();
}
return _buildCard(
title: 'Timeline & Note',
icon: Icons.history,
themeColor: Colors.blueGrey,
children: [
BlocProvider(
create: (context) => TrackingCubit(
repo: GetIt.I.get<TrackingRepository>(),
parentId: ticket.id!,
parentType: TrackingParentType.ticket,
companyId: ticket.companyId,
),
child: BlocBuilder<TrackingCubit, TrackingState>(
builder: (context, state) {
if (state.isLoading && state.logs.isEmpty) {
return const Center(child: CircularProgressIndicator());
}
return TicketTimelineSection(
logs: state.logs,
onAddNote: (message, isInternal) {
// Recupera l'ID dello staff loggato dal tuo auth state
// final currentStaffId = ...
context.read<TrackingCubit>().addManualNote(
message,
isInternal,
// staffId: currentStaffId,
);
},
);
},
),
),
],
);
}
// --- WIDGET BASE PER LA CARD ---
Widget _buildCard({
required String title,

View File

@@ -0,0 +1,278 @@
import 'package:flutter/material.dart';
import 'package:flux/features/tracking/models/tracking_model.dart';
class TicketTimelineSection extends StatefulWidget {
final List<TrackingModel> logs;
final void Function(String message, bool isInternal) onAddNote;
const TicketTimelineSection({
super.key,
required this.logs,
required this.onAddNote,
});
@override
State<TicketTimelineSection> createState() => _TicketTimelineSectionState();
}
class _TicketTimelineSectionState extends State<TicketTimelineSection> {
final TextEditingController _textController = TextEditingController();
bool _isInternal = true; // Di default blindiamo tutto a uso interno!
@override
void dispose() {
_textController.dispose();
super.dispose();
}
void _submitNote() {
final text = _textController.text.trim();
if (text.isNotEmpty) {
widget.onAddNote(text, _isInternal);
_textController.clear();
// Chiudiamo la tastiera se siamo su mobile
FocusScope.of(context).unfocus();
}
}
@override
Widget build(BuildContext context) {
final theme = Theme.of(context);
return Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
// --- ZONA INPUT ---
Container(
padding: const EdgeInsets.all(12),
decoration: BoxDecoration(
color: theme.colorScheme.surfaceContainerHighest.withValues(
alpha: 0.3,
),
borderRadius: BorderRadius.circular(12),
border: Border.all(color: theme.dividerColor),
),
child: Column(
children: [
Row(
children: [
Expanded(
child: TextField(
controller: _textController,
decoration: const InputDecoration(
hintText: 'Scrivi un aggiornamento...',
border: InputBorder.none,
isDense: true,
),
textInputAction: TextInputAction.send,
onSubmitted: (_) => _submitNote(),
),
),
IconButton.filled(
onPressed: _submitNote,
icon: const Icon(Icons.send, size: 20),
tooltip: 'Invia',
),
],
),
const Divider(height: 16),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Row(
children: [
Icon(
_isInternal ? Icons.lock : Icons.public,
size: 16,
color: _isInternal
? Colors.amber.shade700
: Colors.green,
),
const SizedBox(width: 8),
Text(
_isInternal
? 'Nota Interna (Privata)'
: 'Visibile al Cliente',
style: TextStyle(
fontSize: 12,
fontWeight: FontWeight.bold,
color: _isInternal
? Colors.amber.shade700
: Colors.green,
),
),
],
),
Switch(
value: _isInternal,
activeThumbColor: Colors.amber.shade700,
activeTrackColor: Colors.amber,
inactiveThumbColor: Colors.green,
inactiveTrackColor: Colors.green.withValues(alpha: 0.2),
onChanged: (val) {
setState(() {
_isInternal = val;
});
},
),
],
),
],
),
),
const SizedBox(height: 24),
// --- TIMELINE SCROLLABILE ---
if (widget.logs.isEmpty)
const Padding(
padding: EdgeInsets.all(32.0),
child: Center(
child: Text(
'Nessun evento registrato.',
style: TextStyle(color: Colors.grey),
),
),
)
else
ConstrainedBox(
constraints: const BoxConstraints(
maxHeight: 400,
), // Limite di altezza
child: ListView.builder(
shrinkWrap: true,
itemCount: widget.logs.length,
itemBuilder: (context, index) {
final log = widget.logs[index];
final isLast = index == widget.logs.length - 1;
return IntrinsicHeight(
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// --- LINEA E PALLINO ---
SizedBox(
width: 30,
child: Column(
children: [
Container(
margin: const EdgeInsets.only(top: 4),
width: 14,
height: 14,
decoration: BoxDecoration(
color: _getEventColor(log.eventType),
shape: BoxShape.circle,
border: Border.all(
color: theme.scaffoldBackgroundColor,
width: 2,
),
),
),
if (!isLast)
Expanded(
child: Container(
width: 2,
color: theme.dividerColor,
),
),
],
),
),
// --- CONTENUTO EVENTO ---
Expanded(
child: Padding(
padding: const EdgeInsets.only(bottom: 24.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Text(
log.staffName ?? 'Sistema',
style: const TextStyle(
fontWeight: FontWeight.bold,
fontSize: 13,
),
),
const SizedBox(width: 8),
Text(
_formatDate(log.createdAt),
style: theme.textTheme.bodySmall?.copyWith(
color: Colors.grey,
),
),
if (!log.isInternal) ...[
const Spacer(),
Container(
padding: const EdgeInsets.symmetric(
horizontal: 6,
vertical: 2,
),
decoration: BoxDecoration(
color: Colors.green.withValues(
alpha: 0.1,
),
borderRadius: BorderRadius.circular(4),
border: Border.all(
color: Colors.green.withValues(
alpha: 0.3,
),
),
),
child: const Text(
"PUBBLICO",
style: TextStyle(
color: Colors.green,
fontSize: 9,
fontWeight: FontWeight.bold,
),
),
),
],
],
),
const SizedBox(height: 6),
Text(
log.message,
style: const TextStyle(fontSize: 14),
),
],
),
),
),
],
),
);
},
),
),
],
);
}
Color _getEventColor(TrackingType type) {
switch (type) {
case TrackingType.statusChange:
return Colors.blue;
case TrackingType.assignment:
return Colors.purple;
case TrackingType.systemAlert:
return Colors.redAccent;
case TrackingType.customerContact:
return Colors.teal;
case TrackingType.manualNote:
// ignore: unreachable_switch_default
default:
return Colors.amber.shade600;
}
}
String _formatDate(DateTime date) {
final day = date.day.toString().padLeft(2, '0');
final month = date.month.toString().padLeft(2, '0');
final hour = date.hour.toString().padLeft(2, '0');
final minute = date.minute.toString().padLeft(2, '0');
return "$day/$month - $hour:$minute";
}
}

View File

@@ -0,0 +1,57 @@
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flux/features/tracking/data/tracking_repository.dart';
import 'package:flux/features/tracking/models/tracking_model.dart';
// Stati base: initial, loading, loaded, error
class TrackingState {
final bool isLoading;
final List<TrackingModel> logs;
TrackingState({this.isLoading = false, this.logs = const []});
}
class TrackingCubit extends Cubit<TrackingState> {
final TrackingRepository _repo;
final String parentId;
final TrackingParentType parentType;
final String companyId;
TrackingCubit({
required TrackingRepository repo,
required this.parentId,
required this.parentType,
required this.companyId,
}) : _repo = repo,
super(TrackingState()) {
loadTrackings();
}
Future<void> loadTrackings() async {
emit(TrackingState(isLoading: true, logs: state.logs));
final trackings = await _repo.getTrackingsByParent(
parentId: parentId,
parentType: parentType,
);
emit(TrackingState(isLoading: false, logs: trackings));
}
Future<void> addManualNote(
String message,
bool isInternal, {
String? staffId,
}) async {
// Aggiungiamo un feedback visivo immediato (Optimistic UI) se vogliamo,
// oppure semplicemente mostriamo il loading
await _repo.logQuickEvent(
companyId: companyId,
message: message,
type: TrackingType.manualNote,
parentId: parentId,
parentType: parentType,
staffId: staffId,
isInternal: isInternal,
);
// Ricarichiamo la lista fresca dal server
await loadTrackings();
}
}

View File

@@ -0,0 +1,57 @@
import 'package:flux/features/tracking/models/tracking_model.dart';
import 'package:get_it/get_it.dart';
import 'package:supabase_flutter/supabase_flutter.dart';
class TrackingRepository {
final SupabaseClient _supabase = GetIt.I.get<SupabaseClient>();
TrackingRepository();
/// Recupera la cronologia di un'entità (Ticket o Operazione)
Future<List<TrackingModel>> getTrackingsByParent({
required String parentId, // <-- Reso obbligatorio
required TrackingParentType parentType, // <-- Reso obbligatorio
}) async {
// Facciamo la query con la JOIN per recuperare il nome dello staff al volo
final response = await _supabase
.from('tracking')
.select('*, staff_member(name)')
.eq('parent_id', parentId)
.eq('parent_type', parentType.name)
.order(
'created_at',
ascending: true,
); // ascending: true per avere la timeline dall'alto (vecchi) al basso (nuovi)
return response.map((map) => TrackingModel.fromMap(map)).toList();
}
/// Inserisce un nuovo evento di tracking
Future<void> logEvent(TrackingModel tracking) async {
await _supabase.from('tracking').insert(tracking.toMap());
}
/// Metodo helper rapido per loggare un cambio di stato o una nota
Future<void> logQuickEvent({
required String companyId,
required String message,
required TrackingType type,
required String parentId, // <-- Reso obbligatorio
required TrackingParentType parentType, // <-- Reso obbligatorio
String? staffId,
bool isInternal = true,
}) async {
final log = TrackingModel(
createdAt:
DateTime.now(), // Questo verrà ignorato dal toMap in fase di insert, ma serve al modello
companyId: companyId,
staffId: staffId,
parentId: parentId,
parentType: parentType,
eventType: type,
isInternal: isInternal,
message: message,
);
await logEvent(log);
}
}

View File

@@ -0,0 +1,132 @@
import 'package:equatable/equatable.dart';
enum TrackingType {
statusChange,
manualNote,
systemAlert,
customerContact,
assignment;
static TrackingType fromString(String value) {
return TrackingType.values.firstWhere(
(e) => e.name == value,
orElse: () => TrackingType.manualNote,
);
}
}
enum TrackingParentType {
ticket,
operation;
String get value => name;
static TrackingParentType fromString(String val) {
return TrackingParentType.values.firstWhere(
(e) => e.name == val,
orElse: () => TrackingParentType.ticket, // Default di sicurezza
);
}
}
class TrackingModel extends Equatable {
final String? id;
final DateTime createdAt;
final String companyId;
final String? staffId;
final String? staffName; // Per non fare mille join, lo prendiamo dal repo
final String parentId;
final TrackingParentType parentType;
final TrackingType eventType;
final bool isInternal;
final String message;
const TrackingModel({
this.id,
required this.createdAt,
required this.companyId,
this.staffId,
this.staffName,
required this.parentId,
required this.parentType,
required this.eventType,
required this.isInternal,
required this.message,
});
TrackingModel copyWith({
String? id,
DateTime? createdAt,
String? companyId,
String? staffId,
String? staffName,
TrackingParentType? parentType,
String? parentId,
TrackingType? eventType,
bool? isInternal,
String? message,
}) {
return TrackingModel(
id: id ?? this.id,
createdAt: createdAt ?? this.createdAt,
companyId: companyId ?? this.companyId,
staffId: staffId ?? this.staffId,
staffName: staffName ?? this.staffName,
parentId: parentId ?? this.parentId,
parentType: parentType ?? this.parentType,
eventType: eventType ?? this.eventType,
isInternal: isInternal ?? this.isInternal,
message: message ?? this.message,
);
}
factory TrackingModel.fromMap(Map<String, dynamic> map) {
return TrackingModel(
id: map['id'],
createdAt: DateTime.parse(map['created_at']),
companyId: map['company_id'],
staffId: map['staff_id'],
staffName: map['staff_member']?['name'], // Se fai la join su staff_member
parentId: map['parent_id'] as String,
parentType: TrackingParentType.fromString(map['parent_type']),
eventType: TrackingType.fromString(map['event_type']),
isInternal: map['is_internal'] ?? true,
message: map['message'],
);
}
Map<String, dynamic> toMap() {
final map = <String, dynamic>{
'company_id': companyId,
'staff_id': staffId,
'parent_id': parentId,
'parent_type': parentType.name,
'event_type': eventType.name,
'is_internal': isInternal,
'message': message,
};
// Aggiungiamo id e data SOLO se stiamo aggiornando un record esistente.
// In fase di creazione (insert), li omettiamo così Supabase usa i valori di default (gen_random_uuid e now()).
if (id != null) {
map['id'] = id;
map['created_at'] = createdAt.toIso8601String();
}
return map;
}
@override
List<Object?> get props => [
id,
createdAt,
companyId,
staffId,
staffName,
parentId,
parentType,
eventType,
isInternal,
message,
];
}