252 lines
13 KiB
Dart
252 lines
13 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
import 'package:hive/hive.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:news/app/routes.dart';
|
|
import 'package:news/cubits/deleteUserNewsCubit.dart';
|
|
import 'package:news/cubits/getUserNewsCubit.dart';
|
|
import 'package:news/cubits/themeCubit.dart';
|
|
import 'package:news/data/models/NewsModel.dart';
|
|
import 'package:news/ui/styles/appTheme.dart';
|
|
import 'package:news/ui/styles/colors.dart';
|
|
import 'package:news/ui/widgets/SnackBarWidget.dart';
|
|
import 'package:news/ui/widgets/customTextBtn.dart';
|
|
import 'package:news/ui/widgets/customTextLabel.dart';
|
|
import 'package:news/ui/widgets/networkImage.dart';
|
|
import 'package:news/ui/screens/auth/Widgets/svgPictureWidget.dart';
|
|
import 'package:news/utils/hiveBoxKeys.dart';
|
|
import 'package:news/utils/uiUtils.dart';
|
|
|
|
class UsernewsWidgets {
|
|
static final labelKeys = {"standard_post": 'stdPostLbl', "video_youtube": 'videoYoutubeLbl', "video_other": 'videoOtherUrlLbl', "video_upload": 'videoUploadLbl'};
|
|
|
|
static buildNewsContainer(
|
|
{required BuildContext context,
|
|
required NewsModel model,
|
|
required int index,
|
|
required int totalCurrentNews,
|
|
required bool hasMoreNewsFetchError,
|
|
required bool hasMore,
|
|
required Function fetchMoreNews}) {
|
|
if (index == totalCurrentNews - 1 && index != 0) {
|
|
if (hasMore) {
|
|
if (hasMoreNewsFetchError) {
|
|
return Center(
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 15.0, vertical: 8.0),
|
|
child: IconButton(onPressed: () => fetchMoreNews, icon: Icon(Icons.error, color: Theme.of(context).primaryColor)),
|
|
));
|
|
} else {
|
|
return Center(child: Padding(padding: const EdgeInsets.symmetric(horizontal: 15.0, vertical: 8.0), child: UiUtils.showCircularProgress(true, Theme.of(context).primaryColor)));
|
|
}
|
|
}
|
|
}
|
|
|
|
return InkWell(
|
|
splashColor: Colors.transparent,
|
|
highlightColor: Colors.transparent,
|
|
onTap: () {
|
|
Navigator.of(context).pushNamed(Routes.newsDetails, arguments: {"model": model, "isFromBreak": false, "fromShowMore": false});
|
|
},
|
|
child: Container(
|
|
decoration: BoxDecoration(borderRadius: BorderRadius.circular(10.0), color: UiUtils.getColorScheme(context).surface),
|
|
padding: const EdgeInsetsDirectional.all(15),
|
|
margin: const EdgeInsets.only(top: 20),
|
|
child: SizedBox(
|
|
width: MediaQuery.of(context).size.width * 0.24,
|
|
height: MediaQuery.of(context).size.height * 0.26,
|
|
child: Column(mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
newsImage(imageURL: model.image!, context: context),
|
|
Padding(
|
|
padding: const EdgeInsets.only(left: 10.0),
|
|
child: Column(mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
categoryName(context: context, categoryName: (model.categoryName != null && model.categoryName!.trim().isNotEmpty) ? model.categoryName! : ""),
|
|
setDate(context: context, dateValue: model.date!)
|
|
]),
|
|
),
|
|
Spacer(),
|
|
deleteAndEditButton(context: context, isEdit: true, onTap: () => Navigator.of(context).pushNamed(Routes.addNews, arguments: {"model": model, "isEdit": true, "from": "myNews"})),
|
|
deleteAndEditButton(context: context, isEdit: false, onTap: () => deleteNewsDialogue(context, model.id!, index))
|
|
],
|
|
),
|
|
Divider(thickness: 2),
|
|
Expanded(
|
|
child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
CustomTextLabel(
|
|
text: model.title!,
|
|
maxLines: 3,
|
|
overflow: TextOverflow.ellipsis,
|
|
softWrap: true,
|
|
textStyle: Theme.of(context).textTheme.titleMedium!.copyWith(color: UiUtils.getColorScheme(context).primaryContainer, fontWeight: FontWeight.w700)),
|
|
contentTypeView(context: context, model: model),
|
|
])),
|
|
Divider(thickness: 2),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
(model.isExpired == 1)
|
|
? Container(
|
|
child: Row(
|
|
children: [
|
|
SvgPictureWidget(
|
|
assetName: 'expiredNews',
|
|
assetColor:
|
|
(context.read<ThemeCubit>().state.appTheme == AppTheme.Dark ? ColorFilter.mode(darkIconColor, BlendMode.srcIn) : ColorFilter.mode(iconColor, BlendMode.srcIn))),
|
|
SizedBox(width: 2.5),
|
|
Text(
|
|
UiUtils.getTranslatedLabel(context, 'expiredKey'),
|
|
style: TextStyle(color: (context.read<ThemeCubit>().state.appTheme == AppTheme.Dark ? darkIconColor : iconColor), fontWeight: FontWeight.w500),
|
|
),
|
|
],
|
|
))
|
|
: SizedBox.shrink(),
|
|
(model.status == "0")
|
|
? Container(
|
|
padding: EdgeInsets.symmetric(vertical: 3, horizontal: 5),
|
|
child: Tooltip(
|
|
margin: const EdgeInsets.symmetric(horizontal: 20),
|
|
decoration: BoxDecoration(color: UiUtils.getColorScheme(context).primaryContainer, borderRadius: BorderRadius.circular(10)),
|
|
textStyle: Theme.of(context).textTheme.bodyMedium?.copyWith(color: UiUtils.getColorScheme(context).secondary, fontSize: 10),
|
|
message: UiUtils.getTranslatedLabel(context, 'newsCreatedSuccessfully'),
|
|
child: Row(
|
|
children: [
|
|
SvgPictureWidget(
|
|
assetName: 'deactivatedNews',
|
|
assetColor: (context.read<ThemeCubit>().state.appTheme == AppTheme.Dark
|
|
? const ColorFilter.mode(darkIconColor, BlendMode.srcIn)
|
|
: const ColorFilter.mode(iconColor, BlendMode.srcIn))),
|
|
const SizedBox(width: 2.5),
|
|
Text(
|
|
UiUtils.getTranslatedLabel(context, 'deactivatedKey'),
|
|
style: TextStyle(color: (context.read<ThemeCubit>().state.appTheme == AppTheme.Dark ? darkIconColor : iconColor), fontWeight: FontWeight.bold),
|
|
),
|
|
],
|
|
),
|
|
))
|
|
: SizedBox.shrink(),
|
|
],
|
|
),
|
|
]),
|
|
)));
|
|
}
|
|
|
|
static Widget newsImage({required BuildContext context, required String imageURL}) {
|
|
return ClipRRect(
|
|
borderRadius: BorderRadius.circular(45),
|
|
child: CustomNetworkImage(networkImageUrl: imageURL, fit: BoxFit.cover, height: MediaQuery.of(context).size.width * 0.18, isVideo: false, width: MediaQuery.of(context).size.width * 0.18));
|
|
}
|
|
|
|
static Widget categoryName({required BuildContext context, required String categoryName}) {
|
|
return (categoryName.trim().isNotEmpty)
|
|
? Padding(
|
|
padding: const EdgeInsets.only(top: 4),
|
|
child: CustomTextLabel(
|
|
text: categoryName,
|
|
overflow: TextOverflow.ellipsis,
|
|
softWrap: true,
|
|
textStyle: Theme.of(context).textTheme.bodyLarge!.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.9), fontSize: 16, fontWeight: FontWeight.w600)),
|
|
)
|
|
: const SizedBox.shrink();
|
|
}
|
|
|
|
static Widget deleteAndEditButton({required BuildContext context, required bool isEdit, required void Function()? onTap}) {
|
|
return InkWell(
|
|
onTap: onTap,
|
|
child: Container(
|
|
padding: const EdgeInsetsDirectional.only(top: 3, bottom: 3, start: 5),
|
|
alignment: Alignment.center,
|
|
child: SvgPictureWidget(
|
|
assetName: (isEdit) ? 'editMyNews' : 'deleteMyNews',
|
|
height: 30,
|
|
width: 30,
|
|
fit: BoxFit.contain,
|
|
assetColor: (isEdit) ? ColorFilter.mode(UiUtils.getColorScheme(context).onPrimary, BlendMode.srcIn) : null),
|
|
));
|
|
}
|
|
|
|
static Widget setDate({required BuildContext context, required String dateValue}) {
|
|
DateTime time = DateTime.parse(dateValue);
|
|
var newFormat = DateFormat("dd-MMM-yyyy", Hive.box(settingsBoxKey).get(currentLanguageCodeKey));
|
|
final newNewsDate = newFormat.format(time);
|
|
|
|
return CustomTextLabel(
|
|
text: newNewsDate,
|
|
overflow: TextOverflow.ellipsis,
|
|
softWrap: true,
|
|
textStyle: Theme.of(context).textTheme.bodySmall!.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.8)));
|
|
}
|
|
|
|
static deleteNewsDialogue(BuildContext mainContext, String id, int index) async {
|
|
await showDialog(
|
|
context: mainContext,
|
|
builder: (BuildContext context) {
|
|
return StatefulBuilder(builder: (BuildContext context, StateSetter setStater) {
|
|
return AlertDialog(
|
|
backgroundColor: UiUtils.getColorScheme(context).surface,
|
|
shape: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(5.0))),
|
|
content: CustomTextLabel(text: 'doYouReallyNewsLbl', textStyle: Theme.of(context).textTheme.titleMedium),
|
|
title: const CustomTextLabel(text: 'delNewsLbl'),
|
|
titleTextStyle: Theme.of(context).textTheme.titleLarge?.copyWith(fontWeight: FontWeight.w600),
|
|
actions: <Widget>[
|
|
CustomTextButton(
|
|
textWidget: CustomTextLabel(
|
|
text: 'noLbl', textStyle: Theme.of(context).textTheme.titleSmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer, fontWeight: FontWeight.bold)),
|
|
onTap: () {
|
|
Navigator.of(context).pop(false);
|
|
}),
|
|
BlocConsumer<DeleteUserNewsCubit, DeleteUserNewsState>(
|
|
bloc: context.read<DeleteUserNewsCubit>(),
|
|
listener: (context, state) {
|
|
if (state is DeleteUserNewsSuccess) {
|
|
context.read<GetUserNewsCubit>().deleteNews(index);
|
|
showSnackBar(state.message, context);
|
|
Navigator.pop(context);
|
|
}
|
|
},
|
|
builder: (context, state) {
|
|
return CustomTextButton(
|
|
textWidget: CustomTextLabel(
|
|
text: 'yesLbl', textStyle: Theme.of(context).textTheme.titleSmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer, fontWeight: FontWeight.bold)),
|
|
onTap: () async {
|
|
context.read<DeleteUserNewsCubit>().setDeleteUserNews(newsId: id);
|
|
});
|
|
})
|
|
],
|
|
);
|
|
});
|
|
});
|
|
}
|
|
|
|
static Widget contentTypeView({required BuildContext context, required NewsModel model}) {
|
|
String contType = "";
|
|
|
|
final key = labelKeys[model.contentType];
|
|
if (key != null) {
|
|
contType = UiUtils.getTranslatedLabel(context, key);
|
|
}
|
|
return (model.contentType != "")
|
|
? Padding(
|
|
padding: const EdgeInsets.only(top: 7),
|
|
child: Row(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
|
CustomTextLabel(
|
|
text: 'contentTypeLbl',
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
softWrap: true,
|
|
textStyle: Theme.of(context).textTheme.bodyLarge!.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withAlpha((0.3 * 255).round()))),
|
|
CustomTextLabel(text: " : ", textStyle: Theme.of(context).textTheme.bodyLarge!.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withAlpha((0.3 * 255).round()))),
|
|
CustomTextLabel(
|
|
text: contType,
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
softWrap: true,
|
|
textStyle: Theme.of(context).textTheme.bodyMedium!.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withAlpha((0.3 * 255).round())))
|
|
]),
|
|
)
|
|
: SizedBox.shrink();
|
|
}
|
|
}
|