lemmur-app-android/lib/widgets/comment.dart

221 lines
6.5 KiB
Dart
Raw Normal View History

2020-08-31 18:26:57 +02:00
import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
2020-09-03 00:01:04 +02:00
import 'package:lemmy_api_client/lemmy_api_client.dart';
import 'package:timeago/timeago.dart' as timeago;
2020-08-31 20:10:05 +02:00
import '../comment_tree.dart';
import '../util/text_color.dart';
2020-08-31 20:10:05 +02:00
import 'markdown_text.dart';
class Comment extends StatelessWidget {
final int indent;
2020-08-31 15:29:02 +02:00
final int postCreatorId;
final CommentTree commentTree;
Comment(
this.commentTree, {
this.indent = 0,
2020-08-31 15:29:02 +02:00
@required this.postCreatorId,
});
2020-09-03 00:01:04 +02:00
void _openMoreMenu() {
print('OPEN MORE MENU');
}
2020-08-31 15:29:02 +02:00
void _goToUser() {
print('GO TO USER');
}
2020-09-03 00:01:04 +02:00
void _save(bool save) {
print('SAVE COMMENT, $save');
}
void _reply() {
print('OPEN REPLY BOX');
}
void _vote(VoteType vote) {
print('COMMENT VOTE: ${vote.toString()}');
}
2020-08-31 15:29:02 +02:00
bool get isOP => commentTree.comment.creatorId == postCreatorId;
@override
Widget build(BuildContext context) {
final comment = commentTree.comment;
2020-08-31 13:39:27 +02:00
2020-09-03 00:01:04 +02:00
final saved = comment.saved ?? false;
2020-08-31 13:39:27 +02:00
// decide which username to use
2020-09-01 14:17:56 +02:00
final username = () {
if (comment.creatorPreferredUsername != null &&
comment.creatorPreferredUsername != '') {
return comment.creatorPreferredUsername;
} else {
return '@${comment.creatorName}';
}
}();
final body = () {
if (comment.deleted) {
return Flexible(
child: Text(
'comment deleted by creator',
style: TextStyle(fontStyle: FontStyle.italic),
));
} else if (comment.removed) {
return Flexible(
child: Text(
'comment deleted by moderator',
style: TextStyle(fontStyle: FontStyle.italic),
));
} else {
return Flexible(child: MarkdownText(commentTree.comment.content));
}
}();
return Column(
children: [
Container(
child: Column(
children: [
Row(children: [
2020-08-31 15:29:02 +02:00
if (comment.creatorAvatar != null)
2020-09-03 00:18:29 +02:00
Padding(
padding: const EdgeInsets.only(right: 5),
child: InkWell(
onTap: _goToUser,
2020-08-31 15:29:02 +02:00
child: CachedNetworkImage(
imageUrl: comment.creatorAvatar,
height: 20,
width: 20,
imageBuilder: (context, imageProvider) => Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
image: DecorationImage(
fit: BoxFit.cover,
image: imageProvider,
),
),
),
),
),
),
InkWell(
child: Text(username,
style: TextStyle(
color: Theme.of(context).accentColor,
)),
onLongPress: _goToUser,
),
2020-09-03 00:10:36 +02:00
if (isOP) _CommentTag('OP', Theme.of(context).accentColor),
if (comment.banned) _CommentTag('BANNED', Colors.red),
2020-08-31 15:29:02 +02:00
if (comment.bannedFromCommunity)
2020-09-03 00:10:36 +02:00
_CommentTag('BANNED FROM COMMUNITY', Colors.red),
Spacer(),
Text(comment.score.toString()),
2020-09-03 00:18:29 +02:00
Text(' · '),
Text(timeago.format(comment.published, locale: 'en_short')),
]),
2020-08-31 12:23:32 +02:00
Row(children: [body]),
Row(children: [
Spacer(),
2020-09-03 00:01:04 +02:00
_CommentAction(
icon: Icons.more_horiz,
onPressed: _openMoreMenu,
tooltip: 'more',
),
_CommentAction(
icon: saved ? Icons.bookmark : Icons.bookmark_border,
onPressed: () => _save(!saved),
tooltip: '${saved ? 'unsave' : 'save'} comment',
),
_CommentAction(
icon: Icons.reply,
onPressed: _reply,
tooltip: 'reply',
),
_CommentAction(
icon: Icons.arrow_upward,
onPressed: () => _vote(VoteType.up),
tooltip: 'upvote',
),
_CommentAction(
icon: Icons.arrow_downward,
onPressed: () => _vote(VoteType.down),
tooltip: 'downvote',
),
])
],
),
padding: EdgeInsets.all(10),
margin: EdgeInsets.only(left: indent > 1 ? (indent - 1) * 5.0 : 0),
decoration: BoxDecoration(
border: Border(
left: indent > 0
? BorderSide(color: Colors.red, width: 5)
: BorderSide.none,
top: BorderSide(width: 0.2))),
),
for (var c in commentTree.children)
Comment(
2020-08-31 15:29:02 +02:00
c,
indent: indent + 1,
postCreatorId: postCreatorId,
),
],
);
}
}
2020-08-31 15:29:02 +02:00
2020-09-03 00:10:36 +02:00
class _CommentTag extends StatelessWidget {
2020-08-31 15:29:02 +02:00
final String text;
final Color bgColor;
2020-09-03 00:10:36 +02:00
const _CommentTag(this.text, this.bgColor);
2020-08-31 15:29:02 +02:00
@override
Widget build(BuildContext context) => Padding(
padding: const EdgeInsets.only(left: 5),
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(5)),
color: bgColor,
),
padding: EdgeInsets.symmetric(horizontal: 3, vertical: 2),
child: Text(text,
style: TextStyle(
color: textColorBasedOnBackground(bgColor),
2020-08-31 15:29:02 +02:00
fontSize: Theme.of(context).textTheme.bodyText1.fontSize - 5,
fontWeight: FontWeight.w800,
)),
),
);
}
2020-09-03 00:01:04 +02:00
class _CommentAction extends StatelessWidget {
final IconData icon;
final void Function() onPressed;
final String tooltip;
const _CommentAction({
Key key,
@required this.icon,
@required this.onPressed,
@required this.tooltip,
}) : super(key: key);
@override
Widget build(BuildContext context) => IconButton(
constraints: BoxConstraints.tight(Size(32, 26)),
icon: Icon(
icon,
color: Theme.of(context).iconTheme.color.withAlpha(190),
),
splashRadius: 25,
onPressed: onPressed,
iconSize: 22,
tooltip: tooltip,
padding: EdgeInsets.all(0),
);
}