159 lines
4.8 KiB
Dart
159 lines
4.8 KiB
Dart
// Author: fruit.com.cn
|
|
|
|
import 'dart:async';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
import '../../../core/data/models/comment.dart';
|
|
import '../../../core/data/models/drama.dart';
|
|
import '../../../core/data/repositories/comment_repository.dart';
|
|
import '../../../core/data/repositories/interaction_repository.dart';
|
|
import '../../../core/data/services/comment_controller.dart';
|
|
import '../../../core/theme/app_colors.dart';
|
|
import '../../../l10n/app_localizations.dart';
|
|
|
|
class PlayerFeaturedComment extends StatefulWidget {
|
|
const PlayerFeaturedComment({
|
|
super.key,
|
|
required this.drama,
|
|
required this.onViewAll,
|
|
});
|
|
|
|
final Drama drama;
|
|
final VoidCallback onViewAll;
|
|
|
|
@override
|
|
State<PlayerFeaturedComment> createState() => _PlayerFeaturedCommentState();
|
|
}
|
|
|
|
class _PlayerFeaturedCommentState extends State<PlayerFeaturedComment> {
|
|
late final CommentController _controller;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_controller = CommentController(
|
|
comments: context.read<CommentRepository>(),
|
|
interactions: context.read<InteractionRepository>(),
|
|
dramaId: widget.drama.id,
|
|
);
|
|
unawaited(_controller.load());
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_controller.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return ListenableBuilder(
|
|
listenable: _controller,
|
|
builder: (context, _) {
|
|
if (_controller.comments.isEmpty) return const SizedBox.shrink();
|
|
return _card(context, _controller.comments.first);
|
|
},
|
|
);
|
|
}
|
|
|
|
Widget _card(BuildContext context, DramaComment comment) {
|
|
final l10n = AppLocalizations.of(context)!;
|
|
final time = _time(l10n, comment.createdAt);
|
|
return InkWell(
|
|
key: const Key('player-featured-comment'),
|
|
onTap: widget.onViewAll,
|
|
borderRadius: BorderRadius.circular(10),
|
|
child: Container(
|
|
width: double.infinity,
|
|
padding: const EdgeInsets.all(9),
|
|
decoration: BoxDecoration(
|
|
color: AppColors.card,
|
|
borderRadius: BorderRadius.circular(10),
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Container(
|
|
width: 18,
|
|
height: 18,
|
|
alignment: Alignment.center,
|
|
decoration: BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
color: AppColors.secondary.withValues(alpha: 0.2),
|
|
),
|
|
child: Text(
|
|
_initial(comment.nickname),
|
|
style: const TextStyle(
|
|
color: AppColors.onSurface,
|
|
fontSize: 8,
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 6),
|
|
Expanded(
|
|
child: Row(
|
|
children: [
|
|
Flexible(
|
|
child: Text(
|
|
comment.nickname.isEmpty
|
|
? l10n.localViewer
|
|
: comment.nickname,
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: const TextStyle(
|
|
color: AppColors.onSurface,
|
|
fontSize: 10,
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
),
|
|
),
|
|
if (time != null) ...[
|
|
const SizedBox(width: 4),
|
|
Text(
|
|
'· $time',
|
|
style: const TextStyle(
|
|
color: Color(0xFF777777),
|
|
fontSize: 9,
|
|
),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 5),
|
|
Text(
|
|
comment.content,
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: const TextStyle(
|
|
color: Color(0xFFDDDDDD),
|
|
fontSize: 10,
|
|
height: 1.5,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
String? _time(AppLocalizations l10n, DateTime? createdAt) {
|
|
if (createdAt == null) return null;
|
|
final diff = DateTime.now().difference(createdAt);
|
|
if (diff.inMinutes < 1) return null;
|
|
return l10n.minutesAgo(diff.inMinutes);
|
|
}
|
|
|
|
String _initial(String nickname) {
|
|
final trimmed = nickname.trim();
|
|
return trimmed.isEmpty ? '?' : trimmed.substring(0, 1).toUpperCase();
|
|
}
|
|
}
|