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

Fix padding item email in Thread and Search

Browse Source 
Signed-off-by: dab246 <tdvu@linagora.com>
(cherry picked from commit 377085ba9054c6eb4c8e3d8388821473b3335962)
This commit is contained in:
dab246
2023-12-06 01:28:03 +07:00
committed by Dat H. Pham
parent affc1a4ee7
commit f18c4ef122
16 changed files with 647 additions and 599 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/thread/presentation/mixin/base_email_item_tile.dart
+26 -23
View File
@@ -216,31 +216,34 @@ mixin BaseEmailItemTile {
fit: BoxFit.fill);
}
Widget buildIconAvatarText(PresentationEmail email, {
double? iconSize,
TextStyle? textStyle
}) {
Widget buildIconAvatarText(
PresentationEmail email,
{
double? iconSize,
TextStyle? textStyle
}
) {
return Container(
width: iconSize ?? 56,
height: iconSize ?? 56,
alignment: Alignment.center,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular((iconSize ?? 56) * 0.5),
border: Border.all(color: Colors.transparent),
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
stops: const [0.0, 1.0],
colors: email.avatarColors),
color: AppColor.avatarColor
),
child: Text(
email.getAvatarText(),
style: textStyle ?? const TextStyle(
fontSize: 20,
color: Colors.white,
fontWeight: FontWeight.w500)
width: iconSize ?? ItemEmailTileStyles.avatarIconSize,
height: iconSize ?? ItemEmailTileStyles.avatarIconSize,
alignment: Alignment.center,
decoration: ShapeDecoration(
shape: const CircleBorder(),
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
stops: const [0.0, 1.0],
colors: email.avatarColors
)
),
child: Text(
email.getAvatarText(),
style: textStyle ?? const TextStyle(
fontSize: 22,
color: Colors.white,
fontWeight: FontWeight.w500
)
)
);
}
lib/features/thread/presentation/styles/app_bar/default_web_app_bar_thread_widget_style.dart
+8 -1
View File
@@ -1,5 +1,6 @@
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/presentation/utils/responsive_utils.dart';
import 'package:flutter/material.dart';
import 'package:tmail_ui_user/features/thread/domain/model/filter_message_option.dart';
@@ -10,7 +11,13 @@ class DefaultWebAppBarThreadWidgetStyle {
static const Color backgroundColor = Colors.white;
static const EdgeInsetsGeometry padding = EdgeInsets.symmetric(vertical: 8, horizontal: 16);
static EdgeInsetsGeometry getPadding(BuildContext context, ResponsiveUtils responsiveUtils) {
if (responsiveUtils.isMobile(context) || responsiveUtils.isTabletLarge(context)) {
return const EdgeInsets.symmetric(horizontal: 16, vertical: 8);
} else {
return const EdgeInsets.symmetric(horizontal: 32, vertical: 8);
}
}
static const EdgeInsetsGeometry mailboxMenuPadding = EdgeInsets.all(5);
static const EdgeInsetsGeometry titlePadding = EdgeInsets.symmetric(horizontal: 16);
lib/features/thread/presentation/styles/app_bar/mobile_app_bar_thread_widget_style.dart
+8 -1
View File
@@ -1,5 +1,6 @@
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/presentation/utils/responsive_utils.dart';
import 'package:flutter/material.dart';
import 'package:tmail_ui_user/features/thread/domain/model/filter_message_option.dart';
@@ -11,7 +12,13 @@ class MobileAppBarThreadWidgetStyle {
static const Color backgroundColor = Colors.white;
static const Color backButtonColor = AppColor.primaryColor;
static const EdgeInsetsGeometry padding = EdgeInsets.symmetric(vertical: 8, horizontal: 16);
static EdgeInsetsGeometry getPadding(BuildContext context, ResponsiveUtils responsiveUtils) {
if (responsiveUtils.isPortraitMobile(context) || responsiveUtils.isLandscapeTablet(context)) {
return const EdgeInsets.symmetric(horizontal: 16, vertical: 8);
} else {
return const EdgeInsets.symmetric(horizontal: 32, vertical: 8);
}
}
static const TextStyle editButtonStyle = TextStyle(
fontSize: 17,
lib/features/thread/presentation/styles/app_bar/selection_web_app_bar_thread_widget_style.dart
+8 -1
View File
@@ -1,5 +1,6 @@
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/presentation/utils/responsive_utils.dart';
import 'package:flutter/material.dart';
class SelectionWebAppBarThreadWidgetStyle {
@@ -11,7 +12,13 @@ class SelectionWebAppBarThreadWidgetStyle {
static const Color backgroundColor = Colors.white;
static const Color cancelButtonColor = AppColor.primaryColor;
static const EdgeInsetsGeometry padding = EdgeInsets.symmetric(vertical: 8, horizontal: 16);
static EdgeInsetsGeometry getPadding(BuildContext context, ResponsiveUtils responsiveUtils) {
if (responsiveUtils.isMobile(context) || responsiveUtils.isTabletLarge(context)) {
return const EdgeInsets.symmetric(horizontal: 16, vertical: 8);
} else {
return const EdgeInsets.symmetric(horizontal: 32, vertical: 8);
}
}
static const EdgeInsetsGeometry closeButtonPadding = EdgeInsets.all(3);
static const TextStyle emailCounterStyle = TextStyle(
lib/features/thread/presentation/styles/item_email_tile_styles.dart
+32
View File
@@ -1,9 +1,13 @@
import 'package:core/presentation/utils/responsive_utils.dart';
import 'package:core/utils/platform_info.dart';
import 'package:flutter/cupertino.dart';
class ItemEmailTileStyles {
static const double avatarIconSize = 60.0;
static const double horizontalTitleGap = 8.0;
static EdgeInsetsGeometry getSpaceCalendarEventIcon(BuildContext context, ResponsiveUtils responsiveUtils) {
if (responsiveUtils.isScreenWithShortestSide(context)) {
return const EdgeInsetsDirectional.only(end: 4);
@@ -13,4 +17,32 @@ class ItemEmailTileStyles {
return const EdgeInsetsDirectional.only(end: 8);
}
}
static EdgeInsetsGeometry getPaddingItemList(BuildContext context, ResponsiveUtils responsiveUtils) {
if (PlatformInfo.isWeb) {
if (responsiveUtils.isDesktop(context)) {
return const EdgeInsetsDirectional.only(start: 120);
} else if (responsiveUtils.isMobile(context) || responsiveUtils.isTabletLarge(context)) {
return const EdgeInsets.symmetric(horizontal: 16);
} else {
return const EdgeInsets.symmetric(horizontal: 32);
}
} else {
if (responsiveUtils.isPortraitMobile(context) || responsiveUtils.isLandscapeTablet(context)) {
return const EdgeInsets.symmetric(horizontal: 16);
} else {
return const EdgeInsets.symmetric(horizontal: 32);
}
}
}
static EdgeInsetsGeometry getPaddingDividerWeb(BuildContext context, ResponsiveUtils responsiveUtils) {
if (responsiveUtils.isDesktop(context)) {
return const EdgeInsetsDirectional.only(start: 120);
} else if (responsiveUtils.isMobile(context) || responsiveUtils.isTabletLarge(context)) {
return const EdgeInsets.symmetric(horizontal: 12);
} else {
return const EdgeInsets.symmetric(horizontal: 24);
}
}
}
lib/features/thread/presentation/thread_view.dart
+28 -20
View File
@@ -22,6 +22,7 @@ import 'package:tmail_ui_user/features/thread/domain/state/search_email_state.da
import 'package:tmail_ui_user/features/thread/presentation/model/delete_action_type.dart';
import 'package:tmail_ui_user/features/thread/presentation/styles/banner_delete_all_spam_emails_styles.dart';
import 'package:tmail_ui_user/features/thread/presentation/styles/banner_empty_trash_styles.dart';
import 'package:tmail_ui_user/features/thread/presentation/styles/item_email_tile_styles.dart';
import 'package:tmail_ui_user/features/thread/presentation/styles/scroll_to_top_button_widget_styles.dart';
import 'package:tmail_ui_user/features/thread/presentation/thread_controller.dart';
import 'package:tmail_ui_user/features/thread/presentation/widgets/app_bar/app_bar_thread_widget.dart';
@@ -193,10 +194,8 @@ class ThreadView extends GetWidget<ThreadController>
Widget _buildSearchBarView(BuildContext context) {
return Container(
color: Colors.white,
padding: EdgeInsets.symmetric(
horizontal: 16,
vertical: controller.responsiveUtils.isWebNotDesktop(context) ? 8 : 0),
margin: EdgeInsets.only(bottom: PlatformInfo.isMobile ? 8 : 0),
padding: ItemEmailTileStyles.getPaddingItemList(context, controller.responsiveUtils),
margin: EdgeInsets.only(bottom: !controller.responsiveUtils.isWebDesktop(context) ? 8 : 0),
child: SearchBarView(controller.imagePaths,
hintTextSearch: AppLocalizations.of(context).search_emails,
onOpenSearchViewAction: controller.goToSearchView));
@@ -346,14 +345,21 @@ class ThreadView extends GetWidget<ThreadController>
return false;
},
child: PlatformInfo.isMobile
? ListView.builder(
? ListView.separated(
key: const PageStorageKey('list_presentation_email_in_threads'),
controller: controller.listEmailController,
physics: const AlwaysScrollableScrollPhysics(),
padding: EdgeInsets.zero,
itemExtent: _getItemExtent(context),
itemCount: listPresentationEmail.length,
itemBuilder: (context, index) => Obx(() => _buildEmailItem(context, listPresentationEmail[index]))
itemBuilder: (context, index) => Obx(() => _buildEmailItemNotDraggable(context, listPresentationEmail[index])),
separatorBuilder: (context, index) {
if (index < listPresentationEmail.length - 1) {
return Padding(
padding: ItemEmailTileStyles.getPaddingItemList(context, controller.responsiveUtils),
child: const Divider(color: AppColor.lineItemListColor, height: 1));
} else {
return const SizedBox.shrink();
}
},
)
: Focus(
focusNode: controller.focusNodeKeyBoard,
@@ -361,14 +367,24 @@ class ThreadView extends GetWidget<ThreadController>
onKey: controller.handleKeyEvent,
child: ScrollbarListView(
scrollController: controller.listEmailController,
child: ListView.builder(
child: ListView.separated(
key: const PageStorageKey('list_presentation_email_in_threads'),
controller: controller.listEmailController,
physics: const AlwaysScrollableScrollPhysics(),
padding: EdgeInsets.zero,
itemExtent: _getItemExtent(context),
itemCount: listPresentationEmail.length,
itemBuilder: (context, index) => Obx(() => _buildEmailItem(context, listPresentationEmail[index]))
itemBuilder: (context, index) => Obx(() => _buildEmailItem(context, listPresentationEmail[index])),
separatorBuilder: (context, index) {
return Padding(
padding: ItemEmailTileStyles.getPaddingDividerWeb(context, controller.responsiveUtils),
child: Divider(
color: index < listPresentationEmail.length - 1 &&
controller.mailboxDashBoardController.currentSelectMode.value == SelectMode.INACTIVE
? AppColor.lineItemListColor
: Colors.white,
height: 1
)
);
},
),
),
)
@@ -546,14 +562,6 @@ class ThreadView extends GetWidget<ThreadController>
);
}
double? _getItemExtent(BuildContext context) {
if (PlatformInfo.isWeb) {
return controller.responsiveUtils.isDesktop(context) ? 52 : 98;
} else {
return null;
}
}
Widget _buildEmptyEmail(BuildContext context) {
return Obx(() => controller.viewState.value.fold(
(failure) => const SizedBox.shrink(),
lib/features/thread/presentation/widgets/app_bar/default_web_app_bar_thread_widget.dart
+3 -1
View File
@@ -1,5 +1,6 @@
import 'package:core/presentation/resources/image_paths.dart';
import 'package:core/presentation/utils/responsive_utils.dart';
import 'package:core/presentation/utils/style_utils.dart';
import 'package:core/presentation/views/button/tmail_button_widget.dart';
import 'package:flutter/material.dart';
@@ -13,6 +14,7 @@ import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
class DefaultWebAppBarThreadWidget extends StatelessWidget {
final _imagePaths = Get.find<ImagePaths>();
final _responsiveUtils = Get.find<ResponsiveUtils>();
final PresentationMailbox? mailboxSelected;
final FilterMessageOption filterOption;
@@ -34,7 +36,7 @@ class DefaultWebAppBarThreadWidget extends StatelessWidget {
return LayoutBuilder(builder: (context, constraints) {
return Container(
color: DefaultWebAppBarThreadWidgetStyle.backgroundColor,
padding: DefaultWebAppBarThreadWidgetStyle.padding,
padding: DefaultWebAppBarThreadWidgetStyle.getPadding(context, _responsiveUtils),
constraints: const BoxConstraints(minHeight: DefaultWebAppBarThreadWidgetStyle.minHeight),
child: Row(
children: [
lib/features/thread/presentation/widgets/app_bar/mobile_app_bar_thread_widget.dart
+3 -1
View File
@@ -1,5 +1,6 @@
import 'package:core/presentation/resources/image_paths.dart';
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:get/get.dart';
@@ -14,6 +15,7 @@ import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
class MobileAppBarThreadWidget extends StatelessWidget {
final _imagePaths = Get.find<ImagePaths>();
final _responsiveUtils = Get.find<ResponsiveUtils>();
final PresentationMailbox? mailboxSelected;
final List<PresentationEmail> listEmailSelected;
@@ -43,7 +45,7 @@ class MobileAppBarThreadWidget extends StatelessWidget {
return LayoutBuilder(builder: (context, constraints) {
return Container(
color: MobileAppBarThreadWidgetStyle.backgroundColor,
padding: MobileAppBarThreadWidgetStyle.padding,
padding: MobileAppBarThreadWidgetStyle.getPadding(context, _responsiveUtils),
constraints: const BoxConstraints(minHeight: MobileAppBarThreadWidgetStyle.minHeight),
child: Stack(
alignment: AlignmentDirectional.center,
lib/features/thread/presentation/widgets/app_bar/selection_web_app_bar_thread_widget.dart
+3 -1
View File
@@ -1,5 +1,6 @@
import 'package:core/presentation/resources/image_paths.dart';
import 'package:core/presentation/utils/responsive_utils.dart';
import 'package:core/presentation/utils/style_utils.dart';
import 'package:core/presentation/views/button/tmail_button_widget.dart';
import 'package:flutter/material.dart';
@@ -16,6 +17,7 @@ import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
class SelectionWebAppBarThreadWidget extends StatelessWidget {
final _imagePaths = Get.find<ImagePaths>();
final _responsiveUtils = Get.find<ResponsiveUtils>();
final PresentationMailbox? mailboxSelected;
final List<PresentationEmail> listEmailSelected;
@@ -42,7 +44,7 @@ class SelectionWebAppBarThreadWidget extends StatelessWidget {
Widget build(BuildContext context) {
return Container(
color: SelectionWebAppBarThreadWidgetStyle.backgroundColor,
padding: SelectionWebAppBarThreadWidgetStyle.padding,
padding: SelectionWebAppBarThreadWidgetStyle.getPadding(context, _responsiveUtils),
constraints: const BoxConstraints(minHeight: SelectionWebAppBarThreadWidgetStyle.minHeight),
child: Row(
children: [
lib/features/thread/presentation/widgets/email_tile_builder.dart
+93 -100
View File
@@ -7,6 +7,7 @@ import 'package:model/mailbox/presentation_mailbox.dart';
import 'package:model/mailbox/select_mode.dart';
import 'package:tmail_ui_user/features/thread/domain/model/search_query.dart';
import 'package:tmail_ui_user/features/thread/presentation/mixin/base_email_item_tile.dart';
import 'package:tmail_ui_user/features/thread/presentation/styles/item_email_tile_styles.dart';
class EmailTileBuilder extends StatelessWidget with BaseEmailItemTile {
@@ -16,7 +17,6 @@ class EmailTileBuilder extends StatelessWidget with BaseEmailItemTile {
final SearchQuery? searchQuery;
final bool isSearchEmailRunning;
final EdgeInsetsGeometry? padding;
final EdgeInsetsGeometry? paddingDivider;
final bool isDrag;
final bool isShowingEmailContent;
final OnPressEmailActionClick? emailActionClick;
@@ -31,7 +31,6 @@ class EmailTileBuilder extends StatelessWidget with BaseEmailItemTile {
this.isSearchEmailRunning = false,
this.mailboxContain,
this.padding,
this.paddingDivider,
this.isDrag = false,
this.emailActionClick,
this.onMoreActionClick,
@@ -40,105 +39,99 @@ class EmailTileBuilder extends StatelessWidget with BaseEmailItemTile {
@override
Widget build(BuildContext context) {
return Material(
color: Colors.transparent,
child: Column(
children: [
ListTile(
tileColor: isShowingEmailContent ? AppColor.colorItemEmailSelectedDesktop : null,
contentPadding: padding ?? const EdgeInsetsDirectional.symmetric(horizontal: 16, vertical: 5),
onTap: () => emailActionClick?.call(
EmailActionType.preview,
presentationEmail),
onLongPress: () => emailActionClick?.call(
EmailActionType.selection,
presentationEmail),
leading: GestureDetector(
onTap: () => emailActionClick?.call(
selectAllMode == SelectMode.ACTIVE
? EmailActionType.selection
: EmailActionType.preview,
presentationEmail),
child: Container(
width: 56,
height: 56,
color: Colors.transparent,
alignment: Alignment.center,
child: selectAllMode == SelectMode.ACTIVE
? buildIconAvatarSelection(context, presentationEmail)
: buildIconAvatarText(presentationEmail)
)
type: MaterialType.transparency,
child: ListTile(
tileColor: isShowingEmailContent ? AppColor.colorItemEmailSelectedDesktop : null,
contentPadding: padding ?? ItemEmailTileStyles.getPaddingItemList(context, responsiveUtils),
onTap: () => emailActionClick?.call(
EmailActionType.preview,
presentationEmail),
onLongPress: () => emailActionClick?.call(
EmailActionType.selection,
presentationEmail),
minLeadingWidth: ItemEmailTileStyles.avatarIconSize,
horizontalTitleGap: ItemEmailTileStyles.horizontalTitleGap,
leading: GestureDetector(
onTap: () => emailActionClick?.call(
selectAllMode == SelectMode.ACTIVE
? EmailActionType.selection
: EmailActionType.preview,
presentationEmail),
child: Container(
width: ItemEmailTileStyles.avatarIconSize,
height: ItemEmailTileStyles.avatarIconSize,
alignment: Alignment.center,
child: selectAllMode == SelectMode.ACTIVE
? buildIconAvatarSelection(context, presentationEmail)
: buildIconAvatarText(presentationEmail)
)
),
title: Row(
children: [
if (!presentationEmail.hasRead)
Padding(
padding: const EdgeInsetsDirectional.only(end: 5),
child: SvgPicture.asset(
imagePaths.icUnreadStatus,
width: 9,
height: 9,
fit: BoxFit.fill)),
Expanded(child: buildInformationSender(
context,
presentationEmail,
mailboxContain,
isSearchEmailRunning,
searchQuery)),
buildIconAnsweredOrForwarded(width: 16, height: 16, presentationEmail: presentationEmail),
if (presentationEmail.hasAttachment == true)
Padding(
padding: const EdgeInsetsDirectional.only(start: 8),
child: buildIconAttachment()),
Padding(
padding: const EdgeInsetsDirectional.only(end: 4, start: 8),
child: buildDateTime(context, presentationEmail)),
buildIconChevron(),
],
),
subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Padding(
padding: const EdgeInsetsDirectional.only(top: 6),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
if (presentationEmail.hasCalendarEvent)
buildCalendarEventIcon(context: context, presentationEmail: presentationEmail),
Expanded(child: buildEmailTitle(
context,
presentationEmail,
isSearchEmailRunning,
searchQuery)),
buildMailboxContain(
context,
isSearchEmailRunning,
presentationEmail),
if (presentationEmail.hasStarred)
Padding(
padding: const EdgeInsetsDirectional.only(start: 8),
child: buildIconStar(),
)
],
)),
Padding(
padding: const EdgeInsetsDirectional.only(top: 6),
child: Row(children: [
Expanded(child: buildEmailPartialContent(
context,
presentationEmail,
isSearchEmailRunning,
searchQuery)),
])
),
title: Row(
children: [
if (!presentationEmail.hasRead)
Padding(
padding: const EdgeInsetsDirectional.only(end: 5),
child: SvgPicture.asset(
imagePaths.icUnreadStatus,
width: 9,
height: 9,
fit: BoxFit.fill)),
Expanded(child: buildInformationSender(
context,
presentationEmail,
mailboxContain,
isSearchEmailRunning,
searchQuery)),
buildIconAnsweredOrForwarded(width: 16, height: 16, presentationEmail: presentationEmail),
if (presentationEmail.hasAttachment == true)
Padding(
padding: const EdgeInsetsDirectional.only(start: 8),
child: buildIconAttachment()),
Padding(
padding: const EdgeInsetsDirectional.only(end: 4, start: 8),
child: buildDateTime(context, presentationEmail)),
buildIconChevron(),
],
),
subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
children: [
Padding(
padding: const EdgeInsetsDirectional.only(top: 6),
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
if (presentationEmail.hasCalendarEvent)
buildCalendarEventIcon(context: context, presentationEmail: presentationEmail),
Expanded(child: buildEmailTitle(
context,
presentationEmail,
isSearchEmailRunning,
searchQuery)),
buildMailboxContain(
context,
isSearchEmailRunning,
presentationEmail),
if (presentationEmail.hasStarred)
Padding(
padding: const EdgeInsetsDirectional.only(start: 8),
child: buildIconStar(),
)
],
)),
Padding(
padding: const EdgeInsetsDirectional.only(top: 6),
child: Row(children: [
Expanded(child: buildEmailPartialContent(
context,
presentationEmail,
isSearchEmailRunning,
searchQuery)),
])
),
],
),
),
Padding(
padding: paddingDivider ?? const EdgeInsetsDirectional.symmetric(horizontal: 16),
child: const Divider(color: AppColor.lineItemListColor, height: 1)),
],
],
),
),
);
}
lib/features/thread/presentation/widgets/email_tile_web_builder.dart
+266 -303
View File
@@ -21,8 +21,7 @@ class EmailTileBuilder extends StatefulWidget {
final PresentationMailbox? mailboxContain;
final SearchQuery? searchQuery;
final bool isSearchEmailRunning;
final EdgeInsets? padding;
final EdgeInsets? paddingDivider;
final EdgeInsetsGeometry? padding;
final bool isDrag;
final bool isShowingEmailContent;
final OnPressEmailActionClick? emailActionClick;
@@ -37,7 +36,6 @@ class EmailTileBuilder extends StatefulWidget {
this.isSearchEmailRunning = false,
this.mailboxContain,
this.padding,
this.paddingDivider,
this.isDrag = false,
this.emailActionClick,
this.onMoreActionClick,
@@ -54,138 +52,125 @@ class _EmailTileBuilderState extends State<EmailTileBuilder> with BaseEmailItem
Widget build(BuildContext context) {
return Container(
margin: _getMarginItem(context),
padding: _getPaddingItem(context),
padding: widget.padding ?? _getPaddingItem(context),
decoration: _getDecorationItem(),
alignment: Alignment.center,
child: ResponsiveWidget(
responsiveUtils: responsiveUtils,
mobile: Stack(
alignment: Alignment.bottomCenter,
children: [
InkWell(
onTap: () => widget.emailActionClick?.call(
EmailActionType.preview,
widget.presentationEmail
mobile: InkWell(
onTap: () => widget.emailActionClick?.call(
EmailActionType.preview,
widget.presentationEmail
),
onLongPress: () => widget.emailActionClick?.call(
EmailActionType.selection,
widget.presentationEmail
),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
InkWell(
onTap: () => widget.emailActionClick?.call(
widget.selectAllMode == SelectMode.ACTIVE
? EmailActionType.selection
: EmailActionType.preview,
widget.presentationEmail
),
child: Padding(
padding: const EdgeInsetsDirectional.only(top: 8, end: 12),
child: _buildAvatarIcon(context: context),
),
),
onLongPress: () => widget.emailActionClick?.call(
EmailActionType.selection,
widget.presentationEmail
),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
InkWell(
onTap: () => widget.emailActionClick?.call(
widget.selectAllMode == SelectMode.ACTIVE
? EmailActionType.selection
: EmailActionType.preview,
widget.presentationEmail
Expanded(
child: Column(children: [
Row(children: [
if (!widget.presentationEmail.hasRead)
Padding(
padding: const EdgeInsetsDirectional.only(end: 5),
child: SvgPicture.asset(
imagePaths.icUnreadStatus,
width: 9,
height: 9,
fit: BoxFit.fill
)
),
Expanded(
child: buildInformationSender(
context,
widget.presentationEmail,
widget.mailboxContain,
widget.isSearchEmailRunning,
widget.searchQuery
)
),
child: Padding(
padding: const EdgeInsetsDirectional.only(top: 8, end: 12),
child: _buildAvatarIcon(context: context),
buildIconAnsweredOrForwarded(
width: 16,
height: 16,
presentationEmail: widget.presentationEmail
),
),
Expanded(
child: Column(children: [
Row(children: [
if (!widget.presentationEmail.hasRead)
Padding(
padding: const EdgeInsetsDirectional.only(end: 5),
child: SvgPicture.asset(
imagePaths.icUnreadStatus,
width: 9,
height: 9,
fit: BoxFit.fill
)
),
Expanded(
child: buildInformationSender(
context,
widget.presentationEmail,
widget.mailboxContain,
widget.isSearchEmailRunning,
widget.searchQuery
)
),
buildIconAnsweredOrForwarded(
if (widget.presentationEmail.hasAttachment == true)
Padding(
padding: const EdgeInsetsDirectional.only(start: 8),
child: SvgPicture.asset(
imagePaths.icAttachment,
width: 16,
height: 16,
fit: BoxFit.fill
)
),
Padding(
padding: const EdgeInsetsDirectional.only(
end: 4,
start: 8
),
child: buildDateTime(context, widget.presentationEmail)
),
buildIconChevron()
]),
const SizedBox(height: 8),
Row(
mainAxisSize: MainAxisSize.min,
children: [
if (widget.presentationEmail.hasCalendarEvent)
buildCalendarEventIcon(
context: context,
presentationEmail: widget.presentationEmail
),
if (widget.presentationEmail.hasAttachment == true)
Padding(
padding: const EdgeInsetsDirectional.only(start: 8),
child: SvgPicture.asset(
imagePaths.icAttachment,
width: 16,
height: 16,
fit: BoxFit.fill
)
),
Padding(
padding: const EdgeInsetsDirectional.only(
end: 4,
start: 8
),
child: buildDateTime(context, widget.presentationEmail)
),
buildIconChevron()
]),
const SizedBox(height: 8),
Row(
mainAxisSize: MainAxisSize.min,
children: [
if (widget.presentationEmail.hasCalendarEvent)
buildCalendarEventIcon(
context: context,
presentationEmail: widget.presentationEmail
),
Expanded(
child: buildEmailTitle(
context,
widget.presentationEmail,
widget.isSearchEmailRunning,
widget.searchQuery
)
),
buildMailboxContain(
context,
widget.isSearchEmailRunning,
widget.presentationEmail
),
if (widget.presentationEmail.hasStarred)
Padding(
padding: const EdgeInsetsDirectional.only(start: 8),
child: buildIconStar(),
),
],
Expanded(
child: buildEmailTitle(
context,
widget.presentationEmail,
widget.isSearchEmailRunning,
widget.searchQuery
)
),
const SizedBox(height: 8),
Row(children: [
Expanded(
child: buildEmailPartialContent(
context,
widget.presentationEmail,
widget.isSearchEmailRunning,
widget.searchQuery
)
buildMailboxContain(
context,
widget.isSearchEmailRunning,
widget.presentationEmail
),
if (widget.presentationEmail.hasStarred)
Padding(
padding: const EdgeInsetsDirectional.only(start: 8),
child: buildIconStar(),
),
]),
]),
)
]
],
),
const SizedBox(height: 8),
Row(children: [
Expanded(
child: buildEmailPartialContent(
context,
widget.presentationEmail,
widget.isSearchEmailRunning,
widget.searchQuery
)
),
]),
]),
)
),
if (widget.selectAllMode == SelectMode.INACTIVE)
Transform(
transform: Matrix4.translationValues(0.0, 10.0, 0.0),
child: const Divider(
color: AppColor.lineItemListColor,
height: 1
)
),
],
]
)
),
tablet: InkWell(
onTap: () => widget.emailActionClick?.call(
@@ -216,89 +201,79 @@ class _EmailTileBuilderState extends State<EmailTileBuilder> with BaseEmailItem
)
)
),
Expanded(child: Stack(
alignment: Alignment.bottomCenter,
children: [
Column(children: [
Row(children: [
if (!widget.presentationEmail.hasRead)
Padding(
padding: const EdgeInsetsDirectional.only(end: 5),
child: SvgPicture.asset(
imagePaths.icUnreadStatus,
width: 9,
height: 9,
fit: BoxFit.fill
)
),
Expanded(
child: buildInformationSender(
context,
widget.presentationEmail,
widget.mailboxContain,
widget.isSearchEmailRunning,
widget.searchQuery
)
),
ValueListenableBuilder(
valueListenable: _hoverNotifier,
builder: (context, value, child) {
if (value) {
return const SizedBox(width: 120);
} else {
return _buildDateTimeForMobileTabletScreen(context);
}
}
),
]),
const SizedBox(height: 8),
Row(
mainAxisSize: MainAxisSize.min,
children: [
if (widget.presentationEmail.hasCalendarEvent)
buildCalendarEventIcon(
context: context,
presentationEmail: widget.presentationEmail
),
Expanded(
child: buildEmailTitle(
context,
widget.presentationEmail,
widget.isSearchEmailRunning,
widget.searchQuery
)
),
buildMailboxContain(
context,
widget.isSearchEmailRunning,
widget.presentationEmail
),
if (widget.presentationEmail.hasStarred)
Padding(
padding: const EdgeInsetsDirectional.only(start: 8),
child: buildIconStar(),
)
],
Expanded(child: Column(children: [
Row(children: [
if (!widget.presentationEmail.hasRead)
Padding(
padding: const EdgeInsetsDirectional.only(end: 5),
child: SvgPicture.asset(
imagePaths.icUnreadStatus,
width: 9,
height: 9,
fit: BoxFit.fill
)
),
const SizedBox(height: 8),
Row(children: [
Expanded(
child: buildEmailPartialContent(
context,
widget.presentationEmail,
widget.isSearchEmailRunning,
widget.searchQuery
)
Expanded(
child: buildInformationSender(
context,
widget.presentationEmail,
widget.mailboxContain,
widget.isSearchEmailRunning,
widget.searchQuery
)
),
ValueListenableBuilder(
valueListenable: _hoverNotifier,
builder: (context, value, child) {
if (value) {
return const SizedBox(width: 120);
} else {
return _buildDateTimeForMobileTabletScreen(context);
}
}
),
]),
const SizedBox(height: 8),
Row(
mainAxisSize: MainAxisSize.min,
children: [
if (widget.presentationEmail.hasCalendarEvent)
buildCalendarEventIcon(
context: context,
presentationEmail: widget.presentationEmail
),
]),
]),
if (widget.selectAllMode == SelectMode.INACTIVE)
Transform(
transform: Matrix4.translationValues(0.0, 10.0, 0.0),
child: const Divider(color: AppColor.lineItemListColor, height: 1),
Expanded(
child: buildEmailTitle(
context,
widget.presentationEmail,
widget.isSearchEmailRunning,
widget.searchQuery
)
),
],
))
buildMailboxContain(
context,
widget.isSearchEmailRunning,
widget.presentationEmail
),
if (widget.presentationEmail.hasStarred)
Padding(
padding: const EdgeInsetsDirectional.only(start: 8),
child: buildIconStar(),
)
],
),
const SizedBox(height: 8),
Row(children: [
Expanded(
child: buildEmailPartialContent(
context,
widget.presentationEmail,
widget.isSearchEmailRunning,
widget.searchQuery
)
),
]),
]))
]
),
ValueListenableBuilder(
@@ -331,102 +306,90 @@ class _EmailTileBuilderState extends State<EmailTileBuilder> with BaseEmailItem
widget.presentationEmail
),
onHover: (value) => _hoverNotifier.value = value,
child: Stack(
alignment: Alignment.bottomCenter,
children: [
Row(children: [
Container(
padding: const EdgeInsetsDirectional.symmetric(horizontal: 16),
alignment: Alignment.center,
child: !widget.presentationEmail.hasRead
? SvgPicture.asset(
imagePaths.icUnreadStatus,
width: 9,
height: 9,
fit: BoxFit.fill
)
: const SizedBox(width: 9)
),
buildIconWeb(
icon: SvgPicture.asset(
widget.presentationEmail.hasStarred
? imagePaths.icStar
: imagePaths.icUnStar,
width: 16,
height: 16,
child: Row(children: [
Container(
padding: const EdgeInsetsDirectional.symmetric(horizontal: 16),
alignment: Alignment.center,
child: !widget.presentationEmail.hasRead
? SvgPicture.asset(
imagePaths.icUnreadStatus,
width: 9,
height: 9,
fit: BoxFit.fill
),
tooltip: widget.presentationEmail.hasStarred
? AppLocalizations.of(context).starred
: AppLocalizations.of(context).not_starred,
onTap: () => widget.emailActionClick?.call(
widget.presentationEmail.hasStarred
? EmailActionType.unMarkAsStarred
: EmailActionType.markAsStarred,
widget.presentationEmail
)
),
buildIconWeb(
icon: buildIconAnsweredOrForwarded(presentationEmail: widget.presentationEmail),
tooltip: messageToolTipForAnsweredOrForwarded(context, widget.presentationEmail),
iconPadding: const EdgeInsetsDirectional.only(end: 12),
splashRadius: 1
),
InkWell(
onTap: () => widget.emailActionClick?.call(
EmailActionType.selection,
widget.presentationEmail
),
child: ValueListenableBuilder(
valueListenable: _hoverNotifier,
builder: (context, value, child) {
return _buildAvatarIcon(
context: context,
isHovered: value,
iconSize: 32,
textStyle: const TextStyle(
fontSize: 12,
fontWeight: FontWeight.w600,
color: Colors.white
)
);
}
),
),
const SizedBox(width: 10),
SizedBox(
width: 160,
child: buildInformationSender(
context,
widget.presentationEmail,
widget.mailboxContain,
widget.isSearchEmailRunning,
widget.searchQuery
)
),
const SizedBox(width: 24),
Expanded(child: _buildSubjectAndContent()),
const SizedBox(width: 16),
ValueListenableBuilder(
valueListenable: _hoverNotifier,
builder: (context, value, child) {
if (value) {
return _buildListActionButtonWhenHover(context);
} else {
return _buildDateTimeForDesktopScreen(context);
}
}
),
]),
if ( widget.selectAllMode == SelectMode.INACTIVE)
Transform(
transform: Matrix4.translationValues(0.0, 10, 0.0),
child: const Padding(
padding: EdgeInsetsDirectional.only(start: 120),
child: Divider(color: AppColor.lineItemListColor, height: 1)
),
)
]),
: const SizedBox(width: 9)
),
buildIconWeb(
icon: SvgPicture.asset(
widget.presentationEmail.hasStarred
? imagePaths.icStar
: imagePaths.icUnStar,
width: 16,
height: 16,
fit: BoxFit.fill
),
tooltip: widget.presentationEmail.hasStarred
? AppLocalizations.of(context).starred
: AppLocalizations.of(context).not_starred,
onTap: () => widget.emailActionClick?.call(
widget.presentationEmail.hasStarred
? EmailActionType.unMarkAsStarred
: EmailActionType.markAsStarred,
widget.presentationEmail
)
),
buildIconWeb(
icon: buildIconAnsweredOrForwarded(presentationEmail: widget.presentationEmail),
tooltip: messageToolTipForAnsweredOrForwarded(context, widget.presentationEmail),
iconPadding: const EdgeInsetsDirectional.only(end: 12),
splashRadius: 1
),
InkWell(
onTap: () => widget.emailActionClick?.call(
EmailActionType.selection,
widget.presentationEmail
),
child: ValueListenableBuilder(
valueListenable: _hoverNotifier,
builder: (context, value, child) {
return _buildAvatarIcon(
context: context,
isHovered: value,
iconSize: 32,
textStyle: const TextStyle(
fontSize: 12,
fontWeight: FontWeight.w600,
color: Colors.white
)
);
}
),
),
const SizedBox(width: 10),
SizedBox(
width: 160,
child: buildInformationSender(
context,
widget.presentationEmail,
widget.mailboxContain,
widget.isSearchEmailRunning,
widget.searchQuery
)
),
const SizedBox(width: 24),
Expanded(child: _buildSubjectAndContent()),
const SizedBox(width: 16),
ValueListenableBuilder(
valueListenable: _hoverNotifier,
builder: (context, value, child) {
if (value) {
return _buildListActionButtonWhenHover(context);
} else {
return _buildDateTimeForDesktopScreen(context);
}
}
),
]),
),
),
);
@@ -435,28 +398,28 @@ class _EmailTileBuilderState extends State<EmailTileBuilder> with BaseEmailItem
EdgeInsetsGeometry _getMarginItem(BuildContext context) {
if (responsiveUtils.isDesktop(context)) {
return const EdgeInsets.only(top: 3);
} else if (responsiveUtils.isTablet(context)) {
return const EdgeInsetsDirectional.only(top: 3, start: 24, end: 24);
} else {
return const EdgeInsetsDirectional.only(top: 3, start: 16, end: 16);
return const EdgeInsetsDirectional.only(top: 3, start: 12, end: 12);
}
}
EdgeInsetsGeometry _getPaddingItem(BuildContext context) {
if (responsiveUtils.isDesktop(context)) {
return const EdgeInsets.symmetric(vertical: 8);
return const EdgeInsets.symmetric(vertical: 4);
} else {
return const EdgeInsetsDirectional.only(bottom: 8, end: 8, top: 8);
return const EdgeInsetsDirectional.only(bottom: 4, end: 8, top: 4);
}
}
BoxDecoration _getDecorationItem() {
if ((widget.selectAllMode == SelectMode.ACTIVE && widget.presentationEmail.selectMode == SelectMode.ACTIVE) || widget.isDrag || widget.isShowingEmailContent) {
return BoxDecoration(
borderRadius: BorderRadius.circular(14),
return const BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(14)),
color: AppColor.colorItemEmailSelectedDesktop);
} else {
return BoxDecoration(
borderRadius: BorderRadius.circular(0),
color: Colors.white);
return const BoxDecoration(color: Colors.white);
}
}