eduvia/workavia-mail-front
11
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

TF-1983 Add CreateFilters button in empty thread view widget

Browse Source 
(cherry picked from commit 5eed73198c868448cfbc3c93600176aa15bf62f4)
This commit is contained in:
dab246
2023-08-09 19:03:01 +07:00
committed by Dat Vu
parent d7656a087c
commit 9b54b5d448
13 changed files with 294 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/thread/presentation/styles/empty_emails_widget_styles.dart
+30
View File
@@ -0,0 +1,30 @@
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:flutter/material.dart';
class EmptyEmailsWidgetStyles {
static const double mobileIconSize = 160;
static const double tabletIconSize = 180;
static const double desktopIconSize = 212;
static const double labelTextSize = 20;
static const double messageTextSize = 15;
static const double createFilterLabelTextSize = 22;
static const double createFilterButtonTextSize = 17;
static const double maxWidth = 490;
static const double createFilterButtonBorderRadius = 10;
static const FontWeight labelFontWeight = FontWeight.w400;
static const FontWeight messageFontWeight = FontWeight.w400;
static const FontWeight createFilterLabelFontWeight = FontWeight.w600;
static const FontWeight createFilterButtonFontWeight = FontWeight.w500;
static const Color labelTextColor = Colors.black;
static const Color messageTextColor = AppColor.colorSubtitle;
static const Color createFilterButtonTextColor = AppColor.primaryColor;
static const Color createFilterButtonBackgroundColor = AppColor.colorCreateFiltersButton;
static const EdgeInsetsGeometry padding = EdgeInsetsDirectional.all(16);
static const EdgeInsetsGeometry labelPadding = EdgeInsetsDirectional.symmetric(vertical: 12);
static const EdgeInsetsGeometry createFilterButtonPadding = EdgeInsetsDirectional.symmetric(vertical: 12, horizontal: 24);
static const EdgeInsetsGeometry createFilterButtonMargin = EdgeInsetsDirectional.only(top: 28);
}
lib/features/thread/presentation/thread_controller.dart
+9
View File
@@ -1003,4 +1003,13 @@ class ThreadController extends BaseController with EmailActionController {
void onDragMailBox(bool isDrag) {
mailboxDashBoardController.onDragMailbox(isDrag);
}
bool get isNewFolderCreated {
final currentMailbox = mailboxDashBoardController.selectedMailbox.value;
return currentMailbox != null &&
currentMailbox.isPersonal &&
!currentMailbox.isDefault;
}
void goToCreateEmailRuleView() {}
}
lib/features/thread/presentation/thread_view.dart
+13 -5
View File
@@ -28,6 +28,7 @@ import 'package:tmail_ui_user/features/thread/presentation/widgets/banner_empty_
import 'package:tmail_ui_user/features/thread/presentation/widgets/bottom_bar_thread_selection_widget.dart';
import 'package:tmail_ui_user/features/thread/presentation/widgets/email_tile_builder.dart'
if (dart.library.html) 'package:tmail_ui_user/features/thread/presentation/widgets/email_tile_web_builder.dart';
import 'package:tmail_ui_user/features/thread/presentation/widgets/empty_emails_widget.dart';
import 'package:tmail_ui_user/features/thread/presentation/widgets/filter_message_cupertino_action_sheet_action_builder.dart';
import 'package:tmail_ui_user/features/thread/presentation/widgets/spam_banner/spam_report_banner_widget.dart';
import 'package:tmail_ui_user/features/thread/presentation/widgets/thread_view_bottom_loading_bar_widget.dart';
@@ -482,11 +483,14 @@ class ThreadView extends GetWidget<ThreadController>
return Obx(() => controller.viewState.value.fold(
(failure) => const SizedBox.shrink(),
(success) => success is! LoadingState && success is! SearchingState
? BackgroundWidgetBuilder(
_getMessageEmptyEmail(context),
controller.responsiveUtils,
? EmptyEmailsWidget(
key: const Key('empty_thread_view'),
title: _getMessageEmptyEmail(context),
iconSVG: _imagePaths.icEmptyEmail,
subTitle: _getSubMessageEmptyEmail(context),
onCreateFiltersActionCallback: controller.isNewFolderCreated
? controller.goToCreateEmailRuleView
: null,
)
: const SizedBox.shrink())
);
@@ -496,8 +500,9 @@ class ThreadView extends GetWidget<ThreadController>
if (controller.isSearchActive()) {
return AppLocalizations.of(context).no_emails_matching_your_search;
} else {
if (controller.mailboxDashBoardController.filterMessageOption.value == FilterMessageOption.all) {
return AppLocalizations.of(context).noEmailInYourCurrentMailbox;
if (controller.mailboxDashBoardController.filterMessageOption.value == FilterMessageOption.all &&
controller.isNewFolderCreated) {
return AppLocalizations.of(context).folderCreatedTitle;
} else {
return AppLocalizations.of(context).noEmailMatchYourCurrentFilter;
}
@@ -508,6 +513,9 @@ class ThreadView extends GetWidget<ThreadController>
if (!controller.isSearchActive()
&& controller.mailboxDashBoardController.filterMessageOption.value != FilterMessageOption.all) {
return AppLocalizations.of(context).reduceSomeFiltersAndTryAgain;
} else if (controller.mailboxDashBoardController.filterMessageOption.value == FilterMessageOption.all &&
controller.isNewFolderCreated) {
return AppLocalizations.of(context).folderCreatedMessage;
} else {
return null;
}
lib/features/thread/presentation/widgets/empty_emails_widget.dart
+113
View File
@@ -0,0 +1,113 @@
import 'package:core/presentation/utils/responsive_utils.dart';
import 'package:core/presentation/views/button/tmail_button_widget.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:get/get.dart';
import 'package:tmail_ui_user/features/thread/presentation/styles/empty_emails_widget_styles.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
typedef OnCreateFiltersActionCallback = Function();
class EmptyEmailsWidget extends StatelessWidget {
final String title;
final String? iconSVG;
final String? subTitle;
final OnCreateFiltersActionCallback? onCreateFiltersActionCallback;
final Color? titleColor;
const EmptyEmailsWidget({
Key? key,
required this.title,
this.iconSVG,
this.subTitle,
this.onCreateFiltersActionCallback,
this.titleColor,
}) : super(key: key);
@override
Widget build(BuildContext context) {
final responsiveUtils = Get.find<ResponsiveUtils>();
final childWidget = Padding(
padding: EmptyEmailsWidgetStyles.padding,
child: Column(
mainAxisAlignment: responsiveUtils.isScreenWithShortestSide(context)
? MainAxisAlignment.start
: MainAxisAlignment.center,
children: [
if (iconSVG != null)
SvgPicture.asset(
iconSVG!,
width: _getIconSize(context, responsiveUtils),
height: _getIconSize(context, responsiveUtils),
fit: BoxFit.fill
),
Padding(
padding: EmptyEmailsWidgetStyles.labelPadding,
child: Text(
title,
style: TextStyle(
color: EmptyEmailsWidgetStyles.labelTextColor,
fontSize: onCreateFiltersActionCallback != null
? EmptyEmailsWidgetStyles.createFilterLabelTextSize
: EmptyEmailsWidgetStyles.labelTextSize,
fontWeight: onCreateFiltersActionCallback != null
? EmptyEmailsWidgetStyles.createFilterLabelFontWeight
: EmptyEmailsWidgetStyles.labelFontWeight
),
textAlign: TextAlign.center,
),
),
if (subTitle != null)
Text(
subTitle!,
style: const TextStyle(
color: EmptyEmailsWidgetStyles.messageTextColor,
fontSize: EmptyEmailsWidgetStyles.messageTextSize,
fontWeight: EmptyEmailsWidgetStyles.messageFontWeight
),
textAlign: TextAlign.center,
),
if (onCreateFiltersActionCallback != null)
TMailButtonWidget.fromText(
text: AppLocalizations.of(context).createFilters,
padding: EmptyEmailsWidgetStyles.createFilterButtonPadding,
margin: EmptyEmailsWidgetStyles.createFilterButtonMargin,
backgroundColor: EmptyEmailsWidgetStyles.createFilterButtonBackgroundColor,
borderRadius: EmptyEmailsWidgetStyles.createFilterButtonBorderRadius,
width: responsiveUtils.isPortraitMobile(context) ? double.infinity : null,
textAlign: TextAlign.center,
textStyle: const TextStyle(
fontSize: EmptyEmailsWidgetStyles.createFilterButtonTextSize,
fontWeight: EmptyEmailsWidgetStyles.createFilterButtonFontWeight,
color: EmptyEmailsWidgetStyles.createFilterButtonTextColor
),
onTapActionCallback: onCreateFiltersActionCallback,
)
],
),
);
return Container(
constraints: const BoxConstraints(maxWidth: EmptyEmailsWidgetStyles.maxWidth),
alignment: AlignmentDirectional.center,
child: responsiveUtils.isScreenWithShortestSide(context)
? SingleChildScrollView(child: childWidget)
: CustomScrollView(
slivers: [
SliverFillRemaining(child: childWidget)
]
)
);
}
double _getIconSize(BuildContext context, ResponsiveUtils responsiveUtils) {
if (responsiveUtils.isMobile(context)) {
return EmptyEmailsWidgetStyles.mobileIconSize;
} else if (responsiveUtils.isDesktop(context)) {
return EmptyEmailsWidgetStyles.desktopIconSize;
} else {
return EmptyEmailsWidgetStyles.tabletIconSize;
}
}
}