240405/LearnIT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Muitas coisas e já me esqueci delas todas, cenas principalmente no dashboard do aluno bug fixes e etc

Browse Source
This commit is contained in:
240405
2026-05-17 19:42:49 +01:00
parent 7a26223a01
commit e388ca3b67
20 changed files with 1989 additions and 1224 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
lib/features/dashboard/presentation/widgets/dashboard_action_card.dart
View File

@@ -78,8 +78,7 @@ class DashboardActionCard extends StatelessWidget {
);
final titleColor = useGradient ? Colors.white : cs.onSurface;
final subtitleColor =
useGradient ? Colors.white : cs.onSurfaceVariant;
final subtitleColor = useGradient ? Colors.white : cs.onSurfaceVariant;
final iconBgColor = useGradient
? Colors.white.withOpacity(0.2)
: cs.primary.withOpacity(0.1);
@@ -246,7 +245,7 @@ class DashboardActionCard extends StatelessWidget {
}
}
/// Surface-styled vertical card (Quiz, Criar Turma, etc.).
/// Surface-styled vertical card (Quiz, Criar Disciplina, etc.).
class DashboardActionCardSurface extends StatelessWidget {
const DashboardActionCardSurface({
super.key,
@@ -291,7 +290,8 @@ class DashboardActionCardSurface extends StatelessWidget {
minHeight: minHeight,
useGradient: false,
iconSize: iconSize,
leadingIcon: leadingWidget ??
leadingIcon:
leadingWidget ??
Container(
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(

75
lib/features/dashboard/presentation/widgets/profile_section_widget.dart
View File

@@ -39,9 +39,9 @@ class _ProfileSectionWidgetState extends State<ProfileSectionWidget> {
final achievements = results[1] as List<Achievement>;
// Obter conquistas desbloqueadas recentemente
final unlockedAchievementIds = stats?.unlockedAchievements
.map((ua) => ua.achievementId)
.toSet() ?? {};
final unlockedAchievementIds =
stats?.unlockedAchievements.map((ua) => ua.achievementId).toSet() ??
{};
final recentUnlocked = achievements
.where((a) => unlockedAchievementIds.contains(a.id))
@@ -291,11 +291,11 @@ class _ProfileSectionWidgetState extends State<ProfileSectionWidget> {
),
)
.animate()
.slideY(
duration: const Duration(milliseconds: 800),
.fadeIn(
duration: const Duration(milliseconds: 300),
curve: Curves.easeOut,
)
.then(delay: const Duration(milliseconds: 400));
.then(delay: const Duration(milliseconds: 200));
}
Widget _buildAchievementItem(
@@ -314,9 +314,7 @@ class _ProfileSectionWidgetState extends State<ProfileSectionWidget> {
color: color.withValues(alpha: 0.1),
borderRadius: BorderRadius.circular(16),
),
child: Center(
child: Icon(icon, color: color, size: 16),
),
child: Center(child: Icon(icon, color: color, size: 16)),
),
const SizedBox(width: 12),
Expanded(
@@ -349,37 +347,54 @@ class _ProfileSectionWidgetState extends State<ProfileSectionWidget> {
IconData _getIconData(String iconName) {
switch (iconName) {
case 'emoji_events': return Icons.emoji_events;
case 'school': return Icons.school;
case 'local_fire_department': return Icons.local_fire_department;
case 'schedule': return Icons.schedule;
case 'trending_up': return Icons.trending_up;
case 'military_tech': return Icons.military_tech;
case 'workspace_premium': return Icons.workspace_premium;
case 'psychology': return Icons.psychology;
case 'lightbulb': return Icons.lightbulb;
case 'star': return Icons.star;
case 'speed': return Icons.speed;
default: return Icons.star;
case 'emoji_events':
return Icons.emoji_events;
case 'school':
return Icons.school;
case 'local_fire_department':
return Icons.local_fire_department;
case 'schedule':
return Icons.schedule;
case 'trending_up':
return Icons.trending_up;
case 'military_tech':
return Icons.military_tech;
case 'workspace_premium':
return Icons.workspace_premium;
case 'psychology':
return Icons.psychology;
case 'lightbulb':
return Icons.lightbulb;
case 'star':
return Icons.star;
case 'speed':
return Icons.speed;
default:
return Icons.star;
}
}
Color _getRarityColor(String rarity) {
switch (rarity) {
case 'common': return Colors.grey;
case 'rare': return Colors.blue;
case 'epic': return Colors.purple;
case 'legendary': return Colors.orange;
default: return Colors.grey;
case 'common':
return Colors.grey;
case 'rare':
return Colors.blue;
case 'epic':
return Colors.purple;
case 'legendary':
return Colors.orange;
default:
return Colors.grey;
}
}
String _getProgressMessage() {
if (_userStats == null) return 'Continue estudando!';
final streak = _userStats!.currentStreak;
final studyTime = _userStats!.totalStudyTime;
if (streak >= 7) return 'Incrível streak! 🔥';
if (studyTime >= 300) return 'Dedicação exemplar! 📚';
if (streak >= 3) return 'Bom progresso! 📈';
@@ -388,10 +403,10 @@ class _ProfileSectionWidgetState extends State<ProfileSectionWidget> {
String _getProgressComparison() {
if (_userStats == null) return 'Comece sua jornada de estudos';
final weeklyTime = _userStats!.weeklyStudyTime;
final concepts = _userStats!.masteredConcepts.length;
if (weeklyTime >= 180) return 'Você está 15% acima da média esta semana';
if (concepts >= 3) return 'Domine $concepts conceitos esta semana';
if (weeklyTime >= 60) return 'Bom tempo de estudo esta semana';

20
lib/features/dashboard/presentation/widgets/progress_hero_widget.dart
View File

@@ -10,10 +10,7 @@ import '../../../../core/services/auth_service.dart';
class ProgressHeroWidget extends StatefulWidget {
final String userName;
const ProgressHeroWidget({
super.key,
required this.userName,
});
const ProgressHeroWidget({super.key, required this.userName});
@override
State<ProgressHeroWidget> createState() => _ProgressHeroWidgetState();
@@ -28,11 +25,11 @@ class _ProgressHeroWidgetState extends State<ProgressHeroWidget> {
if (snapshot.connectionState == ConnectionState.waiting) {
return _buildLoadingState();
}
if (snapshot.hasError) {
return _buildErrorState();
}
final userStats = snapshot.data;
return _buildContent(userStats);
},
@@ -71,10 +68,10 @@ class _ProgressHeroWidgetState extends State<ProgressHeroWidget> {
}
Widget _buildContent(UserStats? userStats) {
final streakDays = userStats?.currentStreak ?? 0;
final overallProgress = _calculateOverallProgress(userStats);
final masteredConcepts = userStats?.masteredConcepts.map((c) => c.conceptName).toList() ?? [];
final masteredConcepts =
userStats?.masteredConcepts.map((c) => c.conceptName).toList() ?? [];
final studyTimeMinutes = userStats?.totalStudyTime ?? 0;
return Container(
@@ -236,9 +233,6 @@ class _ProgressHeroWidgetState extends State<ProgressHeroWidget> {
),
],
),
).animate().scale(
duration: const Duration(milliseconds: 600),
curve: Curves.elasticOut,
),
const SizedBox(height: 20),
@@ -324,8 +318,8 @@ class _ProgressHeroWidgetState extends State<ProgressHeroWidget> {
),
)
.animate()
.slideX(
duration: const Duration(milliseconds: 800),
.fadeIn(
duration: const Duration(milliseconds: 300),
curve: Curves.easeOut,
)
.then(delay: const Duration(milliseconds: 200)),

445
lib/features/dashboard/presentation/widgets/quick_access_widget.dart
View File

@@ -4,138 +4,198 @@ import 'package:go_router/go_router.dart';
import '../../../classes/presentation/pages/join_class_page.dart';
import 'dashboard_action_card.dart';
/// Quick access cards for Tutor IA and Quiz
/// Quick access cards for Student Dashboard with horizontal scrollable row
class QuickAccessWidget extends StatelessWidget {
const QuickAccessWidget({super.key});
/// Mesmas dimensões dos cards em "Ações Rápidas" do professor.
static const double _scrollCardWidth = 200;
static const double _scrollRowHeight = 150;
static const double _cardMinHeight = 150;
static const EdgeInsets _cardPadding = EdgeInsets.all(16);
static const double _titleFontSize = 16;
static const double _subtitleFontSize = 13;
static const double _iconSize = 24;
static const double _iconPadding = 10;
@override
Widget build(BuildContext context) {
final cards = [
_buildTutorIACard(context),
_buildQuizCard(context),
_buildAchievementsCard(context),
_buildQuizManagementCard(context),
];
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Acesso Rápido',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurface,
fontSize: 20,
fontWeight: FontWeight.bold,
InkWell(
onTap: () => _showQuickAccessList(context),
borderRadius: BorderRadius.circular(8),
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 4, horizontal: 8),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Text(
'Acesso Rápido',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurface,
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
const SizedBox(width: 8),
Icon(
Icons.expand_more,
color: Theme.of(context).colorScheme.onSurfaceVariant,
size: 20,
),
],
),
),
),
const SizedBox(height: 16),
Column(
children: [
IntrinsicHeight(
child: Row(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Expanded(
flex: 2,
child: _buildTutorIACard(context),
),
const SizedBox(width: 16),
Expanded(
flex: 2,
child: _buildQuizCard(context),
),
const SizedBox(width: 16),
Expanded(
flex: 2,
child: _buildAchievementsCard(context),
),
],
),
const SizedBox(height: 12),
IntrinsicHeight(
child: SingleChildScrollView(
scrollDirection: Axis.horizontal,
clipBehavior: Clip.none,
padding: const EdgeInsets.only(right: 16),
child: Row(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
SizedBox(width: _scrollCardWidth, child: cards[0]),
const SizedBox(width: 12),
SizedBox(width: _scrollCardWidth, child: cards[1]),
const SizedBox(width: 12),
SizedBox(width: _scrollCardWidth, child: cards[2]),
const SizedBox(width: 12),
SizedBox(width: _scrollCardWidth, child: cards[3]),
],
),
],
),
),
const SizedBox(height: 16),
_buildQuizManagementCard(context),
const SizedBox(height: 16),
// Entrar numa Disciplina (full width)
_buildJoinClassCard(context),
],
)
.animate()
.slideY(
duration: const Duration(milliseconds: 800),
.fadeIn(
duration: const Duration(milliseconds: 300),
curve: Curves.easeOut,
)
.then(delay: const Duration(milliseconds: 200));
}
Widget _buildTutorIACard(BuildContext context) {
return DashboardActionCard(
title: 'Tutor IA',
subtitle: 'Assistente de estudos',
icon: Icons.psychology,
useGradient: true,
minHeight: 150,
onTap: () => context.go('/ai-tutor'),
)
.animate()
.scale(
duration: const Duration(milliseconds: 600),
curve: Curves.elasticOut,
)
.then(delay: const Duration(milliseconds: 100));
}
Widget _buildTutorIACard(BuildContext context) {
return ClipRRect(
borderRadius: BorderRadius.circular(16),
child:
DashboardActionCard(
title: 'Tutor IA',
subtitle: 'Assistente de estudos',
icon: Icons.psychology,
useGradient: true,
minHeight: _cardMinHeight,
iconSize: _iconSize,
iconPadding: _iconPadding,
titleFontSize: _titleFontSize,
subtitleFontSize: _subtitleFontSize,
padding: _cardPadding,
onTap: () => context.go('/ai-tutor'),
)
.animate()
.fadeIn(
duration: const Duration(milliseconds: 300),
curve: Curves.easeOut,
)
.then(delay: const Duration(milliseconds: 100)),
);
}
Widget _buildQuizCard(BuildContext context) {
final cs = Theme.of(context).colorScheme;
return DashboardActionCardSurface(
title: 'Quiz',
subtitle: 'Testa os teus conhecimentos',
icon: Icons.quiz,
minHeight: 150,
iconColor: cs.secondary,
onTap: () => context.go('/quiz'),
)
.animate()
.scale(
duration: const Duration(milliseconds: 600),
curve: Curves.elasticOut,
)
.then(delay: const Duration(milliseconds: 200));
return ClipRRect(
borderRadius: BorderRadius.circular(16),
child:
DashboardActionCardSurface(
title: 'Quiz',
subtitle: 'Testa os teus conhecimentos',
icon: Icons.quiz,
minHeight: _cardMinHeight,
titleFontSize: _titleFontSize,
subtitleFontSize: _subtitleFontSize,
iconSize: _iconSize,
padding: _cardPadding,
onTap: () => context.go('/quiz'),
)
.animate()
.fadeIn(
duration: const Duration(milliseconds: 300),
curve: Curves.easeOut,
)
.then(delay: const Duration(milliseconds: 150)),
);
}
Widget _buildAchievementsCard(BuildContext context) {
final cs = Theme.of(context).colorScheme;
return DashboardActionCardSurface(
title: 'Conquistas',
subtitle: 'Ver medals',
icon: Icons.emoji_events,
minHeight: 150,
iconColor: Colors.amber,
onTap: () => context.go('/student/achievements'),
)
.animate()
.scale(
duration: const Duration(milliseconds: 600),
curve: Curves.elasticOut,
)
.then(delay: const Duration(milliseconds: 200));
return ClipRRect(
borderRadius: BorderRadius.circular(16),
child:
DashboardActionCardSurface(
title: 'Conquistas',
subtitle: 'Ver medals',
icon: Icons.emoji_events,
minHeight: _cardMinHeight,
titleFontSize: _titleFontSize,
subtitleFontSize: _subtitleFontSize,
iconSize: _iconSize,
padding: _cardPadding,
iconColor: Colors.amber,
onTap: () => context.go('/student/achievements'),
)
.animate()
.fadeIn(
duration: const Duration(milliseconds: 300),
curve: Curves.easeOut,
)
.then(delay: const Duration(milliseconds: 200)),
);
}
Widget _buildQuizManagementCard(BuildContext context) {
final cs = Theme.of(context).colorScheme;
return DashboardActionCardSurface(
title: 'Gerenciar Quizzes',
subtitle: 'Ver histórico ou eliminar',
icon: Icons.manage_history,
minHeight: 80,
iconColor: cs.tertiary,
onTap: () => context.go('/quiz-management'),
)
.animate()
.slideY(
duration: const Duration(milliseconds: 800),
curve: Curves.easeOut,
)
.then(delay: const Duration(milliseconds: 200));
return ClipRRect(
borderRadius: BorderRadius.circular(16),
child:
DashboardActionCardSurface(
title: 'Gerenciar Quizzes',
subtitle: 'Ver histórico ou eliminar',
icon: Icons.manage_history,
minHeight: _cardMinHeight,
titleFontSize: _titleFontSize,
subtitleFontSize: _subtitleFontSize,
iconSize: _iconSize,
padding: _cardPadding,
iconColor: cs.tertiary,
onTap: () => context.go('/quiz-management'),
)
.animate()
.fadeIn(
duration: const Duration(milliseconds: 300),
curve: Curves.easeOut,
)
.then(delay: const Duration(milliseconds: 250)),
);
}
Widget _buildJoinClassCard(BuildContext context) {
return DashboardActionCard(
title: 'Entrar numa Turma',
subtitle: 'Junta-te a uma turma com o código',
title: 'Entrar numa Disciplina',
subtitle: 'Junta-te a uma disciplina com o código',
icon: Icons.group_add,
layout: DashboardActionCardLayout.horizontal,
minHeight: 0,
@@ -147,10 +207,193 @@ class QuickAccessWidget extends StatelessWidget {
},
)
.animate()
.scale(
duration: const Duration(milliseconds: 600),
curve: Curves.elasticOut,
.fadeIn(
duration: const Duration(milliseconds: 300),
curve: Curves.easeOut,
)
.then(delay: const Duration(milliseconds: 300));
}
void _showQuickAccessList(BuildContext context) {
final items = [
_QuickAccessItem(
title: 'Tutor IA',
subtitle: 'Assistente de estudos',
icon: Icons.psychology,
useGradient: true,
onTap: () {
Navigator.pop(context);
context.go('/ai-tutor');
},
),
_QuickAccessItem(
title: 'Quiz',
subtitle: 'Testa os teus conhecimentos',
icon: Icons.quiz,
onTap: () {
Navigator.pop(context);
context.go('/quiz');
},
),
_QuickAccessItem(
title: 'Conquistas',
subtitle: 'Ver medals',
icon: Icons.emoji_events,
iconColor: Colors.amber,
onTap: () {
Navigator.pop(context);
context.go('/student/achievements');
},
),
_QuickAccessItem(
title: 'Gerenciar Quizzes',
subtitle: 'Ver histórico ou eliminar',
icon: Icons.manage_history,
onTap: () {
Navigator.pop(context);
context.go('/quiz-management');
},
),
_QuickAccessItem(
title: 'Entrar numa Disciplina',
subtitle: 'Junta-te a uma disciplina com o código',
icon: Icons.group_add,
onTap: () {
Navigator.pop(context);
Navigator.push(
context,
MaterialPageRoute(builder: (_) => const JoinClassPage()),
);
},
),
];
showModalBottomSheet(
context: context,
isScrollControlled: true,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
),
builder: (context) => DraggableScrollableSheet(
initialChildSize: 0.6,
minChildSize: 0.3,
maxChildSize: 0.9,
expand: false,
builder: (context, scrollController) {
return Column(
children: [
Container(
margin: const EdgeInsets.only(top: 8),
width: 40,
height: 4,
decoration: BoxDecoration(
color: Colors.grey[300],
borderRadius: BorderRadius.circular(2),
),
),
Padding(
padding: const EdgeInsets.all(20),
child: Text(
'Acesso Rápido',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurface,
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
),
Expanded(
child: ListView.builder(
controller: scrollController,
padding: const EdgeInsets.symmetric(horizontal: 16),
itemCount: items.length,
itemBuilder: (context, index) {
final item = items[index];
return Card(
margin: const EdgeInsets.only(bottom: 12),
elevation: 0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
side: BorderSide(
color: Theme.of(
context,
).colorScheme.outline.withOpacity(0.2),
),
),
child: ListTile(
leading: Container(
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
color: item.useGradient
? Theme.of(
context,
).colorScheme.primary.withOpacity(0.1)
: (item.iconColor ??
Theme.of(
context,
).colorScheme.secondary)
.withOpacity(0.1),
borderRadius: BorderRadius.circular(10),
),
child: Icon(
item.icon,
color: item.useGradient
? Theme.of(context).colorScheme.primary
: (item.iconColor ??
Theme.of(context).colorScheme.secondary),
size: 24,
),
),
title: Text(
item.title,
style: TextStyle(
fontWeight: FontWeight.bold,
color: Theme.of(context).colorScheme.onSurface,
),
),
subtitle: Text(
item.subtitle,
style: TextStyle(
color: Theme.of(
context,
).colorScheme.onSurfaceVariant,
fontSize: 13,
),
),
trailing: Icon(
Icons.arrow_forward_ios,
color: Theme.of(context).colorScheme.primary,
size: 16,
),
onTap: item.onTap,
),
);
},
),
),
const SizedBox(height: 20),
],
);
},
),
);
}
}
class _QuickAccessItem {
final String title;
final String subtitle;
final IconData icon;
final bool useGradient;
final Color? iconColor;
final VoidCallback onTap;
_QuickAccessItem({
required this.title,
required this.subtitle,
required this.icon,
this.useGradient = false,
this.iconColor,
required this.onTap,
});
}

430
lib/features/dashboard/presentation/widgets/student_classes_list_widget.dart
View File

@@ -1,12 +1,21 @@
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import '../../../../core/services/auth_service.dart';
/// Widget para listar as turmas onde o aluno está inscrito
class StudentClassesListWidget extends StatelessWidget {
/// Widget para listar as disciplinas onde o aluno está inscrito
class StudentClassesListWidget extends StatefulWidget {
const StudentClassesListWidget({super.key});
@override
State<StudentClassesListWidget> createState() =>
_StudentClassesListWidgetState();
}
class _StudentClassesListWidgetState extends State<StudentClassesListWidget> {
List<DocumentSnapshot>? _enrollments;
@override
Widget build(BuildContext context) {
final currentUser = AuthService.currentUser;
@@ -22,7 +31,8 @@ class StudentClassesListWidget extends StatelessWidget {
.orderBy('joinedAt', descending: true)
.snapshots(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
if (snapshot.connectionState == ConnectionState.waiting &&
_enrollments == null) {
return Center(
child: Padding(
padding: const EdgeInsets.all(16.0),
@@ -33,17 +43,20 @@ class StudentClassesListWidget extends StatelessWidget {
);
}
if (snapshot.hasError) {
if (snapshot.hasError && _enrollments == null) {
return const SizedBox.shrink();
}
final enrollments = snapshot.data?.docs ?? [];
final enrollments = snapshot.data?.docs ?? _enrollments ?? [];
if (snapshot.data?.docs != null) {
_enrollments = snapshot.data?.docs;
}
if (enrollments.isEmpty) {
return Padding(
padding: const EdgeInsets.symmetric(vertical: 16.0),
child: Text(
'Ainda não entraste em nenhuma turma.',
'Ainda não entraste em nenhuma disciplina.',
style: TextStyle(color: Colors.grey[600], fontSize: 14),
),
);
@@ -52,11 +65,30 @@ class StudentClassesListWidget extends StatelessWidget {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'As Minhas Turmas',
style: Theme.of(context).textTheme.titleLarge?.copyWith(
color: Theme.of(context).colorScheme.onSurface,
fontWeight: FontWeight.bold,
InkWell(
onTap: () => _showClassesList(context, enrollments),
borderRadius: BorderRadius.circular(8),
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 4, horizontal: 8),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Text(
'As Minhas Disciplinas',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurface,
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
const SizedBox(width: 8),
Icon(
Icons.expand_more,
color: Theme.of(context).colorScheme.onSurfaceVariant,
size: 20,
),
],
),
),
),
const SizedBox(height: 16),
@@ -93,6 +125,7 @@ class StudentClassesListWidget extends StatelessWidget {
Widget _buildClassCard(DocumentSnapshot enrollmentDoc) {
final enrollmentData = enrollmentDoc.data() as Map<String, dynamic>;
final classId = enrollmentData['classId'] as String? ?? '';
final enrollmentId = enrollmentDoc.id;
if (classId.isEmpty) {
return const SizedBox.shrink();
@@ -133,60 +166,341 @@ class StudentClassesListWidget extends StatelessWidget {
final className = classData['name'] as String? ?? 'Sem nome';
final classCode = classData['code'] as String? ?? '----';
return Container(
width: 200,
constraints: const BoxConstraints(minHeight: 150),
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surface,
borderRadius: BorderRadius.circular(16),
boxShadow: [
BoxShadow(
color: Theme.of(context).colorScheme.shadow.withOpacity(0.05),
blurRadius: 10,
offset: const Offset(0, 4),
),
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Container(
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.primary.withOpacity(0.1),
borderRadius: BorderRadius.circular(10),
return GestureDetector(
onTap: () => _showRemoveClassDialog(context, enrollmentId, className),
child: Container(
width: 200,
constraints: const BoxConstraints(minHeight: 150),
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surface,
borderRadius: BorderRadius.circular(16),
boxShadow: [
BoxShadow(
color: Theme.of(context).colorScheme.shadow.withOpacity(0.05),
blurRadius: 10,
offset: const Offset(0, 4),
),
child: Icon(
Icons.school,
color: Theme.of(context).colorScheme.primary,
size: 24,
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Container(
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
color: Theme.of(
context,
).colorScheme.primary.withOpacity(0.1),
borderRadius: BorderRadius.circular(10),
),
child: Icon(
Icons.school,
color: Theme.of(context).colorScheme.primary,
size: 24,
),
),
),
const SizedBox(height: 12),
Text(
className,
style: TextStyle(
color: Theme.of(context).colorScheme.onSurface,
fontSize: 16,
fontWeight: FontWeight.bold,
const SizedBox(height: 12),
Text(
className,
style: TextStyle(
color: Theme.of(context).colorScheme.onSurface,
fontSize: 16,
fontWeight: FontWeight.bold,
),
maxLines: 2,
overflow: TextOverflow.ellipsis,
),
maxLines: 2,
overflow: TextOverflow.ellipsis,
),
const SizedBox(height: 4),
Text(
'Código: $classCode',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurfaceVariant,
fontSize: 13,
const SizedBox(height: 4),
Text(
'Código: $classCode',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurfaceVariant,
fontSize: 13,
),
),
),
],
],
),
),
);
},
);
}
void _showClassesList(
BuildContext context,
List<DocumentSnapshot> enrollments,
) {
showModalBottomSheet(
context: context,
isScrollControlled: true,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
),
builder: (context) => DraggableScrollableSheet(
initialChildSize: 0.6,
minChildSize: 0.3,
maxChildSize: 0.9,
expand: false,
builder: (context, scrollController) {
return Column(
children: [
Container(
margin: const EdgeInsets.only(top: 8),
width: 40,
height: 4,
decoration: BoxDecoration(
color: Colors.grey[300],
borderRadius: BorderRadius.circular(2),
),
),
Padding(
padding: const EdgeInsets.all(20),
child: Text(
'As Minhas Disciplinas',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurface,
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
),
Expanded(
child: ListView.builder(
controller: scrollController,
padding: const EdgeInsets.symmetric(horizontal: 16),
itemCount: enrollments.length,
itemBuilder: (context, index) {
return _buildClassListTile(context, enrollments[index]);
},
),
),
const SizedBox(height: 20),
],
);
},
),
);
}
Widget _buildClassListTile(
BuildContext context,
DocumentSnapshot enrollmentDoc,
) {
final enrollmentData = enrollmentDoc.data() as Map<String, dynamic>;
final classId = enrollmentData['classId'] as String? ?? '';
final enrollmentId = enrollmentDoc.id;
if (classId.isEmpty) {
return const SizedBox.shrink();
}
return FutureBuilder<DocumentSnapshot>(
future: FirebaseFirestore.instance
.collection('classes')
.doc(classId)
.get(),
builder: (context, snapshot) {
if (!snapshot.hasData || !snapshot.data!.exists) {
return const Card(
child: ListTile(
leading: CircularProgressIndicator(),
title: Text('Carregando...'),
),
);
}
final classData = snapshot.data!.data() as Map<String, dynamic>;
final className = classData['name'] as String? ?? 'Sem nome';
final classCode = classData['code'] as String? ?? '----';
return Card(
margin: const EdgeInsets.only(bottom: 12),
elevation: 0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
side: BorderSide(
color: Theme.of(context).colorScheme.outline.withOpacity(0.2),
),
),
child: ListTile(
leading: Container(
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.primary.withOpacity(0.1),
borderRadius: BorderRadius.circular(10),
),
child: Icon(
Icons.school,
color: Theme.of(context).colorScheme.primary,
size: 24,
),
),
title: Text(
className,
style: TextStyle(
fontWeight: FontWeight.bold,
color: Theme.of(context).colorScheme.onSurface,
),
),
subtitle: Text(
'Código: $classCode',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurfaceVariant,
fontSize: 13,
),
),
trailing: Icon(
Icons.delete_outline,
color: Theme.of(context).colorScheme.error,
size: 20,
),
onTap: () =>
_showRemoveClassDialog(context, enrollmentId, className),
),
);
},
);
}
void _showRemoveClassDialog(
BuildContext context,
String enrollmentId,
String className,
) {
final textController = TextEditingController();
bool isConfirmEnabled = false;
showDialog(
context: context,
builder: (context) => StatefulBuilder(
builder: (context, setDialogState) {
return AlertDialog(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
),
title: const Text('Sair da disciplina'),
content: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Para confirmar que queres sair da disciplina "$className", escreve o nome desta disciplina:',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurfaceVariant,
fontSize: 14,
),
),
const SizedBox(height: 16),
TextField(
controller: textController,
onChanged: (value) {
setDialogState(() {
isConfirmEnabled = value.trim() == className.trim();
});
},
decoration: InputDecoration(
hintText: 'Nome da disciplina',
filled: true,
fillColor: Theme.of(
context,
).colorScheme.surfaceContainerHighest,
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
borderSide: BorderSide.none,
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
borderSide: BorderSide.none,
),
focusedBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(12),
borderSide: BorderSide(
color: Theme.of(context).colorScheme.primary,
width: 2,
),
),
),
),
const SizedBox(height: 8),
Text(
'Esta ação não pode ser desfeita.',
style: TextStyle(
color: Theme.of(context).colorScheme.error,
fontSize: 12,
),
),
],
),
actions: [
TextButton(
onPressed: () => Navigator.pop(context),
child: Text(
'Cancelar',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurfaceVariant,
),
),
),
ElevatedButton(
onPressed: isConfirmEnabled
? () async {
Navigator.pop(context);
await _removeEnrollment(enrollmentId);
}
: null,
style: ElevatedButton.styleFrom(
backgroundColor: Theme.of(context).colorScheme.error,
foregroundColor: Colors.white,
disabledBackgroundColor: Theme.of(
context,
).colorScheme.error.withOpacity(0.3),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
),
child: const Text('Sair'),
),
],
);
},
),
);
}
Future<void> _removeEnrollment(String enrollmentId) async {
try {
await FirebaseFirestore.instance
.collection('enrollments')
.doc(enrollmentId)
.delete();
if (mounted) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: const Text('Saíste da disciplina com sucesso'),
backgroundColor: Theme.of(context).colorScheme.primary,
behavior: SnackBarBehavior.floating,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
),
);
}
} catch (e) {
if (mounted) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('Erro ao sair da disciplina: $e'),
backgroundColor: Colors.red,
behavior: SnackBarBehavior.floating,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
),
);
}
}
}
}

