2020-08-31 18:26:57 +02:00
|
|
|
import 'package:cached_network_image/cached_network_image.dart';
|
2020-08-31 01:47:08 +02:00
|
|
|
import 'package:flutter/material.dart';
|
2020-09-03 00:01:04 +02:00
|
|
|
import 'package:lemmy_api_client/lemmy_api_client.dart';
|
2020-09-02 13:49:07 +02:00
|
|
|
import 'package:timeago/timeago.dart' as timeago;
|
2020-08-31 01:47:08 +02:00
|
|
|
|
2020-08-31 20:10:05 +02:00
|
|
|
import '../comment_tree.dart';
|
2020-09-02 13:49:07 +02:00
|
|
|
import '../util/text_color.dart';
|
2020-08-31 20:10:05 +02:00
|
|
|
import 'markdown_text.dart';
|
2020-08-31 01:47:08 +02:00
|
|
|
|
2020-08-31 19:56:48 +02:00
|
|
|
class Comment extends StatelessWidget {
|
2020-08-31 01:47:08 +02:00
|
|
|
final int indent;
|
2020-08-31 15:29:02 +02:00
|
|
|
final int postCreatorId;
|
2020-08-31 01:47:08 +02:00
|
|
|
final CommentTree commentTree;
|
2020-08-31 19:56:48 +02:00
|
|
|
Comment(
|
2020-08-31 01:47:08 +02:00
|
|
|
this.commentTree, {
|
|
|
|
this.indent = 0,
|
2020-08-31 15:29:02 +02:00
|
|
|
@required this.postCreatorId,
|
2020-08-31 01:47:08 +02:00
|
|
|
});
|
|
|
|
|
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;
|
|
|
|
|
2020-08-31 01:47:08 +02:00
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2020-09-02 13:49:07 +02:00
|
|
|
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));
|
|
|
|
}
|
|
|
|
}();
|
|
|
|
|
2020-08-31 01:47:08 +02:00
|
|
|
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),
|
2020-08-31 01:47:08 +02:00
|
|
|
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 01:47:08 +02:00
|
|
|
]),
|
2020-08-31 12:23:32 +02:00
|
|
|
Row(children: [body]),
|
2020-08-31 01:47:08 +02:00
|
|
|
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',
|
|
|
|
),
|
2020-08-31 01:47:08 +02:00
|
|
|
])
|
|
|
|
],
|
|
|
|
),
|
|
|
|
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)
|
2020-08-31 19:56:48 +02:00
|
|
|
Comment(
|
2020-08-31 15:29:02 +02:00
|
|
|
c,
|
|
|
|
indent: indent + 1,
|
|
|
|
postCreatorId: postCreatorId,
|
|
|
|
),
|
2020-08-31 01:47:08 +02:00
|
|
|
],
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
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(
|
2020-09-02 13:49:07 +02:00
|
|
|
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),
|
|
|
|
);
|
|
|
|
}
|