Visualização de conteudo
This commit is contained in:
@@ -0,0 +1,714 @@
|
||||
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),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
142
lib/features/materials/presentation/pages/pdf_viewer_page.dart
Normal file
142
lib/features/materials/presentation/pages/pdf_viewer_page.dart
Normal file
@@ -0,0 +1,142 @@
|
||||
import 'dart:convert';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:webview_flutter/webview_flutter.dart';
|
||||
import '../../../../core/theme/app_theme_extension.dart';
|
||||
|
||||
class PdfViewerPage extends StatefulWidget {
|
||||
final String url;
|
||||
final String fileName;
|
||||
|
||||
const PdfViewerPage({super.key, required this.url, required this.fileName});
|
||||
|
||||
@override
|
||||
State<PdfViewerPage> createState() => _PdfViewerPageState();
|
||||
}
|
||||
|
||||
class _PdfViewerPageState extends State<PdfViewerPage> {
|
||||
late final WebViewController _webViewController;
|
||||
bool _isLoading = true;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_webViewController = WebViewController()
|
||||
..setJavaScriptMode(JavaScriptMode.unrestricted)
|
||||
..setNavigationDelegate(
|
||||
NavigationDelegate(
|
||||
onPageStarted: (String url) {
|
||||
setState(() {
|
||||
_isLoading = true;
|
||||
});
|
||||
},
|
||||
onPageFinished: (String url) {
|
||||
setState(() {
|
||||
_isLoading = false;
|
||||
});
|
||||
},
|
||||
),
|
||||
)
|
||||
..loadRequest(
|
||||
Uri.parse(
|
||||
'https://docs.google.com/gview?embedded=true&url=${Uri.encodeComponent(widget.url)}',
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final cs = Theme.of(context).colorScheme;
|
||||
final themeExtras = AppThemeExtras.of(context);
|
||||
|
||||
return Scaffold(
|
||||
body: Container(
|
||||
decoration: BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
begin: Alignment.topCenter,
|
||||
end: Alignment.bottomCenter,
|
||||
colors: themeExtras.dashboardBackgroundGradient,
|
||||
stops: themeExtras.dashboardGradientStops,
|
||||
),
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
SafeArea(
|
||||
child: Container(
|
||||
padding: const EdgeInsets.all(16),
|
||||
decoration: BoxDecoration(
|
||||
color: cs.surface.withOpacity(0.8),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: cs.shadow.withOpacity(0.1),
|
||||
blurRadius: 8,
|
||||
offset: const Offset(0, 2),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
IconButton(
|
||||
icon: Icon(Icons.arrow_back, color: cs.onSurface),
|
||||
onPressed: () => Navigator.pop(context),
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
Expanded(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
widget.fileName,
|
||||
style: TextStyle(
|
||||
color: cs.onSurface,
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
Text(
|
||||
'Visualização de documento',
|
||||
style: TextStyle(
|
||||
color: cs.onSurfaceVariant,
|
||||
fontSize: 12,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: Container(
|
||||
margin: const EdgeInsets.all(16),
|
||||
decoration: BoxDecoration(
|
||||
color: cs.surface,
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: cs.shadow.withOpacity(0.1),
|
||||
blurRadius: 12,
|
||||
offset: const Offset(0, 4),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
child: Stack(
|
||||
children: [
|
||||
WebViewWidget(controller: _webViewController),
|
||||
if (_isLoading)
|
||||
const Center(child: CircularProgressIndicator()),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -8,6 +8,7 @@ import 'package:flutter/material.dart';
|
||||
import 'package:image_picker/image_picker.dart';
|
||||
import 'package:intl/intl.dart';
|
||||
import 'package:path/path.dart' as path;
|
||||
import 'package:url_launcher/url_launcher.dart';
|
||||
|
||||
import '../../../../core/services/auth_service.dart';
|
||||
|
||||
@@ -825,6 +826,31 @@ class _TeacherMaterialsPageState extends State<TeacherMaterialsPage> {
|
||||
);
|
||||
}
|
||||
|
||||
Future<void> _openFile(String? url, String fileName) async {
|
||||
if (url == null || url.isEmpty) {
|
||||
_showErrorSnackBar('URL do ficheiro não disponível');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
print('Opening file: $fileName');
|
||||
print('URL: $url');
|
||||
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) {
|
||||
print('Error opening file: $e');
|
||||
_showErrorSnackBar('Erro ao abrir ficheiro: $e');
|
||||
}
|
||||
}
|
||||
|
||||
Widget _buildMaterialCard({
|
||||
required String docId,
|
||||
required String fileName,
|
||||
@@ -893,14 +919,24 @@ class _TeacherMaterialsPageState extends State<TeacherMaterialsPage> {
|
||||
fontSize: 13,
|
||||
),
|
||||
),
|
||||
trailing: IconButton(
|
||||
icon: const Icon(Icons.delete_outline, color: Colors.red),
|
||||
tooltip: 'Eliminar',
|
||||
onPressed: () => _showDeleteConfirmation(
|
||||
docId: docId,
|
||||
fileName: fileName,
|
||||
url: url,
|
||||
),
|
||||
trailing: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
IconButton(
|
||||
icon: const Icon(Icons.visibility_outlined, color: Colors.blue),
|
||||
tooltip: 'Ver',
|
||||
onPressed: () => _openFile(url, fileName),
|
||||
),
|
||||
IconButton(
|
||||
icon: const Icon(Icons.delete_outline, color: Colors.red),
|
||||
tooltip: 'Eliminar',
|
||||
onPressed: () => _showDeleteConfirmation(
|
||||
docId: docId,
|
||||
fileName: fileName,
|
||||
url: url,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user