477
lib/features/dashboard/presentation/widgets/teacher_analytics_preview_widget.dart
View File

@@ -1,311 +1,243 @@
import 'package:flutter/material.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import '../../../../core/theme/app_theme_extension.dart';
import 'package:flutter_animate/flutter_animate.dart';
import '../../../../core/services/auth_service.dart';
import '../../../../core/services/gamification_service.dart';
import '../../../../core/models/class_stats.dart';
/// Analytics preview section for teacher dashboard
class TeacherAnalyticsPreviewWidget extends StatefulWidget {
class TeacherAnalyticsPreviewWidget extends StatelessWidget {
const TeacherAnalyticsPreviewWidget({super.key});
@override
State<TeacherAnalyticsPreviewWidget> createState() => _TeacherAnalyticsPreviewWidgetState();
}
class _TeacherAnalyticsPreviewWidgetState extends State<TeacherAnalyticsPreviewWidget> {
List<ClassStats> _classStats = [];
List<StudentRanking> _topStudents = [];
bool _loading = true;
@override
void initState() {
super.initState();
_loadAnalyticsData();
}
Future<void> _loadAnalyticsData() async {
try {
final user = AuthService.currentUser;
if (user == null) return;
// Obter turmas do professor
final classesSnapshot = await FirebaseFirestore.instance
.collection('classes')
.where('teacherId', isEqualTo: user.uid)
.get();
final classStatsList = <ClassStats>[];
for (final classDoc in classesSnapshot.docs) {
final classId = classDoc.id;
// Forçar atualização para obter dados mais recentes
final stats = await GamificationService.getClassStats(classId, forceRefresh: true);
if (stats != null) {
classStatsList.add(stats);
}
}
// Obter melhores alunos de todas as turmas
final allTopStudents = <StudentRanking>[];
for (final classStats in classStatsList) {
final ranking = await GamificationService.getClassRanking(classStats.classId);
allTopStudents.addAll(ranking.take(3)); // Top 3 de cada turma
}
// Ordenar por score e pegar os melhores
allTopStudents.sort((a, b) => b.overallScore.compareTo(a.overallScore));
final topStudents = allTopStudents.take(4).toList();
if (mounted) {
setState(() {
_classStats = classStatsList;
_topStudents = topStudents;
_loading = false;
});
}
} catch (e) {
print('Error loading analytics data: $e');
if (mounted) {
setState(() {
_loading = false;
});
}
}
}
int get totalStudents => _classStats.fold(0, (sum, stats) => sum + stats.totalStudents);
int get activeStudents => _classStats.fold(0, (sum, stats) => sum + stats.activeStudents);
double get averageProgress {
if (_classStats.isEmpty) return 0.0;
final totalProgress = _classStats.fold(0.0, (sum, stats) => sum + stats.averageProgress);
return totalProgress / _classStats.length;
}
int get studentsNeedingSupport => _classStats.fold(0, (sum, stats) => sum + stats.studentsNeedingSupport.length);
@override
Widget build(BuildContext context) {
if (_loading) {
return const Center(child: CircularProgressIndicator());
}
final user = AuthService.currentUser;
final userName = user?.displayName ?? 'Professor';
final userEmail = user?.email ?? '';
return Container(
margin: const EdgeInsets.only(top: 24),
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surface,
borderRadius: BorderRadius.circular(16),
border: Border.all(
color: Theme.of(context).colorScheme.outline.withOpacity(0.2),
),
boxShadow: [
BoxShadow(
color: Theme.of(context).colorScheme.shadow.withOpacity(0.05),
blurRadius: 10,
offset: const Offset(0, 4),
),
],
margin: const EdgeInsets.only(top: 24),
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surface,
borderRadius: BorderRadius.circular(16),
border: Border.all(
color: Theme.of(context).colorScheme.outline.withOpacity(0.2),
),
boxShadow: [
BoxShadow(
color: Theme.of(context).colorScheme.shadow.withOpacity(0.05),
blurRadius: 10,
offset: const Offset(0, 4),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// Profile Header
Row(
children: [
// Profile Header
Row(
children: [
Container(
width: 48,
height: 48,
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [
AppThemeExtras.of(context).actionCardGradientStart,
AppThemeExtras.of(context).actionCardGradientEnd,
],
),
borderRadius: BorderRadius.circular(24),
),
child: const Icon(
Icons.school,
color: Colors.white,
size: 24,
),
),
const SizedBox(width: 16),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
userName,
style: TextStyle(
color: Theme.of(context).colorScheme.onSurface,
fontSize: 18,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 2),
SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Text(
userEmail,
style: TextStyle(
color: Theme.of(
context,
).colorScheme.onSurfaceVariant,
fontSize: 14,
),
),
if (userEmail.length > 20) ...[
const SizedBox(width: 8),
Icon(
Icons.more_horiz,
color: Theme.of(
context,
).colorScheme.onSurfaceVariant,
size: 16,
),
],
],
),
),
],
),
),
],
),
const SizedBox(height: 20),
// Quick Stats Row
Row(
children: [
_buildQuickStat(
icon: Icons.check_circle,
label: 'Alunos Ativos',
value: '$activeStudents/$totalStudents',
color: Theme.of(context).colorScheme.primary,
),
const SizedBox(width: 12),
_buildQuickStat(
icon: Icons.warning_amber,
label: 'Precisam Apoio',
value: '$studentsNeedingSupport',
color: Theme.of(context).colorScheme.secondary,
),
const SizedBox(width: 12),
_buildQuickStat(
icon: Icons.emoji_events,
label: 'Média Turma',
value: '${(averageProgress * 100).toInt()}%',
color: Theme.of(
context,
).colorScheme.primary.withValues(alpha: 0.8),
),
],
),
const SizedBox(height: 20),
// Top Performing Students Preview
Row(
children: [
Icon(
Icons.leaderboard,
color: Theme.of(context).colorScheme.secondary,
size: 20,
),
const SizedBox(width: 8),
Text(
'Melhores Desempenhos',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurface,
fontSize: 16,
fontWeight: FontWeight.bold,
),
),
],
),
const SizedBox(height: 12),
// Student List Preview
..._topStudents.map((student) {
return Padding(
padding: const EdgeInsets.only(bottom: 8),
child: _buildStudentPerformanceItem(
context,
student.studentName,
student.overallScore.toInt(),
_getScoreColor(student.overallScore),
),
);
}),
const SizedBox(height: 20),
// Content Quality Alert
Container(
padding: const EdgeInsets.all(16),
width: 48,
height: 48,
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surfaceContainerHighest,
borderRadius: BorderRadius.circular(12),
border: Border.all(
color: Theme.of(
context,
).colorScheme.outline.withOpacity(0.2),
gradient: LinearGradient(
colors: [
AppThemeExtras.of(context).actionCardGradientStart,
AppThemeExtras.of(context).actionCardGradientEnd,
],
),
borderRadius: BorderRadius.circular(24),
),
child: Row(
child: const Icon(Icons.school, color: Colors.white, size: 24),
),
const SizedBox(width: 16),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Icon(
Icons.info_outline,
color: Theme.of(context).colorScheme.primary,
size: 20,
Text(
userName,
style: TextStyle(
color: Theme.of(context).colorScheme.onSurface,
fontSize: 18,
fontWeight: FontWeight.bold,
),
),
const SizedBox(width: 12),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
const SizedBox(height: 2),
SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Text(
'Qualidade do Conteúdo',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurface,
fontSize: 14,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 2),
Text(
'${_classStats.fold(0, (sum, stats) => sum + stats.totalContent)} conteúdos • $studentsNeedingSupport alunos precisam de apoio',
userEmail,
style: TextStyle(
color: Theme.of(
context,
).colorScheme.onSurfaceVariant,
fontSize: 12,
fontSize: 14,
),
),
if (userEmail.length > 20) ...[
const SizedBox(width: 8),
Icon(
Icons.more_horiz,
color: Theme.of(
context,
).colorScheme.onSurfaceVariant,
size: 16,
),
],
],
),
),
],
),
),
Container(
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: Theme.of(
context,
).colorScheme.secondary.withOpacity(0.1),
borderRadius: BorderRadius.circular(8),
),
child: Icon(
Icons.settings,
color: Theme.of(context).colorScheme.secondary,
size: 20,
),
),
],
),
)
.animate()
.slideY(
duration: const Duration(milliseconds: 800),
curve: Curves.easeOut,
)
.then(delay: const Duration(milliseconds: 400));
const SizedBox(height: 20),
// Quick Stats Row
Row(
children: [
_buildQuickStat(
icon: Icons.check_circle,
label: 'Alunos Ativos',
value: '18/24',
color: Theme.of(context).colorScheme.primary,
),
const SizedBox(width: 12),
_buildQuickStat(
icon: Icons.warning_amber,
label: 'Precisam Apoio',
value: '3',
color: Theme.of(context).colorScheme.secondary,
),
const SizedBox(width: 12),
_buildQuickStat(
icon: Icons.emoji_events,
label: 'Média Disciplina',
value: '72%',
color: Theme.of(context).colorScheme.primary.withOpacity(0.8),
),
],
),
const SizedBox(height: 20),
// Top Performing Students Preview
Row(
children: [
Icon(
Icons.leaderboard,
color: Theme.of(context).colorScheme.secondary,
size: 20,
),
const SizedBox(width: 8),
Text(
'Melhores Desempenhos',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurface,
fontSize: 16,
fontWeight: FontWeight.bold,
),
),
],
),
const SizedBox(height: 12),
// Student List Preview
_buildStudentPerformanceItem(
context,
'Ana Silva',
95,
Theme.of(context).colorScheme.tertiary,
),
const SizedBox(height: 8),
_buildStudentPerformanceItem(
context,
'João Costa',
88,
Theme.of(context).colorScheme.primary,
),
const SizedBox(height: 8),
_buildStudentPerformanceItem(
context,
'Maria Santos',
82,
Theme.of(context).colorScheme.primary,
),
const SizedBox(height: 8),
_buildStudentPerformanceItem(
context,
'Pedro Lima',
45,
Theme.of(context).colorScheme.secondary,
),
const SizedBox(height: 20),
// Content Quality Alert
Container(
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surfaceContainerHighest,
borderRadius: BorderRadius.circular(12),
border: Border.all(
color: Theme.of(context).colorScheme.outline.withOpacity(0.2),
),
),
child: Row(
children: [
Icon(
Icons.info_outline,
color: Theme.of(context).colorScheme.primary,
size: 20,
),
const SizedBox(width: 12),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Qualidade do Conteúdo',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurface,
fontSize: 14,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 2),
Text(
'12 conteúdos verificados • 2 pendentes de revisão',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurfaceVariant,
fontSize: 12,
),
),
],
),
),
],
),
),
],
),
);
}
Widget _buildQuickStat({
@@ -401,11 +333,4 @@ class _TeacherAnalyticsPreviewWidgetState extends State<TeacherAnalyticsPreviewW
],
);
}
Color _getScoreColor(double score) {
if (score >= 80) return Theme.of(context).colorScheme.tertiary;
if (score >= 60) return Theme.of(context).colorScheme.primary;
if (score >= 40) return Theme.of(context).colorScheme.secondary;
return Theme.of(context).colorScheme.error;
}
}

