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

gerenciamento e criação de turmas junto de correções na tela de professores

Browse Source
This commit is contained in:
240403
2026-05-10 18:23:32 +01:00
parent 0f382e970b
commit 8e88ad4586
5 changed files with 507 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
lib/features/dashboard/presentation/pages/teacher_dashboard_page.dart
View File

@@ -3,6 +3,7 @@ import 'package:go_router/go_router.dart';
import '../../../../core/services/auth_service.dart';
import '../widgets/teacher_hero_widget.dart';
import '../widgets/teacher_quick_actions_widget.dart';
import '../widgets/teacher_classes_list_widget.dart';
import '../widgets/teacher_analytics_preview_widget.dart';
class TeacherDashboardPage extends StatefulWidget {
@@ -141,6 +142,11 @@ class _TeacherDashboardPageState extends State<TeacherDashboardPage> {
const SizedBox(height: 24),
// Classes List Section
const TeacherClassesListWidget(),
const SizedBox(height: 24),
// Analytics Preview Section
const TeacherAnalyticsPreviewWidget(),

155
lib/features/dashboard/presentation/widgets/teacher_classes_list_widget.dart Normal file
View File

@@ -0,0 +1,155 @@
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
import '../../../../core/services/auth_service.dart';
/// Widget para listar as turmas criadas pelo professor
class TeacherClassesListWidget extends StatelessWidget {
const TeacherClassesListWidget({super.key});
@override
Widget build(BuildContext context) {
final currentUser = AuthService.currentUser;
if (currentUser == null) {
return const SizedBox.shrink();
}
return StreamBuilder<QuerySnapshot>(
stream: FirebaseFirestore.instance
.collection('classes')
.where('teacherId', isEqualTo: currentUser.uid)
.orderBy('createdAt', descending: true)
.snapshots(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return const Center(
child: Padding(
padding: EdgeInsets.all(16.0),
child: CircularProgressIndicator(
color: Color(0xFF82C9BD),
),
),
);
}
if (snapshot.hasError) {
return const SizedBox.shrink();
}
final classes = snapshot.data?.docs ?? [];
if (classes.isEmpty) {
return Padding(
padding: const EdgeInsets.symmetric(vertical: 16.0),
child: Text(
'Ainda não criaste nenhuma turma.',
style: TextStyle(
color: Colors.grey[600],
fontSize: 14,
),
),
);
}
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'As Minhas Turmas',
style: Theme.of(context).textTheme.titleLarge?.copyWith(
color: const Color(0xFF2D3748),
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 16),
SizedBox(
height: 330,
child: ListView.builder(
scrollDirection: Axis.horizontal,
padding: const EdgeInsets.only(right: 16),
itemCount: (classes.length + 1) ~/ 2,
itemBuilder: (context, index) {
final firstIndex = index * 2;
final secondIndex = firstIndex + 1;
return Padding(
padding: const EdgeInsets.only(right: 12),
child: Column(
children: [
_buildClassCard(classes[firstIndex]),
const SizedBox(height: 12),
if (secondIndex < classes.length)
_buildClassCard(classes[secondIndex]),
],
),
);
},
),
),
],
);
},
);
}
Widget _buildClassCard(DocumentSnapshot doc) {
final data = doc.data() as Map<String, dynamic>;
final className = data['name'] as String? ?? 'Sem nome';
final classCode = data['code'] as String? ?? '----';
return Container(
width: 200,
height: 150,
padding: const EdgeInsets.all(16),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(16),
boxShadow: [
BoxShadow(
color: Colors.black.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: const Color(0xFF82C9BD).withOpacity(0.1),
borderRadius: BorderRadius.circular(10),
),
child: const Icon(
Icons.school,
color: Color(0xFF82C9BD),
size: 24,
),
),
const SizedBox(height: 12),
Text(
className,
style: const TextStyle(
color: Color(0xFF2D3748),
fontSize: 16,
fontWeight: FontWeight.bold,
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
),
const SizedBox(height: 4),
Text(
'Código: $classCode',
style: TextStyle(
color: Colors.grey[600],
fontSize: 13,
),
),
],
),
);
}
}

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

