99 lines
2.9 KiB
Dart
99 lines
2.9 KiB
Dart
import 'package:flutter/material.dart';
|
|
import './message_model.dart';
|
|
import './message_api.dart';
|
|
import './message_detail.dart';
|
|
|
|
class MessageManager extends StatefulWidget {
|
|
final String currentUserId;
|
|
const MessageManager({required this.currentUserId, super.key});
|
|
|
|
@override
|
|
State<MessageManager> createState() => _MessageManagerState();
|
|
}
|
|
|
|
class _MessageManagerState extends State<MessageManager> {
|
|
late MessageApiService _apiService;
|
|
late Future<List<EipMessage>> _messageFuture;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_apiService = MessageApiService();
|
|
_refreshList();
|
|
}
|
|
|
|
void _refreshList() {
|
|
setState(() {
|
|
_messageFuture = _apiService.fetchMessages(widget.currentUserId);
|
|
});
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: const Text('通知訊息'),
|
|
actions: [
|
|
IconButton(
|
|
icon: const Icon(Icons.refresh),
|
|
onPressed: _refreshList,
|
|
)
|
|
],
|
|
),
|
|
body: FutureBuilder<List<EipMessage>>(
|
|
future: _messageFuture,
|
|
builder: (context, snapshot) {
|
|
if (snapshot.connectionState == ConnectionState.waiting) {
|
|
return const Center(child: CircularProgressIndicator());
|
|
}
|
|
if (!snapshot.hasData || snapshot.data!.isEmpty) {
|
|
return const Center(child: Text('近 30 天內無任何通知訊息'));
|
|
}
|
|
return ListView.builder(
|
|
itemCount: snapshot.data!.length,
|
|
itemBuilder: (ctx, i) => _buildMessageCard(snapshot.data![i]),
|
|
);
|
|
},
|
|
),
|
|
// 此為唯讀功能，因此移除 FloatingActionButton
|
|
);
|
|
}
|
|
|
|
Widget _buildMessageCard(EipMessage item) {
|
|
return Card(
|
|
elevation: 0.5,
|
|
margin: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|
shape: RoundedRectangleBorder(
|
|
side: BorderSide(color: Colors.grey.shade200),
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
child: ListTile(
|
|
onTap: () async {
|
|
// 點擊進入詳情
|
|
await Navigator.push(
|
|
context,
|
|
MaterialPageRoute(builder: (context) => MessageDetail(message: item)),
|
|
);
|
|
// 若在詳情頁有觸發「已讀」，返回時可重新整理列表
|
|
_refreshList();
|
|
},
|
|
leading: CircleAvatar(
|
|
backgroundColor: item.statusColor.withOpacity(0.1),
|
|
child: Icon(
|
|
item.isRead ? Icons.mark_email_read : Icons.mark_email_unread,
|
|
color: item.statusColor,
|
|
),
|
|
),
|
|
title: Text(
|
|
item.subjectLine, //
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
fontWeight: item.isRead ? FontWeight.normal : FontWeight.bold,
|
|
),
|
|
),
|
|
subtitle: Text(item.formattedDate),
|
|
),
|
|
);
|
|
}
|
|
} |