6
lib/features/dashboard/presentation/widgets/teacher_classes_list_widget.dart
View File

@@ -4,7 +4,7 @@ import 'package:flutter/material.dart';
import '../../../../core/services/auth_service.dart';
import '../../../classes/presentation/pages/class_students_page.dart';
/// Widget para listar as turmas criadas pelo professor
/// Widget para listar as disciplinas criadas pelo professor
class TeacherClassesListWidget extends StatelessWidget {
const TeacherClassesListWidget({super.key});
@@ -44,7 +44,7 @@ class TeacherClassesListWidget extends StatelessWidget {
return Padding(
padding: const EdgeInsets.symmetric(vertical: 16.0),
child: Text(
'Ainda não criaste nenhuma turma.',
'Ainda não criaste nenhuma disciplina.',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurfaceVariant,
fontSize: 14,
@@ -57,7 +57,7 @@ class TeacherClassesListWidget extends StatelessWidget {
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'As Minhas Turmas',
'As Minhas Disciplinas',
style: Theme.of(context).textTheme.titleLarge?.copyWith(
color: Theme.of(context).colorScheme.onSurface,
fontWeight: FontWeight.bold,

211
lib/features/dashboard/presentation/widgets/teacher_hero_widget.dart
View File

@@ -1,5 +1,4 @@
import 'package:flutter/material.dart';
import 'package:flutter_animate/flutter_animate.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import '../../../../core/theme/app_theme_extension.dart';
@@ -11,10 +10,7 @@ import '../../../../core/services/auth_service.dart';
class TeacherHeroWidget extends StatefulWidget {
final String userName;
const TeacherHeroWidget({
super.key,
required this.userName,
});
const TeacherHeroWidget({super.key, required this.userName});
@override
State<TeacherHeroWidget> createState() => _TeacherHeroWidgetState();
@@ -35,18 +31,21 @@ class _TeacherHeroWidgetState extends State<TeacherHeroWidget> {
final user = AuthService.currentUser;
if (user == null) return;
// Obter turmas do professor
// Obter disciplinas do professor
final classesSnapshot = await FirebaseFirestore.instance
.collection('classes')
.where('teacherId', isEqualTo: user.uid)
.get();
final classStatsList = <ClassStats>[];
for (final classDoc in classesSnapshot.docs) {
final classId = classDoc.id;
// Forçar atualização para obter dados mais recentes
final stats = await GamificationService.getClassStats(classId, forceRefresh: true);
final stats = await GamificationService.getClassStats(
classId,
forceRefresh: true,
);
if (stats != null) {
classStatsList.add(stats);
}
@@ -68,23 +67,31 @@ class _TeacherHeroWidgetState extends State<TeacherHeroWidget> {
}
}
int get totalStudents => _classStats.fold(0, (sum, stats) => sum + stats.totalStudents);
int get activeQuizzes => _classStats.fold(0, (sum, stats) => sum + stats.activeQuizzes);
int get uploadedContent => _classStats.fold(0, (sum, stats) => sum + stats.totalContent);
int get totalStudents =>
_classStats.fold(0, (sum, stats) => sum + stats.totalStudents);
int get activeQuizzes =>
_classStats.fold(0, (sum, stats) => sum + stats.activeQuizzes);
int get uploadedContent =>
_classStats.fold(0, (sum, stats) => sum + stats.totalContent);
double get classAverageProgress {
if (_classStats.isEmpty) return 0.0;
final totalProgress = _classStats.fold(0.0, (sum, stats) => sum + stats.averageProgress);
final totalProgress = _classStats.fold(
0.0,
(sum, stats) => sum + stats.averageProgress,
);
final average = totalProgress / _classStats.length;
print('=== UI PROGRESS DEBUG ===');
print('Number of classes: ${_classStats.length}');
for (int i = 0; i < _classStats.length; i++) {
print('Class ${i + 1}: ${_classStats[i].className} - ${_classStats[i].averageProgress} (${(_classStats[i].averageProgress * 100).toInt()}%)');
print(
'Class ${i + 1}: ${_classStats[i].className} - ${_classStats[i].averageProgress} (${(_classStats[i].averageProgress * 100).toInt()}%)',
);
}
print('Total progress sum: $totalProgress');
print('Calculated average: $average (${(average * 100).toInt()}%)');
print('=== END UI PROGRESS DEBUG ===');
return average;
}
@@ -109,7 +116,7 @@ class _TeacherHeroWidgetState extends State<TeacherHeroWidget> {
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Visão Geral da Turma',
'Visão Geral da Disciplina',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurface,
fontSize: 20,
@@ -186,7 +193,7 @@ class _TeacherHeroWidgetState extends State<TeacherHeroWidget> {
children: [
const Flexible(
child: Text(
'Progresso Médio da Turma',
'Progresso Médio da Disciplina',
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: TextStyle(
@@ -198,7 +205,8 @@ class _TeacherHeroWidgetState extends State<TeacherHeroWidget> {
),
Builder(
builder: (context) {
final displayValue = (classAverageProgress * 100).toInt();
final displayValue = (classAverageProgress * 100)
.toInt();
print('=== RENDER DEBUG ===');
print('classAverageProgress: $classAverageProgress');
print('displayValue: $displayValue%');
@@ -264,66 +272,53 @@ class _TeacherHeroWidgetState extends State<TeacherHeroWidget> {
),
],
),
).animate().scale(
duration: const Duration(milliseconds: 600),
curve: Curves.elasticOut,
),
const SizedBox(height: 20),
// Recent Activity
Container(
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surface,
borderRadius: BorderRadius.circular(16),
border: Border.all(
color: Theme.of(
context,
).colorScheme.outline.withOpacity(0.2),
),
boxShadow: [
BoxShadow(
color: Theme.of(
context,
).colorScheme.shadow.withOpacity(0.05),
blurRadius: 10,
offset: const Offset(0, 4),
),
],
padding: const EdgeInsets.all(20),
decoration: BoxDecoration(
color: Theme.of(context).colorScheme.surface,
borderRadius: BorderRadius.circular(16),
border: Border.all(
color: Theme.of(context).colorScheme.outline.withOpacity(0.2),
),
boxShadow: [
BoxShadow(
color: Theme.of(context).colorScheme.shadow.withOpacity(0.05),
blurRadius: 10,
offset: const Offset(0, 4),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Row(
children: [
Icon(
Icons.trending_up,
color: Theme.of(context).colorScheme.secondary,
size: 20,
),
const SizedBox(width: 8),
Text(
'Atividade Recente',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurface,
fontSize: 16,
fontWeight: FontWeight.bold,
),
),
],
Icon(
Icons.trending_up,
color: Theme.of(context).colorScheme.secondary,
size: 20,
),
const SizedBox(width: 8),
Text(
'Atividade Recente',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurface,
fontSize: 16,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 12),
..._buildRecentActivities(),
],
),
)
.animate()
.slideX(
duration: const Duration(milliseconds: 800),
curve: Curves.easeOut,
)
.then(delay: const Duration(milliseconds: 200)),
const SizedBox(height: 12),
..._buildRecentActivities(),
],
),
),
],
),
);
@@ -368,46 +363,54 @@ class _TeacherHeroWidgetState extends State<TeacherHeroWidget> {
List<Widget> _buildRecentActivities() {
final activities = <Widget>[];
if (_classStats.isEmpty) {
activities.add(_buildActivityItem(
context,
'Nenhuma atividade recente',
'Comece criando turmas e conteúdos',
Theme.of(context).colorScheme.onSurfaceVariant,
));
activities.add(
_buildActivityItem(
context,
'Nenhuma atividade recente',
'Comece criando disciplinas e conteúdos',
Theme.of(context).colorScheme.onSurfaceVariant,
),
);
return activities;
}
// Adicionar atividades baseadas nas estatísticas das turmas
// Adicionar atividades baseadas nas estatísticas das disciplinas
for (final stats in _classStats.take(3)) {
if (stats.activeQuizzes > 0) {
activities.add(_buildActivityItem(
context,
'${stats.activeQuizzes} quizzes ativos em ${stats.className}',
'Recente',
Theme.of(context).colorScheme.primary,
));
activities.add(
_buildActivityItem(
context,
'${stats.activeQuizzes} quizzes ativos em ${stats.className}',
'Recente',
Theme.of(context).colorScheme.primary,
),
);
activities.add(const SizedBox(height: 8));
}
if (stats.studentsNeedingSupport.isNotEmpty) {
activities.add(_buildActivityItem(
context,
'${stats.studentsNeedingSupport.length} alunos precisam de apoio em ${stats.className}',
'Ver analytics',
Theme.of(context).colorScheme.error,
));
activities.add(
_buildActivityItem(
context,
'${stats.studentsNeedingSupport.length} alunos precisam de apoio em ${stats.className}',
'Ver analytics',
Theme.of(context).colorScheme.error,
),
);
activities.add(const SizedBox(height: 8));
}
if (stats.totalContent > 0) {
activities.add(_buildActivityItem(
context,
'${stats.totalContent} conteúdos disponíveis em ${stats.className}',
'Atualizado',
Theme.of(context).colorScheme.secondary,
));
activities.add(
_buildActivityItem(
context,
'${stats.totalContent} conteúdos disponíveis em ${stats.className}',
'Atualizado',
Theme.of(context).colorScheme.secondary,
),
);
activities.add(const SizedBox(height: 8));
}
}
@@ -417,14 +420,16 @@ class _TeacherHeroWidgetState extends State<TeacherHeroWidget> {
activities.removeLast();
}
return activities.isEmpty ? [
_buildActivityItem(
context,
'Nenhuma atividade recente',
'Comece criando turmas e conteúdos',
Theme.of(context).colorScheme.onSurfaceVariant,
)
] : activities;
return activities.isEmpty
? [
_buildActivityItem(
context,
'Nenhuma atividade recente',
'Comece criando disciplinas e conteúdos',
Theme.of(context).colorScheme.onSurfaceVariant,
),
]
: activities;
}
Widget _buildActivityItem(

243
lib/features/dashboard/presentation/widgets/teacher_quick_actions_widget.dart
View File

@@ -2,7 +2,6 @@ import 'dart:math';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
import 'package:flutter_animate/flutter_animate.dart';
import 'package:go_router/go_router.dart';
import '../../../../core/services/auth_service.dart';
@@ -21,7 +20,7 @@ class TeacherQuickActionsWidget extends StatefulWidget {
class _TeacherQuickActionsWidgetState extends State<TeacherQuickActionsWidget> {
bool _isCreatingClass = false;
/// Mesmas dimensões dos cards em "As Minhas Turmas".
/// Mesmas dimensões dos cards em "As Minhas Disciplinas".
static const double _scrollCardWidth = 200;
static const double _scrollRowHeight = 150;
static const double _cardMinHeight = 150;
@@ -41,68 +40,52 @@ class _TeacherQuickActionsWidgetState extends State<TeacherQuickActionsWidget> {
];
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Ações Rápidas',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurface,
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 12),
SizedBox(
height: _scrollRowHeight,
child: ListView.separated(
scrollDirection: Axis.horizontal,
clipBehavior: Clip.none,
padding: const EdgeInsets.only(right: 16),
itemCount: cards.length,
separatorBuilder: (_, __) => const SizedBox(width: 12),
itemBuilder: (context, index) => SizedBox(
width: _scrollCardWidth,
child: cards[index],
),
),
),
],
)
.animate()
.slideY(
duration: const Duration(milliseconds: 800),
curve: Curves.easeOut,
)
.then(delay: const Duration(milliseconds: 200));
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Ações Rápidas',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurface,
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 12),
SizedBox(
height: _scrollRowHeight,
child: ListView.separated(
scrollDirection: Axis.horizontal,
clipBehavior: Clip.none,
padding: const EdgeInsets.only(right: 16),
itemCount: cards.length,
separatorBuilder: (_, __) => const SizedBox(width: 12),
itemBuilder: (context, index) =>
SizedBox(width: _scrollCardWidth, child: cards[index]),
),
),
],
);
}
Widget _buildUploadContentCard(BuildContext context) {
return ClipRRect(
borderRadius: BorderRadius.circular(16),
child: DashboardActionCard(
title: 'Upload Conteúdo',
subtitle: 'PDFs, textos, imagens',
icon: Icons.upload_file,
useGradient: true,
minHeight: _cardMinHeight,
iconSize: _iconSize,
iconPadding: _iconPadding,
titleFontSize: _titleFontSize,
subtitleFontSize: _subtitleFontSize,
padding: _cardPadding,
onTap: () => Navigator.push(
context,
MaterialPageRoute(
builder: (_) => const TeacherMaterialsPage(),
),
),
)
.animate()
.scale(
duration: const Duration(milliseconds: 600),
curve: Curves.elasticOut,
)
.then(delay: const Duration(milliseconds: 100)),
title: 'Upload Conteúdo',
subtitle: 'PDFs, textos, imagens',
icon: Icons.upload_file,
useGradient: true,
minHeight: _cardMinHeight,
iconSize: _iconSize,
iconPadding: _iconPadding,
titleFontSize: _titleFontSize,
subtitleFontSize: _subtitleFontSize,
padding: _cardPadding,
onTap: () => Navigator.push(
context,
MaterialPageRoute(builder: (_) => const TeacherMaterialsPage()),
),
),
);
}
@@ -110,53 +93,41 @@ class _TeacherQuickActionsWidgetState extends State<TeacherQuickActionsWidget> {
return ClipRRect(
borderRadius: BorderRadius.circular(16),
child: DashboardActionCardSurface(
title: 'Criar Quiz',
subtitle: 'Avaliações interativas',
icon: Icons.quiz,
minHeight: _cardMinHeight,
titleFontSize: _titleFontSize,
subtitleFontSize: _subtitleFontSize,
iconSize: _iconSize,
padding: _cardPadding,
onTap: () => context.go('/teacher/quiz/create'),
)
.animate()
.scale(
duration: const Duration(milliseconds: 600),
curve: Curves.elasticOut,
)
.then(delay: const Duration(milliseconds: 200)),
title: 'Criar Quiz',
subtitle: 'Avaliações interativas',
icon: Icons.quiz,
minHeight: _cardMinHeight,
titleFontSize: _titleFontSize,
subtitleFontSize: _subtitleFontSize,
iconSize: _iconSize,
padding: _cardPadding,
onTap: () => context.go('/teacher/quiz/create'),
),
);
}
Widget _buildViewAnalyticsCard(BuildContext context) {
final cs = Theme.of(context).colorScheme;
return DashboardActionCardSurface(
title: 'Analytics',
subtitle: 'Desempenho da turma',
icon: Icons.analytics,
minHeight: _cardMinHeight,
titleFontSize: _titleFontSize,
subtitleFontSize: _subtitleFontSize,
iconSize: _iconSize,
padding: _cardPadding,
iconColor: cs.primary,
leadingWidget: Container(
padding: const EdgeInsets.all(_iconPadding),
decoration: BoxDecoration(
color: cs.primary.withOpacity(0.1),
borderRadius: BorderRadius.circular(10),
),
child: Icon(Icons.analytics, color: cs.primary, size: _iconSize),
),
onTap: () => context.go('/teacher/analytics'),
)
.animate()
.scale(
duration: const Duration(milliseconds: 600),
curve: Curves.elasticOut,
)
.then(delay: const Duration(milliseconds: 400));
title: 'Analytics',
subtitle: 'Desempenho da disciplina',
icon: Icons.analytics,
minHeight: _cardMinHeight,
titleFontSize: _titleFontSize,
subtitleFontSize: _subtitleFontSize,
iconSize: _iconSize,
padding: _cardPadding,
iconColor: cs.primary,
leadingWidget: Container(
padding: const EdgeInsets.all(_iconPadding),
decoration: BoxDecoration(
color: cs.primary.withOpacity(0.1),
borderRadius: BorderRadius.circular(10),
),
child: Icon(Icons.analytics, color: cs.primary, size: _iconSize),
),
onTap: () => context.go('/teacher/analytics'),
);
}
Widget _buildCreateClassCard(BuildContext context) {
@@ -164,41 +135,35 @@ class _TeacherQuickActionsWidgetState extends State<TeacherQuickActionsWidget> {
return ClipRRect(
borderRadius: BorderRadius.circular(16),
child: DashboardActionCardSurface(
title: 'Criar Turma',
subtitle: 'Gerar código de acesso',
icon: Icons.school,
minHeight: _cardMinHeight,
titleFontSize: _titleFontSize,
subtitleFontSize: _subtitleFontSize,
iconSize: _iconSize,
padding: _cardPadding,
iconColor: cs.primary,
onTapDisabled: _isCreatingClass,
onTap: () => _showCreateClassDialog(context),
leadingWidget: Container(
padding: const EdgeInsets.all(_iconPadding),
decoration: BoxDecoration(
color: cs.primary.withOpacity(0.1),
borderRadius: BorderRadius.circular(10),
),
child: _isCreatingClass
? SizedBox(
width: _iconSize,
height: _iconSize,
child: CircularProgressIndicator(
strokeWidth: 2,
color: cs.primary,
),
)
: Icon(Icons.school, color: cs.primary, size: _iconSize),
),
)
.animate()
.scale(
duration: const Duration(milliseconds: 600),
curve: Curves.elasticOut,
)
.then(delay: const Duration(milliseconds: 150)),
title: 'Criar Disciplina',
subtitle: 'Gerar código de acesso',
icon: Icons.school,
minHeight: _cardMinHeight,
titleFontSize: _titleFontSize,
subtitleFontSize: _subtitleFontSize,
iconSize: _iconSize,
padding: _cardPadding,
iconColor: cs.primary,
onTapDisabled: _isCreatingClass,
onTap: () => _showCreateClassDialog(context),
leadingWidget: Container(
padding: const EdgeInsets.all(_iconPadding),
decoration: BoxDecoration(
color: cs.primary.withOpacity(0.1),
borderRadius: BorderRadius.circular(10),
),
child: _isCreatingClass
? SizedBox(
width: _iconSize,
height: _iconSize,
child: CircularProgressIndicator(
strokeWidth: 2,
color: cs.primary,
),
)
: Icon(Icons.school, color: cs.primary, size: _iconSize),
),
),
);
}
@@ -288,7 +253,7 @@ class _TeacherQuickActionsWidgetState extends State<TeacherQuickActionsWidget> {
),
const SizedBox(height: 16),
Text(
'Turma:',
'Ano letivo:',
style: TextStyle(
color: Theme.of(context).colorScheme.onSurfaceVariant,
fontSize: 14,
@@ -308,7 +273,7 @@ class _TeacherQuickActionsWidgetState extends State<TeacherQuickActionsWidget> {
),
const SizedBox(width: 10),
Text(
'A carregar turmas...',
'A carregar disciplinas...',
style: TextStyle(
color: Theme.of(
context,
@@ -347,7 +312,7 @@ class _TeacherQuickActionsWidgetState extends State<TeacherQuickActionsWidget> {
),
),
hint: Text(
'Seleciona a turma',
'Seleciona o ano letivo',
style: TextStyle(
color: Theme.of(
context,
@@ -447,7 +412,7 @@ class _TeacherQuickActionsWidgetState extends State<TeacherQuickActionsWidget> {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text(
'Turma "$className" criada com sucesso! Código: $classCode',
'Disciplina "$className" criada com sucesso! Código: $classCode',
),
backgroundColor: Theme.of(context).colorScheme.primary,
behavior: SnackBarBehavior.floating,
@@ -461,7 +426,7 @@ class _TeacherQuickActionsWidgetState extends State<TeacherQuickActionsWidget> {
if (mounted) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('Erro ao criar turma: $e'),
content: Text('Erro ao criar disciplina: $e'),
backgroundColor: Colors.red,
behavior: SnackBarBehavior.floating,
shape: RoundedRectangleBorder(