2022-11-18 21:50:15 +00:00
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:flutter_widget_from_html_core/flutter_widget_from_html_core.dart';
|
2023-03-20 02:16:30 +00:00
|
|
|
import 'package:go_router/go_router.dart';
|
2022-11-21 21:21:45 +00:00
|
|
|
import 'package:logging/logging.dart';
|
2022-11-18 21:50:15 +00:00
|
|
|
|
2023-03-20 02:16:30 +00:00
|
|
|
import '../../globals.dart';
|
2023-01-07 16:30:16 +00:00
|
|
|
import '../../models/flattened_tree_item.dart';
|
2022-11-18 21:50:15 +00:00
|
|
|
import '../../models/timeline_entry.dart';
|
2023-03-20 02:16:30 +00:00
|
|
|
import '../../services/timeline_manager.dart';
|
|
|
|
import '../../utils/active_profile_selector.dart';
|
|
|
|
import '../../utils/clipboard_utils.dart';
|
2022-11-23 20:48:09 +00:00
|
|
|
import '../../utils/url_opening_utils.dart';
|
2023-01-05 19:58:56 +00:00
|
|
|
import '../media_attachment_viewer_control.dart';
|
2022-11-18 21:50:15 +00:00
|
|
|
import '../padding.dart';
|
|
|
|
import 'interactions_bar_control.dart';
|
2023-03-19 20:27:57 +00:00
|
|
|
import 'link_preview_control.dart';
|
2022-11-23 02:59:08 +00:00
|
|
|
import 'status_header_control.dart';
|
2022-11-18 21:50:15 +00:00
|
|
|
|
2023-01-07 16:30:16 +00:00
|
|
|
class FlattenedTreeEntryControl extends StatefulWidget {
|
|
|
|
final FlattenedTreeItem originalItem;
|
2022-12-13 12:17:35 +00:00
|
|
|
final bool openRemote;
|
|
|
|
final bool showStatusOpenButton;
|
2022-11-18 21:50:15 +00:00
|
|
|
|
2023-01-07 16:30:16 +00:00
|
|
|
const FlattenedTreeEntryControl(
|
2022-12-13 12:17:35 +00:00
|
|
|
{super.key,
|
|
|
|
required this.originalItem,
|
|
|
|
required this.openRemote,
|
|
|
|
required this.showStatusOpenButton});
|
2022-11-18 23:31:28 +00:00
|
|
|
|
|
|
|
@override
|
2023-01-07 16:30:16 +00:00
|
|
|
State<FlattenedTreeEntryControl> createState() => _StatusControlState();
|
2022-11-18 23:31:28 +00:00
|
|
|
}
|
|
|
|
|
2023-01-07 16:30:16 +00:00
|
|
|
class _StatusControlState extends State<FlattenedTreeEntryControl> {
|
|
|
|
static final _logger = Logger('$FlattenedTreeEntryControl');
|
2022-11-18 21:50:15 +00:00
|
|
|
|
2022-11-22 18:36:57 +00:00
|
|
|
var showContent = true;
|
|
|
|
|
2022-12-13 12:25:03 +00:00
|
|
|
var showComments = false;
|
|
|
|
|
2023-01-07 16:30:16 +00:00
|
|
|
FlattenedTreeItem get item => widget.originalItem;
|
2022-11-21 21:21:45 +00:00
|
|
|
|
2023-01-07 16:30:16 +00:00
|
|
|
TimelineEntry get entry => item.timelineEntry;
|
2022-11-22 18:36:57 +00:00
|
|
|
|
2023-01-07 16:30:16 +00:00
|
|
|
bool get isPost => entry.parentId.isEmpty;
|
2022-11-22 16:43:16 +00:00
|
|
|
|
|
|
|
bool get hasComments => entry.engagementSummary.repliesCount > 0;
|
|
|
|
|
2023-03-20 02:16:30 +00:00
|
|
|
bool isProcessing = false;
|
|
|
|
|
2022-11-22 18:36:57 +00:00
|
|
|
@override
|
|
|
|
void initState() {
|
|
|
|
showContent = entry.spoilerText.isEmpty;
|
2022-12-19 14:43:06 +00:00
|
|
|
showComments = isPost ? false : true;
|
2022-11-22 18:36:57 +00:00
|
|
|
}
|
|
|
|
|
2022-11-18 21:50:15 +00:00
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
2023-01-07 16:30:16 +00:00
|
|
|
_logger.finest('Building ${entry.toShortString()}');
|
|
|
|
const otherPadding = 8.0;
|
|
|
|
final leftPadding = otherPadding + (widget.originalItem.level * 15.0);
|
|
|
|
final color = widget.originalItem.level.isOdd
|
2023-03-19 21:42:10 +00:00
|
|
|
? Theme.of(context).secondaryHeaderColor
|
|
|
|
: Theme.of(context).dialogBackgroundColor;
|
|
|
|
final body = Container(
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
color: color,
|
|
|
|
border: Border.all(width: 0.5),
|
|
|
|
borderRadius: BorderRadius.circular(5.0),
|
|
|
|
boxShadow: [
|
|
|
|
BoxShadow(
|
|
|
|
color: Theme.of(context).dividerColor,
|
|
|
|
blurRadius: 2,
|
|
|
|
offset: Offset(4, 4),
|
|
|
|
spreadRadius: 0.1,
|
|
|
|
blurStyle: BlurStyle.normal,
|
|
|
|
)
|
|
|
|
],
|
|
|
|
),
|
|
|
|
child: Padding(
|
|
|
|
padding: const EdgeInsets.all(5.0),
|
|
|
|
child: Column(
|
|
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
children: [
|
2023-03-20 02:16:30 +00:00
|
|
|
Row(
|
|
|
|
children: [
|
|
|
|
Expanded(
|
|
|
|
child: StatusHeaderControl(
|
|
|
|
entry: entry,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
buildMenuControl(context),
|
|
|
|
],
|
2023-03-19 21:42:10 +00:00
|
|
|
),
|
|
|
|
const VerticalPadding(
|
|
|
|
height: 5,
|
|
|
|
),
|
|
|
|
if (entry.spoilerText.isNotEmpty)
|
|
|
|
TextButton(
|
|
|
|
onPressed: () {
|
|
|
|
setState(() {
|
|
|
|
showContent = !showContent;
|
|
|
|
});
|
|
|
|
},
|
|
|
|
child: Text(
|
|
|
|
'Content Summary: ${entry.spoilerText} (Click to ${showContent ? "Hide" : "Show"}}')),
|
|
|
|
if (showContent) ...[
|
|
|
|
buildBody(context),
|
|
|
|
const VerticalPadding(
|
|
|
|
height: 5,
|
|
|
|
),
|
|
|
|
if (entry.linkPreviewData != null)
|
|
|
|
LinkPreviewControl(preview: entry.linkPreviewData!),
|
|
|
|
buildMediaBar(context),
|
|
|
|
],
|
|
|
|
const VerticalPadding(
|
|
|
|
height: 5,
|
|
|
|
),
|
|
|
|
InteractionsBarControl(
|
|
|
|
entry: entry,
|
|
|
|
isMine: item.isMine,
|
|
|
|
showOpenControl: widget.showStatusOpenButton,
|
|
|
|
),
|
2022-12-13 04:04:32 +00:00
|
|
|
const VerticalPadding(
|
|
|
|
height: 5,
|
|
|
|
),
|
|
|
|
],
|
2023-03-19 21:42:10 +00:00
|
|
|
),
|
2022-11-18 21:50:15 +00:00
|
|
|
),
|
|
|
|
);
|
2023-01-07 16:30:16 +00:00
|
|
|
return Padding(
|
|
|
|
padding: EdgeInsets.only(
|
|
|
|
left: leftPadding,
|
|
|
|
right: otherPadding,
|
|
|
|
top: otherPadding,
|
|
|
|
bottom: otherPadding,
|
|
|
|
),
|
2023-03-19 21:42:10 +00:00
|
|
|
child: body,
|
2023-01-07 16:30:16 +00:00
|
|
|
);
|
2022-11-18 21:50:15 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
Widget buildBody(BuildContext context) {
|
2022-12-13 04:04:32 +00:00
|
|
|
return HtmlWidget(
|
|
|
|
entry.body,
|
|
|
|
onTapUrl: (url) async {
|
2023-01-25 12:41:41 +00:00
|
|
|
return await openUrlStringInSystembrowser(context, url, 'link');
|
2022-12-13 04:04:32 +00:00
|
|
|
},
|
2022-11-18 21:50:15 +00:00
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
Widget buildMediaBar(BuildContext context) {
|
|
|
|
final items = entry.mediaAttachments;
|
|
|
|
if (items.isEmpty) {
|
|
|
|
return const SizedBox();
|
|
|
|
}
|
|
|
|
return SizedBox(
|
|
|
|
height: 250.0,
|
|
|
|
child: ListView.separated(
|
|
|
|
scrollDirection: Axis.horizontal,
|
|
|
|
itemBuilder: (context, index) {
|
2023-01-29 22:21:47 +00:00
|
|
|
return MediaAttachmentViewerControl(
|
|
|
|
attachments: items,
|
|
|
|
index: index,
|
|
|
|
);
|
2022-11-18 21:50:15 +00:00
|
|
|
},
|
|
|
|
separatorBuilder: (context, index) {
|
|
|
|
return HorizontalPadding();
|
|
|
|
},
|
|
|
|
itemCount: items.length));
|
|
|
|
}
|
2023-03-20 02:16:30 +00:00
|
|
|
|
|
|
|
Widget buildMenuControl(BuildContext context) {
|
|
|
|
const editStatus = 'Edit';
|
|
|
|
const deleteStatus = 'Delete';
|
|
|
|
const goToPost = 'Open Post';
|
|
|
|
const copyText = 'Copy Post Text';
|
|
|
|
const copyUrl = 'Copy URL';
|
|
|
|
const openExternal = 'Open In Browser';
|
|
|
|
final options = [
|
|
|
|
if (widget.showStatusOpenButton && !widget.openRemote) goToPost,
|
|
|
|
if (item.isMine && !item.timelineEntry.youReshared) editStatus,
|
|
|
|
if (item.isMine) deleteStatus,
|
|
|
|
copyText,
|
|
|
|
openExternal,
|
|
|
|
copyUrl,
|
|
|
|
];
|
|
|
|
|
|
|
|
return PopupMenuButton<String>(onSelected: (menuOption) async {
|
|
|
|
if (!mounted) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
switch (menuOption) {
|
|
|
|
case goToPost:
|
|
|
|
context.push(
|
|
|
|
'/post/view/${item.timelineEntry.id}/${item.timelineEntry.id}');
|
|
|
|
break;
|
|
|
|
case editStatus:
|
|
|
|
if (item.timelineEntry.parentId.isEmpty) {
|
|
|
|
context.push('/post/edit/${item.timelineEntry.id}');
|
|
|
|
} else {
|
|
|
|
context.push('/comment/edit/${item.timelineEntry.id}');
|
|
|
|
}
|
|
|
|
break;
|
|
|
|
case deleteStatus:
|
|
|
|
deleteEntry();
|
|
|
|
break;
|
|
|
|
case openExternal:
|
|
|
|
await openUrlStringInSystembrowser(
|
|
|
|
context,
|
|
|
|
item.timelineEntry.externalLink,
|
|
|
|
'Post',
|
|
|
|
);
|
|
|
|
break;
|
|
|
|
case copyUrl:
|
|
|
|
await copyToClipboard(
|
|
|
|
context: context,
|
|
|
|
text: item.timelineEntry.externalLink,
|
|
|
|
message: 'Post link copied to clipboard',
|
|
|
|
);
|
|
|
|
break;
|
|
|
|
case copyText:
|
|
|
|
await copyToClipboard(
|
|
|
|
context: context,
|
|
|
|
text: item.timelineEntry.body,
|
|
|
|
message: 'Post link copied to clipboard',
|
|
|
|
);
|
|
|
|
break;
|
|
|
|
default:
|
|
|
|
//do nothing
|
|
|
|
}
|
|
|
|
}, itemBuilder: (context) {
|
|
|
|
return options
|
|
|
|
.map((o) => PopupMenuItem(value: o, child: Text(o)))
|
|
|
|
.toList();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
Future<void> deleteEntry() async {
|
|
|
|
setState(() {
|
|
|
|
isProcessing = true;
|
|
|
|
});
|
|
|
|
final confirm =
|
|
|
|
await showYesNoDialog(context, 'Delete ${isPost ? "Post" : "Comment"}');
|
|
|
|
if (confirm == true) {
|
|
|
|
await getIt<ActiveProfileSelector<TimelineManager>>()
|
|
|
|
.activeEntry
|
|
|
|
.andThenAsync(
|
|
|
|
(tm) async => await tm.deleteEntryById(item.timelineEntry.id));
|
|
|
|
}
|
|
|
|
setState(() {
|
|
|
|
isProcessing = false;
|
|
|
|
});
|
|
|
|
}
|
2022-11-18 21:50:15 +00:00
|
|
|
}
|