499 lines
19 KiB
Dart
499 lines
19 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/utils/debouncer.dart';
|
|
import 'package:flux/features/master_data/staff/blocs/staff_cubit.dart';
|
|
import 'package:flux/features/notes/blocs/notes_cubit.dart';
|
|
import 'package:flux/features/notes/models/note_model.dart';
|
|
|
|
class NoteFormScreen extends StatefulWidget {
|
|
final NoteModel
|
|
note; // La nota DEVE essere già stata creata (anche vuota) dal DB prima di arrivare qui
|
|
|
|
const NoteFormScreen({super.key, required this.note});
|
|
|
|
@override
|
|
State<NoteFormScreen> createState() => _NoteFormScreenState();
|
|
}
|
|
|
|
class _NoteFormScreenState extends State<NoteFormScreen> {
|
|
NoteModel get _note => widget.note;
|
|
late TextEditingController _titleController;
|
|
late TextEditingController _contentController;
|
|
late final NotesCubit _notesCubit;
|
|
late String _selectedColor;
|
|
late bool _isPinned;
|
|
late bool _isSharedAll;
|
|
late List<String> _selectedStaffIds;
|
|
|
|
// Inizializziamo il Debouncer a 500 millisecondi
|
|
final _debouncer = Debouncer(milliseconds: 500);
|
|
|
|
final List<String> _noteColors = [
|
|
'#FFF59D',
|
|
'#FFCDD2',
|
|
'#C8E6C9',
|
|
'#BBDEFB',
|
|
'#E1BEE7',
|
|
'#F5F5F5',
|
|
];
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_titleController = TextEditingController(text: widget.note.title ?? '');
|
|
_contentController = TextEditingController(text: widget.note.content ?? '');
|
|
_notesCubit = context.read<NotesCubit>();
|
|
_selectedColor = widget.note.color;
|
|
_isPinned = widget.note.isPinned;
|
|
_isSharedAll = widget.note.isSharedAll;
|
|
_selectedStaffIds = List.from(widget.note.collaboratorIds);
|
|
|
|
// Mettiamo i controller in ascolto per scatenare l'auto-salvataggio
|
|
_titleController.addListener(_onFieldsChanged);
|
|
_contentController.addListener(_onFieldsChanged);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_titleController.removeListener(_onFieldsChanged);
|
|
_contentController.removeListener(_onFieldsChanged);
|
|
_titleController.dispose();
|
|
_contentController.dispose();
|
|
_debouncer.dispose();
|
|
|
|
// --- IL BOTTO FINALE: PULIZIA SILENZIOSA ---
|
|
_checkAndCleanupIfEmpty(_note.id!);
|
|
|
|
super.dispose();
|
|
}
|
|
|
|
/// Chiamata ogni volta che l'utente digita una lettera
|
|
void _onFieldsChanged() {
|
|
_debouncer.run(() => _triggerAutoSave());
|
|
}
|
|
|
|
/// Salva in background notificando il BLoC (così la bacheca si aggiorna in tempo reale)
|
|
void _triggerAutoSave() {
|
|
final companyId = context.read<SessionCubit>().state.company!.id!;
|
|
|
|
final updatedNote = NoteModel(
|
|
id: widget.note.id,
|
|
createdBy: widget.note.createdBy,
|
|
companyId: companyId,
|
|
title: _titleController.text.trim(),
|
|
content: _contentController.text.trim(),
|
|
color: _selectedColor,
|
|
isPinned: _isPinned,
|
|
isSharedAll: _isSharedAll,
|
|
collaboratorIds: _selectedStaffIds,
|
|
);
|
|
|
|
// Spariamo l'evento al Bloc, che salverà silente sul DB tramite Repository
|
|
_notesCubit.saveNote(updatedNote);
|
|
}
|
|
|
|
/// Se l'utente esce e la nota è totalmente vuota, la eliminiamo dal DB "al secchio"
|
|
void _checkAndCleanupIfEmpty(String noteId) {
|
|
final titleEmpty = _titleController.text.trim().isEmpty;
|
|
final contentEmpty = _contentController.text.trim().isEmpty;
|
|
|
|
//Se hai un modo per verificare se ci sono allegati associati (es. tramite una query locale o un contatore),
|
|
// assicurati che non ce ne siano prima di eliminare.
|
|
// Assumiamo che se non ha scritto testo ed è appena stata creata, sia vuota.
|
|
if (titleEmpty && contentEmpty) {
|
|
// Notifichiamo anche il Bloc dell'avvenuta cancellazione così pulisce lo stato locale
|
|
_notesCubit.deleteNote(noteId);
|
|
}
|
|
}
|
|
|
|
void _deleteNote() {
|
|
_notesCubit.deleteNote(widget.note.id!);
|
|
Navigator.pop(context);
|
|
}
|
|
|
|
void _exportNote() {
|
|
// La logica di export che abbiamo concordato ieri!
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
content: Text('Funzione di esportazione/stampa in arrivo! 🚀'),
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showStaffPickerBottomSheet() {
|
|
final allStaff = context.read<StaffCubit>().state.storeStaff;
|
|
// Recuperiamo l'ID del creatore della nota
|
|
final creatorId = widget.note.createdBy;
|
|
|
|
showModalBottomSheet(
|
|
context: context,
|
|
shape: const RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.vertical(top: Radius.circular(16)),
|
|
),
|
|
builder: (context) {
|
|
return StatefulBuilder(
|
|
builder: (context, setModalState) {
|
|
return Material(
|
|
color: Colors.transparent,
|
|
child: Column(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.all(16.0),
|
|
child: Text(
|
|
'Seleziona Collaboratori',
|
|
style: Theme.of(context).textTheme.titleLarge,
|
|
),
|
|
),
|
|
Expanded(
|
|
child: ListView.builder(
|
|
itemCount: allStaff.length,
|
|
itemBuilder: (context, index) {
|
|
final staff = allStaff[index];
|
|
|
|
// Capiamo se questo membro dello staff è il creatore
|
|
final isCreator = staff.id == creatorId;
|
|
// È spuntato se è il creatore OPPURE se è nella lista dei collaboratori
|
|
final isSelected =
|
|
isCreator || _selectedStaffIds.contains(staff.id);
|
|
|
|
return CheckboxListTile(
|
|
title: RichText(
|
|
text: TextSpan(
|
|
style: Theme.of(context).textTheme.bodyLarge,
|
|
children: [
|
|
TextSpan(text: staff.name),
|
|
if (isCreator)
|
|
const TextSpan(
|
|
text: ' (Proprietario)',
|
|
style: TextStyle(
|
|
color: Colors.grey,
|
|
fontStyle: FontStyle.italic,
|
|
fontSize: 12,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
value: isSelected,
|
|
activeColor: Theme.of(context).colorScheme.primary,
|
|
// IL TRUCCO NINJA: se è il creatore, passiamo null per disabilitare la spunta!
|
|
onChanged: isCreator
|
|
? null
|
|
: (bool? value) {
|
|
setModalState(() {
|
|
if (value == true) {
|
|
_selectedStaffIds.add(staff.id!);
|
|
} else {
|
|
_selectedStaffIds.remove(staff.id!);
|
|
}
|
|
});
|
|
setState(() {});
|
|
_triggerAutoSave();
|
|
},
|
|
);
|
|
},
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.all(16.0),
|
|
child: FilledButton(
|
|
onPressed: () => Navigator.pop(context),
|
|
child: const Text('Fatto'),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final noteColor = Color(
|
|
int.parse('FF${_selectedColor.replaceAll('#', '')}', radix: 16),
|
|
);
|
|
|
|
return Scaffold(
|
|
// 1. Sfondo scuro e riposante per l'intera schermata
|
|
backgroundColor: Colors.grey.shade900,
|
|
appBar: AppBar(
|
|
backgroundColor: Colors.transparent,
|
|
elevation: 0,
|
|
// Freccia indietro chiara per fare contrasto sullo sfondo grigio scuro
|
|
iconTheme: const IconThemeData(color: Colors.white70),
|
|
),
|
|
body: Center(
|
|
child: ConstrainedBox(
|
|
constraints: const BoxConstraints(maxWidth: 680),
|
|
child: SingleChildScrollView(
|
|
padding: const EdgeInsets.only(bottom: 64, left: 16, right: 16),
|
|
child: Container(
|
|
// 2. IL NOSTRO POST-IT FISICO
|
|
decoration: BoxDecoration(
|
|
color: noteColor,
|
|
borderRadius: BorderRadius.circular(16), // Bordi arrotondati
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.black.withValues(alpha: 0.4), // Ombra morbida
|
|
blurRadius: 24,
|
|
offset: const Offset(0, 12),
|
|
),
|
|
],
|
|
),
|
|
padding: const EdgeInsets.all(24.0),
|
|
child: Column(
|
|
// 3. MainAxisSize.min fa sì che il Post-it sia alto solo quanto serve!
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// --- HEADER DEL POST-IT (Tavolozza + Azioni) ---
|
|
LayoutBuilder(
|
|
builder: (context, constraints) {
|
|
// 1. Capiamo quanto spazio reale ha la finestra in questo momento
|
|
final isNarrow = constraints.maxWidth < 500;
|
|
|
|
// 2. Adattiamo la dimensione dei cerchi
|
|
final double circleSize = isNarrow ? 32.0 : 40.0;
|
|
|
|
// -- PREPARIAMO IL BLOCCO COLORI --
|
|
final colorPalette = SizedBox(
|
|
height: circleSize,
|
|
child: ListView.builder(
|
|
scrollDirection: Axis.horizontal,
|
|
itemCount: _noteColors.length,
|
|
itemBuilder: (context, index) {
|
|
final colorHex = _noteColors[index];
|
|
final isSelected = _selectedColor == colorHex;
|
|
final c = Color(
|
|
int.parse(
|
|
'FF${colorHex.replaceAll('#', '')}',
|
|
radix: 16,
|
|
),
|
|
);
|
|
|
|
return GestureDetector(
|
|
onTap: () {
|
|
setState(() => _selectedColor = colorHex);
|
|
_triggerAutoSave();
|
|
},
|
|
child: Container(
|
|
margin: const EdgeInsets.only(right: 12),
|
|
width: circleSize,
|
|
decoration: BoxDecoration(
|
|
color: c,
|
|
shape: BoxShape.circle,
|
|
border: Border.all(
|
|
color: isSelected
|
|
? Colors.black54
|
|
: Colors.black12,
|
|
width: isSelected ? 3 : 1,
|
|
),
|
|
),
|
|
child: isSelected
|
|
? Icon(
|
|
Icons.check,
|
|
color: Colors.black54,
|
|
size: isNarrow ? 16 : 20,
|
|
)
|
|
: null,
|
|
),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
|
|
// -- PREPARIAMO IL BLOCCO AZIONI --
|
|
final actionButtons = Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
IconButton(
|
|
icon: const Icon(
|
|
Icons.delete_outline,
|
|
color: Colors.black87,
|
|
),
|
|
tooltip: 'Elimina',
|
|
onPressed: _deleteNote,
|
|
),
|
|
IconButton(
|
|
icon: Icon(
|
|
_isPinned
|
|
? Icons.push_pin
|
|
: Icons.push_pin_outlined,
|
|
color: Colors.black87,
|
|
),
|
|
tooltip: _isPinned
|
|
? 'Rimuovi in alto'
|
|
: 'Fissa in alto',
|
|
onPressed: () {
|
|
setState(() => _isPinned = !_isPinned);
|
|
_triggerAutoSave();
|
|
},
|
|
),
|
|
IconButton(
|
|
icon: const Icon(
|
|
Icons.ios_share,
|
|
color: Colors.black87,
|
|
),
|
|
tooltip: 'Esporta',
|
|
onPressed: _exportNote,
|
|
),
|
|
],
|
|
);
|
|
|
|
// 3. DECIDIAMO IL LAYOUT FINALE IN BASE ALLO SPAZIO REALE
|
|
if (isNarrow) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
actionButtons,
|
|
|
|
const SizedBox(height: 8),
|
|
colorPalette,
|
|
],
|
|
);
|
|
}
|
|
|
|
// Layout "Largo" (Finestra intera)
|
|
return Row(
|
|
children: [
|
|
Expanded(child: colorPalette),
|
|
const SizedBox(width: 16),
|
|
actionButtons,
|
|
],
|
|
);
|
|
},
|
|
),
|
|
const SizedBox(height: 32),
|
|
|
|
// --- TITOLO ---
|
|
TextFormField(
|
|
controller: _titleController,
|
|
style: const TextStyle(
|
|
fontSize: 28,
|
|
fontWeight: FontWeight.bold,
|
|
color: Colors.black87,
|
|
),
|
|
decoration: const InputDecoration(
|
|
hintText: 'Titolo...',
|
|
hintStyle: TextStyle(color: Colors.black38),
|
|
border: InputBorder.none,
|
|
),
|
|
),
|
|
|
|
// --- CONTENUTO ---
|
|
TextFormField(
|
|
controller: _contentController,
|
|
style: const TextStyle(
|
|
fontSize: 18,
|
|
color: Colors.black87,
|
|
height: 1.5,
|
|
),
|
|
maxLines: null,
|
|
minLines: 12,
|
|
decoration: const InputDecoration(
|
|
hintText: 'Scrivi qui la tua nota...',
|
|
hintStyle: TextStyle(color: Colors.black38),
|
|
border: InputBorder.none,
|
|
),
|
|
),
|
|
|
|
const SizedBox(height: 24),
|
|
const Divider(color: Colors.black12),
|
|
const SizedBox(height: 12),
|
|
|
|
// --- CONDIVISIONE ---
|
|
Material(
|
|
color: Colors.transparent,
|
|
child: SwitchListTile(
|
|
title: const Text(
|
|
'Condividi con tutti',
|
|
style: TextStyle(
|
|
color: Colors.black87,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
value: _isSharedAll,
|
|
activeThumbColor: Colors.black87,
|
|
contentPadding: EdgeInsets.zero,
|
|
onChanged: (val) {
|
|
setState(() {
|
|
_isSharedAll = val;
|
|
if (val) _selectedStaffIds.clear();
|
|
});
|
|
_triggerAutoSave();
|
|
},
|
|
),
|
|
),
|
|
|
|
if (!_isSharedAll) ...[
|
|
const SizedBox(height: 16),
|
|
Wrap(
|
|
spacing: 8.0,
|
|
runSpacing: 8.0,
|
|
children: [
|
|
ActionChip(
|
|
avatar: const Icon(
|
|
Icons.add,
|
|
size: 18,
|
|
color: Colors.white,
|
|
),
|
|
label: const Text(
|
|
'Aggiungi Colleghi',
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
onPressed: _showStaffPickerBottomSheet,
|
|
// Pesca in automatico il blu dei tuoi pulsanti Salva!
|
|
backgroundColor: Theme.of(
|
|
context,
|
|
).colorScheme.primary,
|
|
side: BorderSide
|
|
.none, // Togliamo il bordino per un look più pulito e solido
|
|
elevation:
|
|
2, // Una leggera ombra per farlo sembrare cliccabile
|
|
),
|
|
if (_selectedStaffIds.isNotEmpty)
|
|
Chip(
|
|
label: Text(
|
|
'${_selectedStaffIds.length} collaboratori',
|
|
style: const TextStyle(color: Colors.black87),
|
|
),
|
|
backgroundColor: Colors.white.withValues(
|
|
alpha: 0.6,
|
|
),
|
|
deleteIconColor: Colors.black87,
|
|
side: const BorderSide(color: Colors.black12),
|
|
onDeleted: () {
|
|
setState(() => _selectedStaffIds.clear());
|
|
_triggerAutoSave();
|
|
},
|
|
),
|
|
],
|
|
),
|
|
],
|
|
|
|
const SizedBox(height: 24),
|
|
const Divider(color: Colors.black12),
|
|
const SizedBox(height: 24),
|
|
|
|
// --- ALLEGATI ---
|
|
// SharedAttachmentsSection(
|
|
// parentType: AttachmentParentType.note,
|
|
// parentId: widget.note.id!,
|
|
// ),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|