325 lines
20 KiB
Dart
325 lines
20 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
import 'package:news/cubits/appLocalizationCubit.dart';
|
|
import 'package:news/data/models/CommentModel.dart';
|
|
import 'package:news/ui/screens/NewsDetail/Widgets/delAndReportReplyComm.dart';
|
|
import 'package:news/ui/styles/colors.dart';
|
|
|
|
import 'package:news/ui/widgets/customTextLabel.dart';
|
|
|
|
import 'package:news/utils/uiUtils.dart';
|
|
import 'package:news/cubits/Auth/authCubit.dart';
|
|
import 'package:news/cubits/NewsComment/likeAndDislikeCommCubit.dart';
|
|
import 'package:news/cubits/NewsComment/setCommentCubit.dart';
|
|
import 'package:news/cubits/commentNewsCubit.dart';
|
|
import 'package:news/data/repositories/NewsComment/LikeAndDislikeComment/likeAndDislikeCommRepository.dart';
|
|
|
|
class ReplyCommentView extends StatefulWidget {
|
|
final int replyComIndex;
|
|
final Function replyComFun;
|
|
final String newsId;
|
|
|
|
const ReplyCommentView({super.key, required this.replyComIndex, required this.replyComFun, required this.newsId});
|
|
|
|
@override
|
|
ReplyCommentViewState createState() => ReplyCommentViewState();
|
|
}
|
|
|
|
class ReplyCommentViewState extends State<ReplyCommentView> {
|
|
bool isReply = false, replyComEnabled = false, isSending = false;
|
|
final TextEditingController _replyComC = TextEditingController();
|
|
TextEditingController reportC = TextEditingController();
|
|
|
|
Widget allReplyComView(CommentModel model) {
|
|
return Row(children: [
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 4),
|
|
child: Row(children: [
|
|
CustomTextLabel(
|
|
text: 'allLbl',
|
|
textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.6), fontSize: 12.0, fontWeight: FontWeight.w600)),
|
|
CustomTextLabel(
|
|
text: " ${model.replyComList!.length} ",
|
|
textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.6), fontSize: 12.0, fontWeight: FontWeight.w600)),
|
|
CustomTextLabel(
|
|
text: (model.replyComList!.length == 1) ? 'replyLbl' : 'repliesLbl',
|
|
textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.6), fontSize: 12.0, fontWeight: FontWeight.w600)),
|
|
])),
|
|
const Spacer(),
|
|
Align(
|
|
alignment: Alignment.topRight,
|
|
child: InkWell(
|
|
child: const Icon(Icons.close),
|
|
onTap: () {
|
|
setState(() => isReply = false);
|
|
widget.replyComFun(false, widget.replyComIndex);
|
|
}))
|
|
]);
|
|
}
|
|
|
|
replyComProfileWithCom(CommentModel modelCom) {
|
|
return BlocBuilder<LikeAndDislikeCommCubit, LikeAndDislikeCommState>(
|
|
builder: (context, state) {
|
|
DateTime replyTime = DateTime.parse(modelCom.date!);
|
|
return Container(
|
|
decoration: BoxDecoration(border: Border.all(width: 2, color: borderColor)),
|
|
padding: const EdgeInsets.all(10),
|
|
child: Row(mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[
|
|
modelCom.profile != null && modelCom.profile != ""
|
|
? UiUtils.setFixedSizeboxForProfilePicture(childWidget: CircleAvatar(backgroundImage: NetworkImage(modelCom.profile!), radius: 32))
|
|
: UiUtils.setFixedSizeboxForProfilePicture(childWidget: const Icon(Icons.account_circle, size: 35)),
|
|
Expanded(
|
|
child: Padding(
|
|
padding: const EdgeInsetsDirectional.only(start: 15.0),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
CustomTextLabel(
|
|
text: modelCom.name!,
|
|
textStyle: Theme.of(context).textTheme.bodyMedium?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.7), fontSize: 13)),
|
|
Padding(
|
|
padding: const EdgeInsetsDirectional.only(start: 10.0),
|
|
child: Icon(Icons.circle, size: 4.0, color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.7))),
|
|
Padding(
|
|
padding: const EdgeInsetsDirectional.only(start: 10.0),
|
|
child: CustomTextLabel(
|
|
text: UiUtils.convertToAgo(context, replyTime, 1)!,
|
|
textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.7), fontSize: 10)))
|
|
],
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 8.0),
|
|
child: CustomTextLabel(
|
|
text: modelCom.message!,
|
|
textStyle: Theme.of(context).textTheme.titleSmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer, fontWeight: FontWeight.normal)),
|
|
),
|
|
],
|
|
))),
|
|
]));
|
|
},
|
|
);
|
|
}
|
|
|
|
replyComSendReplyView(CommentModel model) {
|
|
return context.read<AuthCubit>().getUserId() != "0"
|
|
? Padding(
|
|
padding: const EdgeInsetsDirectional.only(top: 10.0),
|
|
child: Row(
|
|
children: [
|
|
Expanded(
|
|
flex: 1,
|
|
child: context.read<AuthCubit>().getProfile() != ""
|
|
? UiUtils.setFixedSizeboxForProfilePicture(childWidget: CircleAvatar(backgroundImage: NetworkImage(context.read<AuthCubit>().getProfile()), radius: 32))
|
|
: UiUtils.setFixedSizeboxForProfilePicture(childWidget: const Icon(Icons.account_circle, size: 35))),
|
|
BlocListener<SetCommentCubit, SetCommentState>(
|
|
bloc: context.read<SetCommentCubit>(),
|
|
listener: (context, state) {
|
|
if (state is SetCommentFetchSuccess) {
|
|
context.read<CommentNewsCubit>().commentUpdateList(state.setComment, state.total);
|
|
FocusScopeNode currentFocus = FocusScope.of(context);
|
|
if (!currentFocus.hasPrimaryFocus) {
|
|
currentFocus.unfocus();
|
|
}
|
|
_replyComC.clear();
|
|
isSending = false;
|
|
setState(() {});
|
|
}
|
|
if (state is SetCommentFetchInProgress) {
|
|
setState(() => isSending = true);
|
|
}
|
|
},
|
|
child: Expanded(
|
|
flex: 7,
|
|
child: Padding(
|
|
padding: const EdgeInsetsDirectional.only(start: 18.0),
|
|
child: TextField(
|
|
controller: _replyComC,
|
|
style: Theme.of(context).textTheme.titleSmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.7)),
|
|
onChanged: (String val) {
|
|
if (_replyComC.text.trim().isNotEmpty) {
|
|
setState(() => replyComEnabled = true);
|
|
} else {
|
|
setState(() => replyComEnabled = false);
|
|
}
|
|
},
|
|
keyboardType: TextInputType.multiline,
|
|
maxLines: null,
|
|
decoration: InputDecoration(
|
|
contentPadding: const EdgeInsets.only(top: 10.0, bottom: 2.0),
|
|
isDense: true,
|
|
enabledBorder: UnderlineInputBorder(borderSide: BorderSide(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.5), width: 1.5)),
|
|
hintText: UiUtils.getTranslatedLabel(context, 'publicReply'),
|
|
hintStyle: Theme.of(context).textTheme.titleSmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.7)),
|
|
suffixIconConstraints: const BoxConstraints(maxHeight: 35, maxWidth: 30),
|
|
suffixIcon: (_replyComC.text.trim().isNotEmpty)
|
|
? (!isSending)
|
|
? IconButton(
|
|
icon: Icon(Icons.send, color: replyComEnabled ? UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.8) : Colors.transparent, size: 20.0),
|
|
onPressed: () async {
|
|
if (context.read<AuthCubit>().getUserId() != "0") {
|
|
context.read<SetCommentCubit>().setComment(parentId: model.id!, newsId: widget.newsId, message: _replyComC.text);
|
|
} else {
|
|
UiUtils.loginRequired(context);
|
|
}
|
|
},
|
|
)
|
|
: SizedBox(height: 12, width: 12, child: UiUtils.showCircularProgress(true, Theme.of(context).primaryColor))
|
|
: SizedBox.shrink()),
|
|
))))
|
|
],
|
|
))
|
|
: const SizedBox.shrink();
|
|
}
|
|
|
|
replyAllComListView(CommentModel model) {
|
|
return Padding(
|
|
padding: const EdgeInsets.only(top: 20.0),
|
|
child: SingleChildScrollView(
|
|
child: ListView.separated(
|
|
separatorBuilder: (BuildContext context, int index) => Divider(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.5)),
|
|
shrinkWrap: true,
|
|
reverse: true,
|
|
padding: const EdgeInsets.only(top: 20.0),
|
|
physics: const NeverScrollableScrollPhysics(),
|
|
itemCount: model.replyComList!.length,
|
|
itemBuilder: (context, index) {
|
|
DateTime time1 = DateTime.parse(model.replyComList![index].date!);
|
|
return Builder(builder: (context) {
|
|
return Row(mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: <Widget>[
|
|
model.replyComList![index].profile != null && model.replyComList![index].profile != ""
|
|
? UiUtils.setFixedSizeboxForProfilePicture(childWidget: CircleAvatar(backgroundImage: NetworkImage(model.replyComList![index].profile!), radius: 32))
|
|
: UiUtils.setFixedSizeboxForProfilePicture(childWidget: const Icon(Icons.account_circle, size: 35)),
|
|
Expanded(
|
|
child: Padding(
|
|
padding: const EdgeInsetsDirectional.only(start: 15.0),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
CustomTextLabel(
|
|
text: model.replyComList![index].name!,
|
|
textStyle: Theme.of(context).textTheme.bodyMedium?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.7), fontSize: 13)),
|
|
Padding(
|
|
padding: const EdgeInsetsDirectional.only(start: 10.0),
|
|
child: Icon(Icons.circle, size: 4.0, color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.7))),
|
|
Padding(
|
|
padding: const EdgeInsetsDirectional.only(start: 10.0),
|
|
child: CustomTextLabel(
|
|
text: UiUtils.convertToAgo(context, time1, 1)!,
|
|
textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.7), fontSize: 10),
|
|
)),
|
|
],
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 8.0),
|
|
child: CustomTextLabel(
|
|
text: model.replyComList![index].message!,
|
|
textStyle: Theme.of(context).textTheme.titleSmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer, fontWeight: FontWeight.normal),
|
|
),
|
|
),
|
|
BlocBuilder<LikeAndDislikeCommCubit, LikeAndDislikeCommState>(builder: (context, state) {
|
|
return Padding(
|
|
padding: const EdgeInsets.only(top: 15.0),
|
|
child: Row(
|
|
children: [
|
|
InkWell(
|
|
child: const Icon(Icons.thumb_up_off_alt_rounded),
|
|
onTap: () {
|
|
(context.read<AuthCubit>().getUserId() != "0")
|
|
? context.read<LikeAndDislikeCommCubit>().setLikeAndDislikeComm(
|
|
langId: context.read<AppLocalizationCubit>().state.id,
|
|
commId: model.replyComList![index].id!,
|
|
status: (model.replyComList![index].like == "1") ? "0" : "1",
|
|
fromLike: true)
|
|
: UiUtils.loginRequired(context);
|
|
},
|
|
),
|
|
model.replyComList![index].totalLikes! != "0"
|
|
? Padding(
|
|
padding: const EdgeInsetsDirectional.only(start: 4.0),
|
|
child: CustomTextLabel(
|
|
text: model.replyComList![index].totalLikes!,
|
|
textStyle: Theme.of(context).textTheme.titleSmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer)))
|
|
: const SizedBox(width: 12),
|
|
Padding(
|
|
padding: const EdgeInsetsDirectional.only(start: 35),
|
|
child: InkWell(
|
|
child: const Icon(Icons.thumb_down_alt_rounded),
|
|
onTap: () {
|
|
(context.read<AuthCubit>().getUserId() != "0")
|
|
? context.read<LikeAndDislikeCommCubit>().setLikeAndDislikeComm(
|
|
langId: context.read<AppLocalizationCubit>().state.id,
|
|
commId: model.replyComList![index].id!,
|
|
status: (model.replyComList![index].dislike == "1") ? "0" : "2",
|
|
fromLike: false)
|
|
: UiUtils.loginRequired(context);
|
|
},
|
|
)),
|
|
model.replyComList![index].totalDislikes! != "0"
|
|
? Padding(
|
|
padding: const EdgeInsetsDirectional.only(start: 4.0),
|
|
child: CustomTextLabel(
|
|
text: model.replyComList![index].totalDislikes!,
|
|
textStyle: Theme.of(context).textTheme.titleSmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer)))
|
|
: const SizedBox.shrink(),
|
|
const Spacer(),
|
|
if (context.read<AuthCubit>().getUserId() != "0")
|
|
InkWell(
|
|
child: Icon(Icons.more_vert_outlined, color: UiUtils.getColorScheme(context).primaryContainer, size: 17),
|
|
onTap: () => delAndReportReplyComm(model: model, context: context, reportC: reportC, newsId: widget.newsId, setState: setState, replyIndex: index))
|
|
],
|
|
),
|
|
);
|
|
})
|
|
],
|
|
))),
|
|
]);
|
|
});
|
|
})));
|
|
}
|
|
|
|
Widget replyCommentView() {
|
|
return BlocBuilder<CommentNewsCubit, CommentNewsState>(builder: (context, state) {
|
|
if (state is CommentNewsFetchSuccess && state.commentNews.isNotEmpty) {
|
|
return BlocListener<LikeAndDislikeCommCubit, LikeAndDislikeCommState>(
|
|
listener: (context, likeDislikeState) {
|
|
if (likeDislikeState is LikeAndDislikeCommSuccess) {
|
|
final defaultIndex = state.commentNews.indexWhere((element) => element.id == likeDislikeState.comment.id);
|
|
if (defaultIndex != -1) {
|
|
state.commentNews[defaultIndex].replyComList = likeDislikeState.comment.replyComList;
|
|
context.read<CommentNewsCubit>().emitSuccessState(state.commentNews);
|
|
}
|
|
}
|
|
},
|
|
child: Padding(
|
|
padding: const EdgeInsetsDirectional.only(top: 10.0, bottom: 10.0),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
allReplyComView(state.commentNews[widget.replyComIndex]),
|
|
replyComProfileWithCom(state.commentNews[widget.replyComIndex]),
|
|
replyComSendReplyView(state.commentNews[widget.replyComIndex]),
|
|
replyAllComListView(state.commentNews[widget.replyComIndex])
|
|
],
|
|
)),
|
|
);
|
|
}
|
|
if (state is CommentNewsFetchFailure) {
|
|
return Center(child: CustomTextLabel(text: state.errorMessage, textAlign: TextAlign.center));
|
|
}
|
|
//state is CommentNewsFetchInProgress || state is CommentNewsInitial
|
|
return const Padding(padding: EdgeInsets.only(bottom: 10.0, left: 10.0, right: 10.0), child: SizedBox.shrink());
|
|
});
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return BlocProvider(create: (context) => LikeAndDislikeCommCubit(LikeAndDislikeCommRepository()), child: replyCommentView());
|
|
}
|
|
}
|