Files
cesizen/mobile/lib/features/tracker/screens/tracker_screen.dart
T

289 lines
11 KiB
Dart

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../providers/emotion_provider.dart';
import 'package:intl/intl.dart';
class TrackerScreen extends StatefulWidget {
const TrackerScreen({super.key});
@override
State<TrackerScreen> createState() => _TrackerScreenState();
}
class CompactMoodView extends StatelessWidget {
const CompactMoodView({super.key});
@override
Widget build(BuildContext context) {
final provider = Provider.of<EmotionProvider>(context);
final lastEntry = provider.entries.isNotEmpty ? provider.entries.first : null;
final emotions = [
{'label': 'Très bien', 'emoji': '😊', 'color': const Color(0xFF4CAF50)},
{'label': 'Bien', 'emoji': '🙂', 'color': const Color(0xFF8BC34A)},
{'label': 'Neutre', 'emoji': '😐', 'color': const Color(0xFFFFC107)},
{'label': 'Pas top', 'emoji': '🙁', 'color': const Color(0xFFFF9800)},
{'label': 'Stressé', 'emoji': '😫', 'color': const Color(0xFFF44336)},
];
return Container(
padding: const EdgeInsets.all(16),
color: const Color(0xFF000022),
child: Column(
children: [
const Text(
'CESIZen',
style: TextStyle(
color: Color(0xFF000080),
fontWeight: FontWeight.bold,
fontSize: 18,
),
),
const SizedBox(height: 10),
if (lastEntry != null &&
DateFormat('yyyy-MM-dd').format(lastEntry.createdAt) ==
DateFormat('yyyy-MM-dd').format(DateTime.now()))
Expanded(
child: Center(
child: InkWell(
onTap: () {
// Logic to allow re-entry if needed, or just display
},
child: Container(
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: const Color(0xFF000080).withOpacity(0.3),
borderRadius: BorderRadius.circular(20),
),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
const Text(
'Humeur enregistrée',
style: TextStyle(color: Colors.white70, fontSize: 12),
),
const SizedBox(height: 10),
Text(
lastEntry.emotion,
style: const TextStyle(
color: Colors.white,
fontSize: 24,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 10),
const Text(
'Tapoter pour changer',
style: TextStyle(color: Colors.white54, fontSize: 10),
),
],
),
),
),
),
)
else
Expanded(
child: Column(
children: [
const Text(
'Comment allez-vous ?',
style: TextStyle(color: Colors.white70, fontSize: 14),
),
const SizedBox(height: 10),
Expanded(
child: ListView.builder(
itemCount: emotions.length,
itemBuilder: (context, index) {
final mood = emotions[index];
return Padding(
padding: const EdgeInsets.symmetric(vertical: 4),
child: ElevatedButton(
style: ElevatedButton.styleFrom(
backgroundColor: (mood['color'] as Color).withOpacity(0.2),
foregroundColor: Colors.white,
elevation: 0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(15),
),
),
onPressed: () {
provider.addEmotion(mood['label'] as String, "");
},
child: Row(
children: [
Text(mood['emoji'] as String, style: const TextStyle(fontSize: 20)),
const SizedBox(width: 15),
Text(mood['label'] as String),
],
),
),
);
},
),
),
],
),
),
],
),
);
}
}
class _TrackerScreenState extends State<TrackerScreen> {
@override
void initState() {
super.initState();
Future.microtask(() =>
Provider.of<EmotionProvider>(context, listen: false).loadEmotions());
}
void _showAddEmotionDialog() {
String selectedEmotion = 'Bien';
final noteController = TextEditingController();
final emotions = ['Très bien', 'Bien', 'Neutre', 'Pas top', 'Stressé'];
showDialog(
context: context,
builder: (context) => StatefulBuilder(
builder: (context, setDialogState) => AlertDialog(
title: const Text('Comment vous sentez-vous ?'),
content: Column(
mainAxisSize: MainAxisSize.min,
children: [
DropdownButton<String>(
value: selectedEmotion,
isExpanded: true,
items: emotions.map((String value) {
return DropdownMenuItem<String>(
value: value,
child: Text(value),
);
}).toList(),
onChanged: (newValue) {
setDialogState(() => selectedEmotion = newValue!);
},
),
const SizedBox(height: 20),
TextField(
controller: noteController,
decoration: const InputDecoration(
labelText: 'Note (optionnel)',
border: OutlineInputBorder(),
),
maxLines: 3,
),
],
),
actions: [
TextButton(
onPressed: () => Navigator.pop(context),
child: const Text('ANNULER'),
),
ElevatedButton(
onPressed: () async {
final success = await Provider.of<EmotionProvider>(context, listen: false)
.addEmotion(selectedEmotion, noteController.text);
if (mounted) {
Navigator.pop(context);
if (!success) {
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('Erreur lors de l\'ajout')),
);
}
}
},
child: const Text('ENREGISTRER'),
),
],
),
),
);
}
@override
Widget build(BuildContext context) {
final provider = Provider.of<EmotionProvider>(context);
return Scaffold(
appBar: AppBar(title: const Text('Journal des Émotions')),
body: provider.isLoading
? const Center(child: CircularProgressIndicator())
: provider.entries.isEmpty
? const Center(child: Text('Aucune entrée pour le moment.'))
: ListView.builder(
itemCount: provider.entries.length,
padding: const EdgeInsets.all(16),
itemBuilder: (context, index) {
final entry = provider.entries[index];
return Card(
margin: const EdgeInsets.only(bottom: 12),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(15)),
child: ListTile(
leading: _getEmotionIcon(entry.emotion),
title: Text(
entry.emotion,
style: const TextStyle(fontWeight: FontWeight.bold),
),
subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if (entry.note != null && entry.note!.isNotEmpty)
Text(entry.note!),
Text(
DateFormat('dd/MM/yyyy HH:mm').format(entry.createdAt),
style: const TextStyle(fontSize: 12, color: Colors.grey),
),
],
),
trailing: IconButton(
icon: const Icon(Icons.delete_outline, color: Colors.red),
onPressed: () => provider.deleteEmotion(entry.id!),
),
),
);
},
),
floatingActionButton: FloatingActionButton(
onPressed: _showAddEmotionDialog,
backgroundColor: const Color(0xFF000080),
child: const Icon(Icons.add, color: Colors.white),
),
);
}
Widget _getEmotionIcon(String emotion) {
IconData icon;
Color color;
switch (emotion) {
case 'Très bien':
icon = Icons.sentiment_very_satisfied;
color = const Color(0xFF4CAF50);
break;
case 'Bien':
icon = Icons.sentiment_satisfied;
color = const Color(0xFF8BC34A);
break;
case 'Neutre':
icon = Icons.sentiment_neutral;
color = const Color(0xFFFFC107);
break;
case 'Pas top':
icon = Icons.sentiment_dissatisfied;
color = const Color(0xFFFF9800);
break;
case 'Stressé':
icon = Icons.sentiment_very_dissatisfied;
color = const Color(0xFFF44336);
break;
default:
icon = Icons.sentiment_neutral;
color = Colors.grey;
}
return CircleAvatar(
backgroundColor: color.withOpacity(0.1),
child: Icon(icon, color: color),
);
}
}