@@ -1,11 +1,23 @@
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';
/// Quick access cards for teacher actions
class TeacherQuickActionsWidget extends StatelessWidget {
class TeacherQuickActionsWidget extends StatefulWidget {
const TeacherQuickActionsWidget({super.key});
@override
State<TeacherQuickActionsWidget> createState() => _TeacherQuickActionsWidgetState();
}
class _TeacherQuickActionsWidgetState extends State<TeacherQuickActionsWidget> {
bool _isCreatingClass = false;
@override
Widget build(BuildContext context) {
return Column(
@@ -25,7 +37,10 @@ class TeacherQuickActionsWidget extends StatelessWidget {
Row(
children: [
// Upload Content Card (Primary)
Expanded(flex: 3, child: _buildUploadContentCard(context)),
Expanded(flex: 2, child: _buildUploadContentCard(context)),
const SizedBox(width: 16),
// Create Class Card
Expanded(flex: 2, child: _buildCreateClassCard(context)),
const SizedBox(width: 16),
// Create Quiz Card (Secondary)
Expanded(flex: 2, child: _buildCreateQuizCard(context)),
@@ -55,7 +70,7 @@ class TeacherQuickActionsWidget extends StatelessWidget {
Widget _buildUploadContentCard(BuildContext context) {
return Container(
height: 150,
constraints: const BoxConstraints(minHeight: 135, maxHeight: 160),
decoration: BoxDecoration(
gradient: const LinearGradient(
begin: Alignment.topLeft,
@@ -77,15 +92,14 @@ class TeacherQuickActionsWidget extends StatelessWidget {
borderRadius: BorderRadius.circular(16),
onTap: () => context.go('/teacher/upload'),
child: Padding(
padding: const EdgeInsets.all(20),
padding: const EdgeInsets.all(14),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Row(
children: [
Container(
padding: const EdgeInsets.all(7),
padding: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: Colors.white.withOpacity(0.2),
borderRadius: BorderRadius.circular(10),
@@ -93,30 +107,31 @@ class TeacherQuickActionsWidget extends StatelessWidget {
child: const Icon(
Icons.upload_file,
color: Colors.white,
size: 24,
size: 22,
),
),
const Spacer(),
Container(
padding: const EdgeInsets.symmetric(
horizontal: 10,
vertical: 4,
horizontal: 8,
vertical: 3,
),
decoration: BoxDecoration(
color: const Color(0xFFF68D2D),
borderRadius: BorderRadius.circular(12),
borderRadius: BorderRadius.circular(10),
),
child: const Text(
'NOVO',
style: TextStyle(
color: Colors.white,
fontSize: 10,
fontSize: 9,
fontWeight: FontWeight.bold,
),
),
),
],
),
const Spacer(),
const Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
@@ -124,13 +139,14 @@ class TeacherQuickActionsWidget extends StatelessWidget {
'Upload Conteúdo',
style: TextStyle(
color: Colors.white,
fontSize: 18,
fontSize: 16,
fontWeight: FontWeight.bold,
),
),
SizedBox(height: 4),
Text(
'PDFs, textos, imagens',
maxLines: 1,
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: TextStyle(
color: Colors.white,
@@ -192,10 +208,10 @@ class TeacherQuickActionsWidget extends StatelessWidget {
size: 24,
),
),
const Column(
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
const Text(
'Criar Quiz',
style: TextStyle(
color: Color(0xFF2D3748),
@@ -203,13 +219,13 @@ class TeacherQuickActionsWidget extends StatelessWidget {
fontWeight: FontWeight.bold,
),
),
SizedBox(height: 4),
const SizedBox(height: 4),
Text(
'Avaliações',
'Avaliações interativas',
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: TextStyle(
color: Color(0xFF718096),
color: const Color(0xFF718096),
fontSize: 12,
height: 1.2,
),
@@ -373,4 +389,238 @@ class TeacherQuickActionsWidget extends StatelessWidget {
)
.then(delay: const Duration(milliseconds: 400));
}
Widget _buildCreateClassCard(BuildContext context) {
return Container(
constraints: const BoxConstraints(minHeight: 135, maxHeight: 160),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(16),
border: Border.all(color: const Color(0xFFE2E8F0), width: 1),
boxShadow: [
BoxShadow(
color: Colors.black.withOpacity(0.05),
blurRadius: 10,
offset: const Offset(0, 4),
),
],
),
child: Material(
color: Colors.transparent,
child: InkWell(
borderRadius: BorderRadius.circular(16),
onTap: _isCreatingClass ? null : () => _showCreateClassDialog(context),
child: Padding(
padding: const EdgeInsets.all(14),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Container(
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
color: const Color(0xFF82C9BD).withOpacity(0.1),
borderRadius: BorderRadius.circular(10),
),
child: _isCreatingClass
? const SizedBox(
width: 24,
height: 24,
child: CircularProgressIndicator(
strokeWidth: 2,
color: Color(0xFF82C9BD),
),
)
: const Icon(
Icons.school,
color: Color(0xFF82C9BD),
size: 24,
),
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Criar Turma',
style: TextStyle(
color: const Color(0xFF2D3748),
fontSize: 16,
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 4),
Text(
'Gerar código de acesso',
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: TextStyle(
color: const Color(0xFF718096),
fontSize: 12,
height: 1.2,
),
),
],
),
],
),
),
),
),
)
.animate()
.scale(
duration: const Duration(milliseconds: 600),
curve: Curves.elasticOut,
)
.then(delay: const Duration(milliseconds: 150));
}
void _showCreateClassDialog(BuildContext context) {
final TextEditingController nameController = TextEditingController();
showDialog(
context: context,
builder: (BuildContext dialogContext) {
return AlertDialog(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16),
),
title: const Text(
'Criar Nova Turma',
style: TextStyle(
color: Color(0xFF2D3748),
fontWeight: FontWeight.bold,
),
),
content: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text(
'Digite o nome da turma:',
style: TextStyle(
color: Color(0xFF718096),
fontSize: 14,
),
),
const SizedBox(height: 12),
TextField(
controller: nameController,
decoration: InputDecoration(
hintText: 'Ex: Matemática 9º Ano',
filled: true,
fillColor: const Color(0xFFF7FAFC),
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: const BorderSide(
color: Color(0xFF82C9BD),
width: 2,
),
),
),
),
],
),
actions: [
TextButton(
onPressed: () => Navigator.of(dialogContext).pop(),
child: const Text(
'Cancelar',
style: TextStyle(color: Color(0xFF718096)),
),
),
ElevatedButton(
onPressed: () {
final className = nameController.text.trim();
if (className.isNotEmpty) {
Navigator.of(dialogContext).pop();
_createClass(className);
}
},
style: ElevatedButton.styleFrom(
backgroundColor: const Color(0xFF82C9BD),
foregroundColor: Colors.white,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
),
child: const Text('Criar'),
),
],
);
},
);
}
String _generateClassCode() {
const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
final random = Random();
return String.fromCharCodes(
Iterable.generate(
6,
(_) => chars.codeUnitAt(random.nextInt(chars.length)),
),
);
}
Future<void> _createClass(String className) async {
setState(() {
_isCreatingClass = true;
});
try {
final currentUser = AuthService.currentUser;
if (currentUser == null) {
throw Exception('Utilizador não autenticado');
}
final classCode = _generateClassCode();
final firestore = FirebaseFirestore.instance;
await firestore.collection('classes').add({
'name': className,
'teacherId': currentUser.uid,
'code': classCode,
'createdAt': FieldValue.serverTimestamp(),
});
if (mounted) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('Turma "$className" criada com sucesso! Código: $classCode'),
backgroundColor: const Color(0xFF82C9BD),
behavior: SnackBarBehavior.floating,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
),
);
}
} catch (e) {
if (mounted) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(
content: Text('Erro ao criar turma: $e'),
backgroundColor: Colors.red,
behavior: SnackBarBehavior.floating,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(12),
),
),
);
}
} finally {
setState(() {
_isCreatingClass = false;
});
}
}
}