fixed several page and teacher page creation
This commit is contained in:
@@ -0,0 +1,622 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:intl/intl.dart';
|
||||
|
||||
import '../models/school.dart';
|
||||
import '../services/teacher_api.dart';
|
||||
import '../widgets/yogibook_background.dart';
|
||||
import 'teacher_class_detail_page.dart';
|
||||
|
||||
/// Pannello Insegnante (staff: Admin/teacher).
|
||||
/// Fase 1: sola lettura. Classi del mese con partecipanti, focus su oggi.
|
||||
class TeacherPanelPage extends StatefulWidget {
|
||||
final String token;
|
||||
final School school;
|
||||
final String? userFirstName;
|
||||
|
||||
const TeacherPanelPage({
|
||||
super.key,
|
||||
required this.token,
|
||||
required this.school,
|
||||
this.userFirstName,
|
||||
});
|
||||
|
||||
@override
|
||||
State<TeacherPanelPage> createState() => _TeacherPanelPageState();
|
||||
}
|
||||
|
||||
class _TeacherPanelPageState extends State<TeacherPanelPage> {
|
||||
static const Color kGreen = Color(0xFF10B981);
|
||||
static const Color kDarkGreen = Color(0xFF065F46);
|
||||
|
||||
bool loading = true;
|
||||
String error = '';
|
||||
|
||||
String currentMonth = DateFormat('yyyy-MM').format(DateTime.now());
|
||||
List<TeacherClass> classes = [];
|
||||
|
||||
// per l'auto-scroll a oggi
|
||||
final ScrollController _scrollController = ScrollController();
|
||||
final Map<int, GlobalKey> _dayKeys = {}; // index classe -> key
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_load();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_scrollController.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
Future<void> _load() async {
|
||||
setState(() {
|
||||
loading = true;
|
||||
error = '';
|
||||
});
|
||||
try {
|
||||
final data = await TeacherApi.fetchClasses(
|
||||
token: widget.token,
|
||||
month: currentMonth,
|
||||
);
|
||||
setState(() {
|
||||
classes = data;
|
||||
});
|
||||
// dopo il render, prova a scrollare a oggi (con un attimo di ritardo
|
||||
// per essere sicuri che le card siano state disposte)
|
||||
WidgetsBinding.instance.addPostFrameCallback((_) {
|
||||
Future.delayed(const Duration(milliseconds: 250), _scrollToToday);
|
||||
});
|
||||
} catch (e) {
|
||||
setState(() => error = 'Errore: $e');
|
||||
} finally {
|
||||
if (mounted) setState(() => loading = false);
|
||||
}
|
||||
}
|
||||
|
||||
// Trova la prima classe con data >= oggi e scrolla lì.
|
||||
void _scrollToToday() {
|
||||
if (classes.isEmpty) return;
|
||||
final today = DateTime.now();
|
||||
int targetIndex = 0;
|
||||
for (int i = 0; i < classes.length; i++) {
|
||||
final dt = DateTime.tryParse(classes[i].dateTime);
|
||||
if (dt != null &&
|
||||
!dt.isBefore(DateTime(today.year, today.month, today.day))) {
|
||||
targetIndex = i;
|
||||
break;
|
||||
}
|
||||
targetIndex = i; // se tutte passate, resta sull'ultima
|
||||
}
|
||||
final key = _dayKeys[targetIndex];
|
||||
final ctx = key?.currentContext;
|
||||
if (ctx != null) {
|
||||
Scrollable.ensureVisible(
|
||||
ctx,
|
||||
duration: const Duration(milliseconds: 400),
|
||||
alignment: 0.1,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
String _shiftMonth(String yyyyMm, int delta) {
|
||||
final dt = DateFormat('yyyy-MM').parse(yyyyMm);
|
||||
final shifted = DateTime(dt.year, dt.month + delta, 1);
|
||||
return DateFormat('yyyy-MM').format(shifted);
|
||||
}
|
||||
|
||||
void _goPrevMonth() {
|
||||
setState(() => currentMonth = _shiftMonth(currentMonth, -1));
|
||||
_load();
|
||||
}
|
||||
|
||||
void _goNextMonth() {
|
||||
setState(() => currentMonth = _shiftMonth(currentMonth, 1));
|
||||
_load();
|
||||
}
|
||||
|
||||
String _monthLabel(String yyyyMm) {
|
||||
final dt = DateFormat('yyyy-MM').parse(yyyyMm);
|
||||
return DateFormat('MMMM yyyy', 'it_IT').format(dt);
|
||||
}
|
||||
|
||||
String _weekdayLabel(String iso) {
|
||||
final dt = DateTime.tryParse(iso);
|
||||
if (dt == null) return '';
|
||||
final s = DateFormat('EEEE', 'it_IT').format(dt);
|
||||
return s[0].toUpperCase() + s.substring(1);
|
||||
}
|
||||
|
||||
String _dayNum(String iso) {
|
||||
final dt = DateTime.tryParse(iso);
|
||||
if (dt == null) return '--';
|
||||
return DateFormat('dd').format(dt);
|
||||
}
|
||||
|
||||
String _time(String iso) {
|
||||
final dt = DateTime.tryParse(iso);
|
||||
if (dt == null) return '';
|
||||
return DateFormat('HH:mm').format(dt);
|
||||
}
|
||||
|
||||
bool _isToday(String iso) {
|
||||
final dt = DateTime.tryParse(iso);
|
||||
if (dt == null) return false;
|
||||
final now = DateTime.now();
|
||||
return dt.year == now.year && dt.month == now.month && dt.day == now.day;
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
backgroundColor: Colors.transparent,
|
||||
elevation: 0,
|
||||
centerTitle: true,
|
||||
title: const Text(
|
||||
'Pannello classi',
|
||||
style: TextStyle(fontWeight: FontWeight.w800, fontSize: 18),
|
||||
),
|
||||
),
|
||||
body: YogibookBackground(
|
||||
child: SafeArea(
|
||||
top: false,
|
||||
child: Column(
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.fromLTRB(16, 8, 16, 4),
|
||||
child: _MonthPill(
|
||||
label: _monthLabel(currentMonth),
|
||||
onPrev: _goPrevMonth,
|
||||
onNext: _goNextMonth,
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: loading
|
||||
? const Center(child: CircularProgressIndicator())
|
||||
: error.isNotEmpty
|
||||
? _ErrorBox(message: error, onRetry: _load)
|
||||
: classes.isEmpty
|
||||
? const _EmptyState()
|
||||
: ListView.builder(
|
||||
controller: _scrollController,
|
||||
padding: const EdgeInsets.fromLTRB(16, 4, 16, 16),
|
||||
itemCount: classes.length,
|
||||
itemBuilder: (_, i) {
|
||||
final key = _dayKeys.putIfAbsent(
|
||||
i,
|
||||
() => GlobalKey(),
|
||||
);
|
||||
final c = classes[i];
|
||||
final dt = DateTime.tryParse(c.dateTime);
|
||||
final now = DateTime.now();
|
||||
final isPast =
|
||||
dt != null &&
|
||||
dt.isBefore(
|
||||
DateTime(now.year, now.month, now.day),
|
||||
);
|
||||
return Container(
|
||||
key: key,
|
||||
child: _ClassCard(
|
||||
cls: c,
|
||||
weekday: _weekdayLabel(c.dateTime),
|
||||
dayNum: _dayNum(c.dateTime),
|
||||
time: _time(c.dateTime),
|
||||
highlightToday: _isToday(c.dateTime),
|
||||
isPast: isPast,
|
||||
onTap: () async {
|
||||
final changed = await Navigator.push<bool>(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (_) => TeacherClassDetailPage(
|
||||
token: widget.token,
|
||||
cls: c,
|
||||
),
|
||||
),
|
||||
);
|
||||
if (changed == true) _load();
|
||||
},
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// Card classe compatta: al tap apre la pagina dettaglio.
|
||||
class _ClassCard extends StatelessWidget {
|
||||
final TeacherClass cls;
|
||||
final String weekday;
|
||||
final String dayNum;
|
||||
final String time;
|
||||
final bool highlightToday;
|
||||
final bool isPast;
|
||||
final VoidCallback onTap;
|
||||
|
||||
const _ClassCard({
|
||||
required this.cls,
|
||||
required this.weekday,
|
||||
required this.dayNum,
|
||||
required this.time,
|
||||
required this.highlightToday,
|
||||
required this.isPast,
|
||||
required this.onTap,
|
||||
});
|
||||
|
||||
static const Color kGreen = Color(0xFF10B981);
|
||||
static const Color kDarkGreen = Color(0xFF065F46);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final isFull = cls.isFull;
|
||||
final nearFull =
|
||||
!isFull &&
|
||||
cls.maxCapacity > 0 &&
|
||||
cls.bookedCount >= cls.maxCapacity - 1;
|
||||
|
||||
final fillColor = isFull
|
||||
? const Color(0xFFC0392B)
|
||||
: nearFull
|
||||
? const Color(0xFFE67E22)
|
||||
: const Color(0xFF1A7F52);
|
||||
|
||||
final card = Container(
|
||||
margin: const EdgeInsets.only(bottom: 12),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
border: highlightToday
|
||||
? Border.all(color: kGreen, width: 2)
|
||||
: Border.all(color: const Color(0x11000000)),
|
||||
boxShadow: const [
|
||||
BoxShadow(
|
||||
blurRadius: 14,
|
||||
color: Color(0x10000000),
|
||||
offset: Offset(0, 6),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
child: IntrinsicHeight(
|
||||
child: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
// pannello data
|
||||
Container(
|
||||
width: 74,
|
||||
color: highlightToday ? kGreen : const Color(0xFF0F766E),
|
||||
padding: const EdgeInsets.symmetric(
|
||||
vertical: 14,
|
||||
horizontal: 6,
|
||||
),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text(
|
||||
dayNum,
|
||||
style: const TextStyle(
|
||||
fontSize: 26,
|
||||
height: 1,
|
||||
fontWeight: FontWeight.w900,
|
||||
color: Colors.white,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 2),
|
||||
Text(
|
||||
weekday.length > 3 ? weekday.substring(0, 3) : weekday,
|
||||
style: const TextStyle(
|
||||
fontSize: 11,
|
||||
fontWeight: FontWeight.w800,
|
||||
color: Colors.white70,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
// corpo
|
||||
Expanded(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.fromLTRB(14, 12, 10, 12),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: Text(
|
||||
cls.className,
|
||||
style: const TextStyle(
|
||||
fontSize: 15,
|
||||
fontWeight: FontWeight.w900,
|
||||
),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
),
|
||||
),
|
||||
if (highlightToday)
|
||||
Container(
|
||||
margin: const EdgeInsets.only(left: 6),
|
||||
padding: const EdgeInsets.symmetric(
|
||||
horizontal: 8,
|
||||
vertical: 2,
|
||||
),
|
||||
decoration: BoxDecoration(
|
||||
color: kGreen,
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
),
|
||||
child: const Text(
|
||||
'OGGI',
|
||||
style: TextStyle(
|
||||
fontSize: 10,
|
||||
fontWeight: FontWeight.w900,
|
||||
color: Colors.white,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 6),
|
||||
Row(
|
||||
children: [
|
||||
const Icon(
|
||||
Icons.schedule,
|
||||
size: 14,
|
||||
color: Colors.black45,
|
||||
),
|
||||
const SizedBox(width: 4),
|
||||
Text(
|
||||
time,
|
||||
style: const TextStyle(
|
||||
fontSize: 12,
|
||||
fontWeight: FontWeight.w700,
|
||||
color: Color(0xFF404040),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
Icon(Icons.group, size: 14, color: fillColor),
|
||||
const SizedBox(width: 4),
|
||||
Text(
|
||||
'${cls.bookedCount}/${cls.maxCapacity}',
|
||||
style: TextStyle(
|
||||
fontSize: 12,
|
||||
fontWeight: FontWeight.w800,
|
||||
color: fillColor,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
// chevron
|
||||
const Padding(
|
||||
padding: EdgeInsets.only(right: 10),
|
||||
child: Icon(Icons.chevron_right, color: Colors.black26),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
return Opacity(
|
||||
opacity: isPast && !highlightToday ? 0.55 : 1.0,
|
||||
child: Material(
|
||||
color: Colors.transparent,
|
||||
child: InkWell(
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
onTap: onTap,
|
||||
child: card,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _ParticipantRow extends StatelessWidget {
|
||||
final TeacherParticipant p;
|
||||
const _ParticipantRow({required this.p});
|
||||
|
||||
// colore avatar deterministico dal nome (come adminpanel)
|
||||
Color _avatarColor(String seed) {
|
||||
const palette = [
|
||||
Color(0xFF1EBF73),
|
||||
Color(0xFF2980B9),
|
||||
Color(0xFF8E44AD),
|
||||
Color(0xFFE67E22),
|
||||
Color(0xFF16A085),
|
||||
Color(0xFFC0392B),
|
||||
Color(0xFF2C3E50),
|
||||
Color(0xFFD35400),
|
||||
];
|
||||
int h = 0;
|
||||
for (final c in seed.codeUnits) {
|
||||
h = (h + c) % palette.length;
|
||||
}
|
||||
return palette[h];
|
||||
}
|
||||
|
||||
String get _initials {
|
||||
final parts = p.fullName.trim().split(RegExp(r'\s+'));
|
||||
if (parts.isEmpty || parts.first.isEmpty) return '?';
|
||||
final a = parts.first[0];
|
||||
final b = parts.length > 1 ? parts.last[0] : '';
|
||||
return (a + b).toUpperCase();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final lost = p.isLost;
|
||||
return Container(
|
||||
margin: const EdgeInsets.only(bottom: 8),
|
||||
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
|
||||
decoration: BoxDecoration(
|
||||
color: lost ? const Color(0xFFFBF1F0) : const Color(0xFFF8FAFC),
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
border: Border.all(
|
||||
color: lost ? const Color(0xFFF3D6D2) : const Color(0xFFEEF0F3),
|
||||
),
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
Container(
|
||||
width: 38,
|
||||
height: 38,
|
||||
alignment: Alignment.center,
|
||||
decoration: BoxDecoration(
|
||||
color: lost ? const Color(0xFF7F8C8D) : _avatarColor(p.fullName),
|
||||
shape: BoxShape.circle,
|
||||
),
|
||||
child: Text(
|
||||
_initials,
|
||||
style: const TextStyle(
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w800,
|
||||
fontSize: 14,
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 12),
|
||||
Expanded(
|
||||
child: Text(
|
||||
p.fullName,
|
||||
style: const TextStyle(fontWeight: FontWeight.w700, fontSize: 14),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 9, vertical: 3),
|
||||
decoration: BoxDecoration(
|
||||
color: lost ? const Color(0xFF1F2937) : const Color(0xFFE3F2EC),
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
),
|
||||
child: Text(
|
||||
lost ? 'Persa' : 'Prenotata',
|
||||
style: TextStyle(
|
||||
fontSize: 11,
|
||||
fontWeight: FontWeight.w800,
|
||||
color: lost ? Colors.white : const Color(0xFF1A7F52),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _MonthPill extends StatelessWidget {
|
||||
final String label;
|
||||
final VoidCallback onPrev;
|
||||
final VoidCallback onNext;
|
||||
|
||||
const _MonthPill({
|
||||
required this.label,
|
||||
required this.onPrev,
|
||||
required this.onNext,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
const green = Color(0xFF10B981);
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 6, vertical: 6),
|
||||
decoration: BoxDecoration(
|
||||
color: Colors.white,
|
||||
borderRadius: BorderRadius.circular(16),
|
||||
boxShadow: const [
|
||||
BoxShadow(
|
||||
blurRadius: 14,
|
||||
color: Color(0x11000000),
|
||||
offset: Offset(0, 8),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
IconButton(
|
||||
onPressed: onPrev,
|
||||
icon: const Icon(Icons.chevron_left),
|
||||
iconSize: 22,
|
||||
color: green,
|
||||
),
|
||||
Expanded(
|
||||
child: Text(
|
||||
label,
|
||||
textAlign: TextAlign.center,
|
||||
style: const TextStyle(fontSize: 15, fontWeight: FontWeight.w900),
|
||||
),
|
||||
),
|
||||
IconButton(
|
||||
onPressed: onNext,
|
||||
icon: const Icon(Icons.chevron_right),
|
||||
iconSize: 22,
|
||||
color: green,
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _EmptyState extends StatelessWidget {
|
||||
const _EmptyState();
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return const Center(
|
||||
child: Padding(
|
||||
padding: EdgeInsets.all(18),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(Icons.event_busy, size: 64, color: Colors.black26),
|
||||
SizedBox(height: 14),
|
||||
Text(
|
||||
'Nessuna classe questo mese',
|
||||
style: TextStyle(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.w800,
|
||||
color: Colors.black54,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class _ErrorBox extends StatelessWidget {
|
||||
final String message;
|
||||
final VoidCallback onRetry;
|
||||
const _ErrorBox({required this.message, required this.onRetry});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Center(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(18),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
const Icon(Icons.error_outline, size: 58, color: Colors.redAccent),
|
||||
const SizedBox(height: 10),
|
||||
Text(message, textAlign: TextAlign.center),
|
||||
const SizedBox(height: 12),
|
||||
ElevatedButton(onPressed: onRetry, child: const Text('Riprova')),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user