715 lines
26 KiB
Dart
715 lines
26 KiB
Dart
import 'package:cloud_firestore/cloud_firestore.dart';
|
|
import 'package:firebase_auth/firebase_auth.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_animate/flutter_animate.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:path/path.dart' as path;
|
|
import 'package:url_launcher/url_launcher.dart';
|
|
import '../../../../core/theme/app_theme_extension.dart';
|
|
import 'pdf_viewer_page.dart';
|
|
|
|
/// Página de Gerenciamento de Conteúdo
|
|
/// Mostra todos os materiais disponíveis separados por disciplinas (turmas)
|
|
class ContentManagementPage extends StatefulWidget {
|
|
const ContentManagementPage({super.key});
|
|
|
|
@override
|
|
State<ContentManagementPage> createState() => _ContentManagementPageState();
|
|
}
|
|
|
|
class _ContentManagementPageState extends State<ContentManagementPage> {
|
|
final FirebaseFirestore _firestore = FirebaseFirestore.instance;
|
|
Map<String, List<Map<String, dynamic>>> _materialsByClass = {};
|
|
Map<String, String> _classNames = {};
|
|
bool _isLoading = true;
|
|
String _searchQuery = '';
|
|
final TextEditingController _searchController = TextEditingController();
|
|
List<String> _filteredClassIds = [];
|
|
int _selectedTabIndex = 0;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_loadMaterials();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_searchController.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
void _filterClasses(String query) {
|
|
setState(() {
|
|
_searchQuery = query.toLowerCase();
|
|
if (_searchQuery.isEmpty) {
|
|
_filteredClassIds = _classNames.keys.toList();
|
|
} else {
|
|
_filteredClassIds = _classNames.entries
|
|
.where((entry) => entry.value.toLowerCase().contains(_searchQuery))
|
|
.map((entry) => entry.key)
|
|
.toList();
|
|
}
|
|
_selectedTabIndex = 0;
|
|
});
|
|
}
|
|
|
|
Future<void> _loadMaterials() async {
|
|
final currentUser = FirebaseAuth.instance.currentUser;
|
|
if (currentUser == null) {
|
|
if (mounted) setState(() => _isLoading = false);
|
|
return;
|
|
}
|
|
|
|
try {
|
|
// Buscar turmas onde o aluno está inscrito
|
|
final enrollSnapshot = await _firestore
|
|
.collection('enrollments')
|
|
.where('studentId', isEqualTo: currentUser.uid)
|
|
.get();
|
|
|
|
final enrolledClassIds = enrollSnapshot.docs
|
|
.map((doc) => doc.data()['classId'] as String?)
|
|
.whereType<String>()
|
|
.toSet();
|
|
|
|
if (enrolledClassIds.isEmpty) {
|
|
if (mounted) setState(() => _isLoading = false);
|
|
return;
|
|
}
|
|
|
|
// Buscar nomes das turmas
|
|
final classNames = <String, String>{};
|
|
final classDocs = await Future.wait(
|
|
enrolledClassIds.map(
|
|
(id) => _firestore.collection('classes').doc(id).get(),
|
|
),
|
|
);
|
|
for (final doc in classDocs.where((d) => d.exists)) {
|
|
classNames[doc.id] = doc.data()?['name'] as String? ?? doc.id;
|
|
}
|
|
|
|
// Buscar materiais dessas turmas (uma por uma para evitar índice)
|
|
final materialsByClass = <String, List<Map<String, dynamic>>>{};
|
|
|
|
for (final classId in enrolledClassIds) {
|
|
final materialsSnapshot = await _firestore
|
|
.collection('materials')
|
|
.where('classId', isEqualTo: classId)
|
|
.get();
|
|
|
|
for (final doc in materialsSnapshot.docs) {
|
|
final material = doc.data();
|
|
material['id'] = doc.id;
|
|
if (classNames.containsKey(classId)) {
|
|
materialsByClass.putIfAbsent(classId, () => []).add(material);
|
|
}
|
|
}
|
|
}
|
|
|
|
if (mounted) {
|
|
setState(() {
|
|
_materialsByClass = materialsByClass;
|
|
_classNames = classNames;
|
|
_filteredClassIds = classNames.keys.toList();
|
|
_isLoading = false;
|
|
});
|
|
}
|
|
} catch (e) {
|
|
print('Error loading materials: $e');
|
|
if (mounted) setState(() => _isLoading = false);
|
|
}
|
|
}
|
|
|
|
Future<void> _viewInApp(String url, String fileName) async {
|
|
if (url.isEmpty) {
|
|
_showErrorSnackBar('URL do ficheiro não disponível');
|
|
return;
|
|
}
|
|
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) => PdfViewerPage(url: url, fileName: fileName),
|
|
),
|
|
);
|
|
}
|
|
|
|
Future<void> _openFile(String? url, String fileName) async {
|
|
if (url == null || url.isEmpty) {
|
|
_showErrorSnackBar('URL do ficheiro não disponível');
|
|
return;
|
|
}
|
|
|
|
try {
|
|
final uri = Uri.parse(url);
|
|
final launched = await launchUrl(
|
|
uri,
|
|
mode: LaunchMode.externalApplication,
|
|
);
|
|
|
|
if (!launched) {
|
|
_showErrorSnackBar('Não foi possível abrir o ficheiro');
|
|
}
|
|
} catch (e) {
|
|
_showErrorSnackBar('Erro ao abrir ficheiro: $e');
|
|
}
|
|
}
|
|
|
|
Future<void> _deleteMaterial(
|
|
String docId,
|
|
String fileName,
|
|
String? url,
|
|
) async {
|
|
// Students cannot delete materials
|
|
_showErrorSnackBar('Apenas professores podem eliminar materiais');
|
|
}
|
|
|
|
void _showDeleteConfirmation(String docId, String fileName, String? url) {
|
|
showDialog(
|
|
context: context,
|
|
builder: (dialogContext) => AlertDialog(
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
|
|
title: const Text(
|
|
'Eliminar Material',
|
|
style: TextStyle(fontWeight: FontWeight.bold),
|
|
),
|
|
content: Text(
|
|
'Tens a certeza que queres eliminar "$fileName"?\nEsta ação não pode ser desfeita.',
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(dialogContext).pop(),
|
|
child: const Text('Cancelar'),
|
|
),
|
|
ElevatedButton(
|
|
onPressed: () {
|
|
Navigator.of(dialogContext).pop();
|
|
_deleteMaterial(docId, fileName, url);
|
|
},
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: Colors.red,
|
|
foregroundColor: Colors.white,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
),
|
|
child: const Text('Eliminar'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showSuccessSnackBar(String message) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: Row(
|
|
children: [
|
|
const Icon(Icons.check_circle, color: Colors.white),
|
|
const SizedBox(width: 12),
|
|
Expanded(child: Text(message)),
|
|
],
|
|
),
|
|
backgroundColor: const Color(0xFF10B981),
|
|
behavior: SnackBarBehavior.floating,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
|
duration: const Duration(seconds: 2),
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showErrorSnackBar(String message) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content: Row(
|
|
children: [
|
|
const Icon(Icons.error_outline, color: Colors.white),
|
|
const SizedBox(width: 12),
|
|
Expanded(child: Text(message)),
|
|
],
|
|
),
|
|
backgroundColor: Colors.red,
|
|
behavior: SnackBarBehavior.floating,
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
|
duration: const Duration(seconds: 3),
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final cs = Theme.of(context).colorScheme;
|
|
final themeExtras = AppThemeExtras.of(context);
|
|
|
|
if (_isLoading) {
|
|
return Scaffold(
|
|
body: Container(
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topCenter,
|
|
end: Alignment.bottomCenter,
|
|
colors: themeExtras.dashboardBackgroundGradient,
|
|
stops: themeExtras.dashboardGradientStops,
|
|
),
|
|
),
|
|
child: const Center(child: CircularProgressIndicator()),
|
|
),
|
|
);
|
|
}
|
|
|
|
if (_materialsByClass.isEmpty) {
|
|
return Scaffold(
|
|
body: Container(
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topCenter,
|
|
end: Alignment.bottomCenter,
|
|
colors: themeExtras.dashboardBackgroundGradient,
|
|
stops: themeExtras.dashboardGradientStops,
|
|
),
|
|
),
|
|
child: Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Container(
|
|
width: 120,
|
|
height: 120,
|
|
decoration: BoxDecoration(
|
|
color: cs.surface.withOpacity(0.3),
|
|
borderRadius: BorderRadius.circular(24),
|
|
),
|
|
child: Icon(
|
|
Icons.folder_open,
|
|
color: cs.onSurfaceVariant,
|
|
size: 64,
|
|
),
|
|
)
|
|
.animate()
|
|
.fadeIn(duration: const Duration(milliseconds: 400))
|
|
.scale(),
|
|
const SizedBox(height: 24),
|
|
Text(
|
|
'Nenhum material disponível',
|
|
style: TextStyle(
|
|
color: cs.onSurface,
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
).animate().fadeIn(delay: const Duration(milliseconds: 200)),
|
|
const SizedBox(height: 8),
|
|
Text(
|
|
'Junta-te a uma disciplina para ver materiais',
|
|
style: TextStyle(color: cs.onSurfaceVariant, fontSize: 14),
|
|
).animate().fadeIn(delay: const Duration(milliseconds: 300)),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
final defaultTabController = DefaultTabController(
|
|
length: _filteredClassIds.length,
|
|
initialIndex: _selectedTabIndex,
|
|
child: Scaffold(
|
|
body: Container(
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
begin: Alignment.topCenter,
|
|
end: Alignment.bottomCenter,
|
|
colors: themeExtras.dashboardBackgroundGradient,
|
|
stops: themeExtras.dashboardGradientStops,
|
|
),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
SafeArea(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
children: [
|
|
IconButton(
|
|
icon: Icon(Icons.arrow_back, color: cs.onSurface),
|
|
onPressed: () => Navigator.pop(context),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: Text(
|
|
'Gerenciamento de Conteúdo',
|
|
style: TextStyle(
|
|
color: cs.onSurface,
|
|
fontSize: 24,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 16),
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
color: cs.surface.withOpacity(0.8),
|
|
borderRadius: BorderRadius.circular(16),
|
|
border: Border.all(
|
|
color: cs.outline.withOpacity(0.2),
|
|
width: 1,
|
|
),
|
|
),
|
|
child: TextField(
|
|
controller: _searchController,
|
|
decoration: InputDecoration(
|
|
hintText: 'Procurar turmas...',
|
|
hintStyle: TextStyle(color: cs.onSurfaceVariant),
|
|
prefixIcon: Icon(
|
|
Icons.search,
|
|
color: cs.onSurfaceVariant,
|
|
),
|
|
suffixIcon: _searchQuery.isNotEmpty
|
|
? IconButton(
|
|
icon: Icon(
|
|
Icons.clear,
|
|
color: cs.onSurfaceVariant,
|
|
),
|
|
onPressed: () {
|
|
_searchController.clear();
|
|
_filterClasses('');
|
|
},
|
|
)
|
|
: null,
|
|
filled: true,
|
|
fillColor: Colors.transparent,
|
|
border: InputBorder.none,
|
|
contentPadding: const EdgeInsets.symmetric(
|
|
horizontal: 16,
|
|
vertical: 12,
|
|
),
|
|
),
|
|
onChanged: _filterClasses,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
margin: const EdgeInsets.symmetric(horizontal: 16),
|
|
decoration: BoxDecoration(
|
|
color: cs.surface.withOpacity(0.8),
|
|
borderRadius: BorderRadius.circular(16),
|
|
),
|
|
child: TabBar(
|
|
isScrollable: _filteredClassIds.length > 3,
|
|
dividerColor: Colors.transparent,
|
|
indicatorSize: TabBarIndicatorSize.tab,
|
|
indicator: BoxDecoration(
|
|
color: cs.primary,
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
labelColor: cs.onPrimary,
|
|
unselectedLabelColor: cs.onSurfaceVariant,
|
|
labelStyle: const TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 14,
|
|
),
|
|
unselectedLabelStyle: const TextStyle(
|
|
fontWeight: FontWeight.normal,
|
|
fontSize: 14,
|
|
),
|
|
tabs: _filteredClassIds
|
|
.map(
|
|
(classId) => Tab(
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 20),
|
|
child: Text(_classNames[classId] ?? classId),
|
|
),
|
|
),
|
|
)
|
|
.toList(),
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
Expanded(
|
|
child: _filteredClassIds.isEmpty
|
|
? Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Container(
|
|
width: 120,
|
|
height: 120,
|
|
decoration: BoxDecoration(
|
|
color: cs.surface.withOpacity(0.3),
|
|
borderRadius: BorderRadius.circular(24),
|
|
),
|
|
child: Icon(
|
|
Icons.search_off,
|
|
color: cs.onSurfaceVariant,
|
|
size: 64,
|
|
),
|
|
)
|
|
.animate()
|
|
.fadeIn(
|
|
duration: const Duration(milliseconds: 400),
|
|
)
|
|
.scale(),
|
|
const SizedBox(height: 24),
|
|
Text(
|
|
'Nenhuma turma encontrada',
|
|
style: TextStyle(
|
|
color: cs.onSurface,
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
).animate().fadeIn(
|
|
delay: const Duration(milliseconds: 200),
|
|
),
|
|
const SizedBox(height: 8),
|
|
Text(
|
|
'Tenta uma pesquisa diferente',
|
|
style: TextStyle(
|
|
color: cs.onSurfaceVariant,
|
|
fontSize: 14,
|
|
),
|
|
).animate().fadeIn(
|
|
delay: const Duration(milliseconds: 300),
|
|
),
|
|
],
|
|
),
|
|
)
|
|
: TabBarView(
|
|
children: _filteredClassIds.map((classId) {
|
|
final materials = _materialsByClass[classId] ?? [];
|
|
if (materials.isEmpty) {
|
|
return Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
Container(
|
|
width: 100,
|
|
height: 100,
|
|
decoration: BoxDecoration(
|
|
color: cs.surface.withOpacity(0.3),
|
|
borderRadius: BorderRadius.circular(
|
|
20,
|
|
),
|
|
),
|
|
child: Icon(
|
|
Icons.folder_open,
|
|
color: cs.onSurfaceVariant,
|
|
size: 48,
|
|
),
|
|
)
|
|
.animate()
|
|
.fadeIn(
|
|
duration: const Duration(
|
|
milliseconds: 400,
|
|
),
|
|
)
|
|
.scale(),
|
|
const SizedBox(height: 20),
|
|
Text(
|
|
'Nenhum material nesta turma',
|
|
style: TextStyle(
|
|
color: cs.onSurface,
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
).animate().fadeIn(
|
|
delay: const Duration(milliseconds: 200),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
return ListView.separated(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16),
|
|
itemCount: materials.length,
|
|
separatorBuilder: (_, __) =>
|
|
const SizedBox(height: 12),
|
|
itemBuilder: (context, index) {
|
|
final material = materials[index];
|
|
return _buildMaterialCard(material, cs)
|
|
.animate()
|
|
.fadeIn(
|
|
delay: Duration(milliseconds: 50 * index),
|
|
duration: const Duration(milliseconds: 300),
|
|
)
|
|
.slideY(
|
|
begin: 0.1,
|
|
end: 0,
|
|
delay: Duration(milliseconds: 50 * index),
|
|
);
|
|
},
|
|
);
|
|
}).toList(),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
|
|
return defaultTabController;
|
|
}
|
|
|
|
Widget _buildMaterialCard(Map<String, dynamic> material, ColorScheme cs) {
|
|
final fileName = material['fileName'] ?? 'Ficheiro sem nome';
|
|
final url = material['url'] as String?;
|
|
final createdAt = material['createdAt'] as Timestamp?;
|
|
|
|
final extension = path.extension(fileName).toLowerCase();
|
|
IconData iconData;
|
|
Color iconColor;
|
|
|
|
if (extension == '.pdf') {
|
|
iconData = Icons.picture_as_pdf;
|
|
iconColor = Colors.red;
|
|
} else if (extension == '.jpg' ||
|
|
extension == '.jpeg' ||
|
|
extension == '.png') {
|
|
iconData = Icons.image;
|
|
iconColor = Colors.blue;
|
|
} else {
|
|
iconData = Icons.insert_drive_file;
|
|
iconColor = const Color(0xFF82C9BD);
|
|
}
|
|
|
|
String formattedDate = 'Data desconhecida';
|
|
if (createdAt != null) {
|
|
formattedDate = DateFormat('dd/MM/yyyy HH:mm').format(createdAt.toDate());
|
|
}
|
|
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
color: cs.surface.withOpacity(0.8),
|
|
borderRadius: BorderRadius.circular(16),
|
|
border: Border.all(color: cs.outline.withOpacity(0.15), width: 1),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: cs.shadow.withOpacity(0.08),
|
|
blurRadius: 12,
|
|
offset: const Offset(0, 4),
|
|
),
|
|
],
|
|
),
|
|
child: Material(
|
|
color: Colors.transparent,
|
|
child: InkWell(
|
|
borderRadius: BorderRadius.circular(16),
|
|
onTap: url != null ? () => _openFile(url, fileName) : null,
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Row(
|
|
children: [
|
|
Container(
|
|
width: 56,
|
|
height: 56,
|
|
decoration: BoxDecoration(
|
|
color: iconColor.withOpacity(0.15),
|
|
borderRadius: BorderRadius.circular(14),
|
|
border: Border.all(
|
|
color: iconColor.withOpacity(0.3),
|
|
width: 1,
|
|
),
|
|
),
|
|
child: Icon(iconData, color: iconColor, size: 28),
|
|
),
|
|
const SizedBox(width: 16),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
fileName,
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 15,
|
|
color: cs.onSurface,
|
|
),
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
const SizedBox(height: 6),
|
|
Row(
|
|
children: [
|
|
Icon(
|
|
Icons.calendar_today_outlined,
|
|
size: 12,
|
|
color: cs.onSurfaceVariant,
|
|
),
|
|
const SizedBox(width: 4),
|
|
Text(
|
|
formattedDate,
|
|
style: TextStyle(
|
|
color: cs.onSurfaceVariant,
|
|
fontSize: 12,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
if (url != null)
|
|
Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Container(
|
|
width: 44,
|
|
height: 44,
|
|
decoration: BoxDecoration(
|
|
color: cs.primary.withOpacity(0.12),
|
|
borderRadius: BorderRadius.circular(12),
|
|
border: Border.all(
|
|
color: cs.primary.withOpacity(0.3),
|
|
width: 1,
|
|
),
|
|
),
|
|
child: IconButton(
|
|
icon: Icon(
|
|
Icons.visibility_outlined,
|
|
color: cs.primary,
|
|
size: 22,
|
|
),
|
|
tooltip: 'Ver na app',
|
|
onPressed: () => _viewInApp(url, fileName),
|
|
),
|
|
),
|
|
const SizedBox(width: 8),
|
|
Container(
|
|
width: 44,
|
|
height: 44,
|
|
decoration: BoxDecoration(
|
|
color: cs.secondary.withOpacity(0.12),
|
|
borderRadius: BorderRadius.circular(12),
|
|
border: Border.all(
|
|
color: cs.secondary.withOpacity(0.3),
|
|
width: 1,
|
|
),
|
|
),
|
|
child: IconButton(
|
|
icon: Icon(
|
|
Icons.download_outlined,
|
|
color: cs.secondary,
|
|
size: 22,
|
|
),
|
|
tooltip: 'Transferir',
|
|
onPressed: () => _openFile(url, fileName),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|