Split styles file for some widget in email view
(cherry picked from commit 75b11811e8036298fe11ab7e6613498b8aa349ea)
This commit is contained in:
dab246
@@ -1,189 +0,0 @@
|
||||
|
||||
import 'package:core/core.dart';
|
||||
import 'package:core/utils/direction_utils.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_svg/flutter_svg.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:model/model.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/extensions/presentation_mailbox_extension.dart';
|
||||
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
|
||||
|
||||
typedef OnBackActionClick = void Function();
|
||||
typedef OnEmailActionClick = void Function(PresentationEmail, EmailActionType);
|
||||
typedef OnMoreActionClick = void Function(PresentationEmail, RelativeRect?);
|
||||
|
||||
class AppBarMailWidgetBuilder extends StatelessWidget {
|
||||
final _imagePaths = Get.find<ImagePaths>();
|
||||
final _responsiveUtils = Get.find<ResponsiveUtils>();
|
||||
|
||||
final PresentationEmail _presentationEmail;
|
||||
final List<Widget>? optionsWidget;
|
||||
final PresentationMailbox? mailboxContain;
|
||||
final bool isSearchIsRunning;
|
||||
final OnBackActionClick? onBackActionClick;
|
||||
final OnEmailActionClick? onEmailActionClick;
|
||||
final OnMoreActionClick? onMoreActionClick;
|
||||
|
||||
AppBarMailWidgetBuilder(
|
||||
this._presentationEmail,
|
||||
{
|
||||
Key? key,
|
||||
this.mailboxContain,
|
||||
this.onBackActionClick,
|
||||
this.onEmailActionClick,
|
||||
this.onMoreActionClick,
|
||||
this.optionsWidget,
|
||||
this.isSearchIsRunning = false,
|
||||
}
|
||||
) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
key: const Key('app_bar_messenger_widget'),
|
||||
color: Colors.transparent,
|
||||
height: 52,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||||
child: Row(children: [
|
||||
if (_supportDisplayMailboxNameTitle(context))
|
||||
Material(
|
||||
color: Colors.transparent,
|
||||
child: InkWell(
|
||||
onTap: () => onBackActionClick?.call(),
|
||||
customBorder: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
|
||||
child: Tooltip(
|
||||
message: isSearchIsRunning
|
||||
? AppLocalizations.of(context).backToSearchResults
|
||||
: AppLocalizations.of(context).back,
|
||||
child: Container(
|
||||
color: Colors.transparent,
|
||||
height: 32,
|
||||
padding: DirectionUtils.isDirectionRTLByLanguage(context)
|
||||
? const EdgeInsetsDirectional.only(end: 10)
|
||||
: const EdgeInsets.symmetric(horizontal: 8),
|
||||
child: Row(mainAxisSize: MainAxisSize.min, children: [
|
||||
SvgPicture.asset(
|
||||
DirectionUtils.isDirectionRTLByLanguage(context)
|
||||
? _imagePaths.icArrowRight
|
||||
: _imagePaths.icBack,
|
||||
width: DirectionUtils.isDirectionRTLByLanguage(context) ? null : 16,
|
||||
height: DirectionUtils.isDirectionRTLByLanguage(context) ? null : 16,
|
||||
colorFilter: AppColor.colorTextButton.asFilter(),
|
||||
fit: BoxFit.fill),
|
||||
if (!isSearchIsRunning)
|
||||
Container(
|
||||
margin: DirectionUtils.isDirectionRTLByLanguage(context)
|
||||
? null
|
||||
: const EdgeInsetsDirectional.only(start: 8),
|
||||
constraints: BoxConstraints(
|
||||
maxWidth: _responsiveUtils.getSizeScreenWidth(context) - 250),
|
||||
child: Text(
|
||||
mailboxContain?.getDisplayName(context) ?? '',
|
||||
maxLines: 1,
|
||||
overflow: CommonTextStyle.defaultTextOverFlow,
|
||||
softWrap: CommonTextStyle.defaultSoftWrap,
|
||||
style: const TextStyle(fontSize: 17, color: AppColor.colorTextButton)),
|
||||
),
|
||||
]),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
const Spacer(),
|
||||
_buildListOptionButton(context),
|
||||
])
|
||||
);
|
||||
}
|
||||
|
||||
bool _supportDisplayMailboxNameTitle(BuildContext context) {
|
||||
if (PlatformInfo.isWeb) {
|
||||
return _responsiveUtils.isDesktop(context) ||
|
||||
_responsiveUtils.isMobile(context) ||
|
||||
_responsiveUtils.isTablet(context) ||
|
||||
isSearchIsRunning;
|
||||
} else {
|
||||
return _responsiveUtils.isPortraitMobile(context) ||
|
||||
_responsiveUtils.isLandscapeMobile(context) ||
|
||||
_responsiveUtils.isTablet(context) ||
|
||||
isSearchIsRunning;
|
||||
}
|
||||
}
|
||||
|
||||
Widget _buildListOptionButton(BuildContext context) {
|
||||
return Row(
|
||||
children: [
|
||||
if(optionsWidget != null)
|
||||
...optionsWidget!,
|
||||
buildIconWeb(
|
||||
icon: SvgPicture.asset(
|
||||
_imagePaths.icMoveEmail,
|
||||
width: IconUtils.defaultIconSize,
|
||||
height: IconUtils.defaultIconSize,
|
||||
fit: BoxFit.fill),
|
||||
tooltip: AppLocalizations.of(context).move_message,
|
||||
onTap: () => onEmailActionClick?.call(
|
||||
_presentationEmail,
|
||||
EmailActionType.moveToMailbox)),
|
||||
buildIconWeb(
|
||||
icon: SvgPicture.asset(
|
||||
_presentationEmail.hasStarred
|
||||
? _imagePaths.icStar
|
||||
: _imagePaths.icUnStar,
|
||||
width: IconUtils.defaultIconSize,
|
||||
height: IconUtils.defaultIconSize,
|
||||
fit: BoxFit.fill),
|
||||
tooltip: _presentationEmail.hasStarred
|
||||
? AppLocalizations.of(context).not_starred
|
||||
: AppLocalizations.of(context).mark_as_starred,
|
||||
onTap: () => onEmailActionClick?.call(_presentationEmail,
|
||||
_presentationEmail.hasStarred
|
||||
? EmailActionType.unMarkAsStarred
|
||||
: EmailActionType.markAsStarred)),
|
||||
buildIconWeb(
|
||||
icon: SvgPicture.asset(
|
||||
_imagePaths.icDeleteComposer,
|
||||
colorFilter: mailboxContain?.isTrash == false
|
||||
? AppColor.colorTextButton.asFilter()
|
||||
: AppColor.colorDeletePermanentlyButton.asFilter(),
|
||||
width: PlatformInfo.isWeb ? 18 : 20,
|
||||
height: PlatformInfo.isWeb ? 18 : 20,
|
||||
fit: BoxFit.fill),
|
||||
tooltip: mailboxContain?.isTrash == false
|
||||
? AppLocalizations.of(context).move_to_trash
|
||||
: AppLocalizations.of(context).delete_permanently,
|
||||
onTap: () {
|
||||
if (mailboxContain?.isTrash == false) {
|
||||
onEmailActionClick?.call(
|
||||
_presentationEmail,
|
||||
EmailActionType.moveToTrash);
|
||||
} else {
|
||||
onEmailActionClick?.call(
|
||||
_presentationEmail,
|
||||
EmailActionType.deletePermanently);
|
||||
}
|
||||
}),
|
||||
buildIconWebHasPosition(
|
||||
context,
|
||||
tooltip: AppLocalizations.of(context).more,
|
||||
icon: SvgPicture.asset(
|
||||
_imagePaths.icMore,
|
||||
width: IconUtils.defaultIconSize,
|
||||
height: IconUtils.defaultIconSize,
|
||||
fit: BoxFit.fill),
|
||||
onTap: () {
|
||||
if (_responsiveUtils.isPortraitMobile(context) ||
|
||||
_responsiveUtils.isLandscapeMobile(context)) {
|
||||
onMoreActionClick?.call(_presentationEmail, null);
|
||||
}
|
||||
},
|
||||
onTapDown: (position) {
|
||||
if (!_responsiveUtils.isPortraitMobile(context) &&
|
||||
!_responsiveUtils.isLandscapeMobile(context)) {
|
||||
onMoreActionClick?.call(_presentationEmail, position);
|
||||
}
|
||||
}
|
||||
),
|
||||
]
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -1,131 +0,0 @@
|
||||
import 'package:core/presentation/extensions/color_extension.dart';
|
||||
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';
|
||||
import 'package:model/email/email_action_type.dart';
|
||||
import 'package:model/email/presentation_email.dart';
|
||||
import 'package:model/extensions/presentation_email_extension.dart';
|
||||
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
|
||||
|
||||
typedef OnPressEmailActionClick = void Function(
|
||||
EmailActionType emailActionType,
|
||||
PresentationEmail presentationEmail
|
||||
);
|
||||
|
||||
class BottomBarMailWidgetBuilder extends StatelessWidget {
|
||||
|
||||
static const double maxWidthBottomBar = 540;
|
||||
|
||||
final PresentationEmail _presentationEmail;
|
||||
final OnPressEmailActionClick? onPressEmailActionClick;
|
||||
|
||||
const BottomBarMailWidgetBuilder(
|
||||
this._presentationEmail,
|
||||
{
|
||||
Key? key,
|
||||
this.onPressEmailActionClick
|
||||
}
|
||||
) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final imagePaths = Get.find<ImagePaths>();
|
||||
final responsiveUtils = Get.find<ResponsiveUtils>();
|
||||
|
||||
return Container(
|
||||
decoration: const BoxDecoration(
|
||||
border: Border(
|
||||
top: BorderSide(
|
||||
color: AppColor.colorDividerHorizontal,
|
||||
width: 0.5,
|
||||
)
|
||||
),
|
||||
),
|
||||
child: IntrinsicHeight(
|
||||
child: Row(
|
||||
children: [
|
||||
if (_presentationEmail.numberOfAllEmailAddress() > 1)
|
||||
Expanded(
|
||||
child: TMailButtonWidget(
|
||||
key: const Key('reply_all_emails_button'),
|
||||
text: AppLocalizations.of(context).reply_all,
|
||||
icon: imagePaths.icReplyAll,
|
||||
borderRadius: 0,
|
||||
iconSize: 15,
|
||||
textAlign: TextAlign.center,
|
||||
flexibleText: true,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 12),
|
||||
backgroundColor: Colors.transparent,
|
||||
textStyle: TextStyle(
|
||||
fontSize: responsiveUtils.isPortraitMobile(context) ? 12 : 16,
|
||||
color: AppColor.colorTextButton
|
||||
),
|
||||
verticalDirection: responsiveUtils.isPortraitMobile(context),
|
||||
onTapActionCallback: () => onPressEmailActionClick?.call(EmailActionType.replyAll, _presentationEmail),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: TMailButtonWidget(
|
||||
key: const Key('reply_email_button'),
|
||||
text: AppLocalizations.of(context).reply,
|
||||
icon: imagePaths.icReply,
|
||||
borderRadius: 0,
|
||||
iconSize: 20,
|
||||
textAlign: TextAlign.center,
|
||||
flexibleText: true,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 12),
|
||||
backgroundColor: Colors.transparent,
|
||||
textStyle: TextStyle(
|
||||
fontSize: responsiveUtils.isPortraitMobile(context) ? 12 : 16,
|
||||
color: AppColor.colorTextButton
|
||||
),
|
||||
verticalDirection: responsiveUtils.isPortraitMobile(context),
|
||||
onTapActionCallback: () => onPressEmailActionClick?.call(EmailActionType.reply, _presentationEmail),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: TMailButtonWidget(
|
||||
key: const Key('forward_email_button'),
|
||||
text: AppLocalizations.of(context).forward,
|
||||
icon: imagePaths.icForward,
|
||||
borderRadius: 0,
|
||||
iconSize: 20,
|
||||
textAlign: TextAlign.center,
|
||||
flexibleText: true,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 12),
|
||||
backgroundColor: Colors.transparent,
|
||||
textStyle: TextStyle(
|
||||
fontSize: responsiveUtils.isPortraitMobile(context) ? 12 : 16,
|
||||
color: AppColor.colorTextButton
|
||||
),
|
||||
verticalDirection: responsiveUtils.isPortraitMobile(context),
|
||||
onTapActionCallback: () => onPressEmailActionClick?.call(EmailActionType.forward, _presentationEmail),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: TMailButtonWidget(
|
||||
key: const Key('compose_new_email_button'),
|
||||
text: AppLocalizations.of(context).new_message,
|
||||
icon: imagePaths.icNewMessage,
|
||||
borderRadius: 0,
|
||||
iconSize: 20,
|
||||
textAlign: TextAlign.center,
|
||||
flexibleText: true,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 12),
|
||||
backgroundColor: Colors.transparent,
|
||||
textStyle: TextStyle(
|
||||
fontSize: responsiveUtils.isPortraitMobile(context) ? 12 : 16,
|
||||
color: AppColor.colorTextButton
|
||||
),
|
||||
verticalDirection: responsiveUtils.isPortraitMobile(context),
|
||||
onTapActionCallback: () => onPressEmailActionClick?.call(EmailActionType.compose, _presentationEmail),
|
||||
),
|
||||
),
|
||||
]
|
||||
),
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,164 @@
|
||||
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:core/utils/platform_info.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:model/email/email_action_type.dart';
|
||||
import 'package:model/email/presentation_email.dart';
|
||||
import 'package:model/extensions/presentation_mailbox_extension.dart';
|
||||
import 'package:model/mailbox/presentation_mailbox.dart';
|
||||
import 'package:tmail_ui_user/features/email/presentation/styles/email_view_app_bar_widget_styles.dart';
|
||||
import 'package:tmail_ui_user/features/email/presentation/widgets/email_view_back_button.dart';
|
||||
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
|
||||
|
||||
typedef OnEmailActionClick = void Function(PresentationEmail, EmailActionType);
|
||||
typedef OnMoreActionClick = void Function(PresentationEmail, RelativeRect?);
|
||||
|
||||
class EmailViewAppBarWidget extends StatelessWidget {
|
||||
final _imagePaths = Get.find<ImagePaths>();
|
||||
final _responsiveUtils = Get.find<ResponsiveUtils>();
|
||||
|
||||
final PresentationEmail presentationEmail;
|
||||
final List<Widget>? optionsWidget;
|
||||
final PresentationMailbox? mailboxContain;
|
||||
final bool isSearchActivated;
|
||||
final VoidCallback onBackAction;
|
||||
final OnEmailActionClick? onEmailActionClick;
|
||||
final OnMoreActionClick? onMoreActionClick;
|
||||
|
||||
EmailViewAppBarWidget({
|
||||
Key? key,
|
||||
required this.presentationEmail,
|
||||
required this.onBackAction,
|
||||
required this.isSearchActivated,
|
||||
this.mailboxContain,
|
||||
this.onEmailActionClick,
|
||||
this.onMoreActionClick,
|
||||
this.optionsWidget,
|
||||
}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return LayoutBuilder(builder: (context, constraints) {
|
||||
return Container(
|
||||
height: EmailViewAppBarWidgetStyles.height,
|
||||
padding: EmailViewAppBarWidgetStyles.padding,
|
||||
decoration: const BoxDecoration(
|
||||
border: Border(
|
||||
bottom: BorderSide(
|
||||
color: EmailViewAppBarWidgetStyles.bottomBorderColor,
|
||||
width: EmailViewAppBarWidgetStyles.bottomBorderWidth,
|
||||
),
|
||||
top: BorderSide(
|
||||
color: EmailViewAppBarWidgetStyles.bottomBorderColor,
|
||||
width: EmailViewAppBarWidgetStyles.borderWidth,
|
||||
),
|
||||
right: BorderSide(
|
||||
color: EmailViewAppBarWidgetStyles.bottomBorderColor,
|
||||
width: EmailViewAppBarWidgetStyles.borderWidth,
|
||||
),
|
||||
left: BorderSide(
|
||||
color: EmailViewAppBarWidgetStyles.bottomBorderColor,
|
||||
width: EmailViewAppBarWidgetStyles.borderWidth,
|
||||
),
|
||||
),
|
||||
borderRadius: BorderRadius.only(
|
||||
topLeft: Radius.circular(EmailViewAppBarWidgetStyles.radius),
|
||||
topRight: Radius.circular(EmailViewAppBarWidgetStyles.radius),
|
||||
),
|
||||
color: EmailViewAppBarWidgetStyles.backgroundColor,
|
||||
),
|
||||
child: Row(children: [
|
||||
if (_supportDisplayMailboxNameTitle(context))
|
||||
EmailViewBackButton(
|
||||
onBackAction: onBackAction,
|
||||
mailboxContain: mailboxContain,
|
||||
isSearchActivated: isSearchActivated,
|
||||
maxWidth: constraints.maxWidth,
|
||||
),
|
||||
const Spacer(),
|
||||
Row(
|
||||
children: [
|
||||
if(optionsWidget != null)
|
||||
...optionsWidget!,
|
||||
const SizedBox(width: EmailViewAppBarWidgetStyles.space),
|
||||
TMailButtonWidget.fromIcon(
|
||||
icon: _imagePaths.icMoveEmail,
|
||||
iconSize: EmailViewAppBarWidgetStyles.buttonIconSize,
|
||||
tooltipMessage: AppLocalizations.of(context).move_message,
|
||||
backgroundColor: Colors.transparent,
|
||||
padding: EmailViewAppBarWidgetStyles.buttonPadding,
|
||||
onTapActionCallback: () => onEmailActionClick?.call(presentationEmail, EmailActionType.moveToMailbox)
|
||||
),
|
||||
const SizedBox(width: EmailViewAppBarWidgetStyles.space),
|
||||
TMailButtonWidget.fromIcon(
|
||||
icon: presentationEmail.hasStarred
|
||||
? _imagePaths.icStar
|
||||
: _imagePaths.icUnStar,
|
||||
iconSize: EmailViewAppBarWidgetStyles.buttonIconSize,
|
||||
backgroundColor: Colors.transparent,
|
||||
padding: EmailViewAppBarWidgetStyles.buttonPadding,
|
||||
tooltipMessage: presentationEmail.hasStarred
|
||||
? AppLocalizations.of(context).not_starred
|
||||
: AppLocalizations.of(context).mark_as_starred,
|
||||
onTapActionCallback: () => onEmailActionClick?.call(
|
||||
presentationEmail,
|
||||
presentationEmail.hasStarred ? EmailActionType.unMarkAsStarred : EmailActionType.markAsStarred
|
||||
)
|
||||
),
|
||||
const SizedBox(width: EmailViewAppBarWidgetStyles.space),
|
||||
TMailButtonWidget.fromIcon(
|
||||
icon: _imagePaths.icDeleteComposer,
|
||||
iconSize: EmailViewAppBarWidgetStyles.deleteButtonIconSize,
|
||||
backgroundColor: Colors.transparent,
|
||||
padding: EmailViewAppBarWidgetStyles.buttonPadding,
|
||||
iconColor: mailboxContain?.isTrash == false
|
||||
? EmailViewAppBarWidgetStyles.emptyTrashButtonColor
|
||||
: EmailViewAppBarWidgetStyles.deletePermanentButtonColor,
|
||||
tooltipMessage: mailboxContain?.isTrash == false
|
||||
? AppLocalizations.of(context).move_to_trash
|
||||
: AppLocalizations.of(context).delete_permanently,
|
||||
onTapActionCallback: () {
|
||||
if (mailboxContain?.isTrash == false) {
|
||||
onEmailActionClick?.call(presentationEmail, EmailActionType.moveToTrash);
|
||||
} else {
|
||||
onEmailActionClick?.call(presentationEmail, EmailActionType.deletePermanently);
|
||||
}
|
||||
}
|
||||
),
|
||||
const SizedBox(width: EmailViewAppBarWidgetStyles.space),
|
||||
TMailButtonWidget.fromIcon(
|
||||
icon: _imagePaths.icMore,
|
||||
iconSize: EmailViewAppBarWidgetStyles.buttonIconSize,
|
||||
backgroundColor: Colors.transparent,
|
||||
padding: EmailViewAppBarWidgetStyles.buttonPadding,
|
||||
tooltipMessage: AppLocalizations.of(context).more,
|
||||
onTapActionCallback: _responsiveUtils.isScreenWithShortestSide(context)
|
||||
? () => onMoreActionClick?.call(presentationEmail, null)
|
||||
: null,
|
||||
onTapActionAtPositionCallback: !_responsiveUtils.isScreenWithShortestSide(context)
|
||||
? (position) => onMoreActionClick?.call(presentationEmail, position)
|
||||
: null
|
||||
),
|
||||
]
|
||||
),
|
||||
])
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
bool _supportDisplayMailboxNameTitle(BuildContext context) {
|
||||
if (PlatformInfo.isWeb) {
|
||||
return _responsiveUtils.isDesktop(context) ||
|
||||
_responsiveUtils.isMobile(context) ||
|
||||
_responsiveUtils.isTablet(context) ||
|
||||
isSearchActivated;
|
||||
} else {
|
||||
return _responsiveUtils.isPortraitMobile(context) ||
|
||||
_responsiveUtils.isLandscapeMobile(context) ||
|
||||
_responsiveUtils.isTablet(context) ||
|
||||
isSearchActivated;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,64 @@
|
||||
|
||||
import 'package:core/presentation/resources/image_paths.dart';
|
||||
import 'package:core/presentation/views/button/tmail_button_widget.dart';
|
||||
import 'package:core/utils/direction_utils.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:model/mailbox/presentation_mailbox.dart';
|
||||
import 'package:tmail_ui_user/features/email/presentation/styles/email_view_back_button_styles.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/extensions/presentation_mailbox_extension.dart';
|
||||
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
|
||||
|
||||
class EmailViewBackButton extends StatelessWidget {
|
||||
final _imagePaths = Get.find<ImagePaths>();
|
||||
|
||||
final bool isSearchActivated;
|
||||
final VoidCallback onBackAction;
|
||||
final double maxWidth;
|
||||
final PresentationMailbox? mailboxContain;
|
||||
|
||||
EmailViewBackButton({
|
||||
super.key,
|
||||
required this.onBackAction,
|
||||
required this.isSearchActivated,
|
||||
required this.maxWidth,
|
||||
this.mailboxContain,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
if (!isSearchActivated) {
|
||||
return TMailButtonWidget(
|
||||
text: mailboxContain?.getDisplayName(context) ?? '',
|
||||
icon: DirectionUtils.isDirectionRTLByLanguage(context)
|
||||
? _imagePaths.icArrowRight
|
||||
: _imagePaths.icBack,
|
||||
iconColor: EmailViewBackButtonStyles.iconColor,
|
||||
textStyle: EmailViewBackButtonStyles.labelTextStyle,
|
||||
backgroundColor: Colors.transparent,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
padding: DirectionUtils.isDirectionRTLByLanguage(context)
|
||||
? EmailViewBackButtonStyles.rtlPadding
|
||||
: null,
|
||||
maxWidth: maxWidth - EmailViewBackButtonStyles.offsetWidth,
|
||||
flexibleText: true,
|
||||
maxLines: 1,
|
||||
tooltipMessage: AppLocalizations.of(context).back,
|
||||
onTapActionCallback: onBackAction,
|
||||
);
|
||||
} else {
|
||||
return TMailButtonWidget.fromIcon(
|
||||
icon: DirectionUtils.isDirectionRTLByLanguage(context)
|
||||
? _imagePaths.icArrowRight
|
||||
: _imagePaths.icBack,
|
||||
iconColor: EmailViewBackButtonStyles.iconColor,
|
||||
padding: DirectionUtils.isDirectionRTLByLanguage(context)
|
||||
? EmailViewBackButtonStyles.rtlPadding
|
||||
: null,
|
||||
backgroundColor: Colors.transparent,
|
||||
tooltipMessage: AppLocalizations.of(context).backToSearchResults,
|
||||
onTapActionCallback: onBackAction,
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,129 @@
|
||||
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';
|
||||
import 'package:model/email/email_action_type.dart';
|
||||
import 'package:model/email/presentation_email.dart';
|
||||
import 'package:model/extensions/presentation_email_extension.dart';
|
||||
import 'package:tmail_ui_user/features/email/presentation/styles/email_view_bottom_bar_widget_styles.dart';
|
||||
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
|
||||
|
||||
typedef OnEmailActionCallback = void Function(EmailActionType, PresentationEmail);
|
||||
|
||||
class EmailViewBottomBarWidget extends StatelessWidget {
|
||||
|
||||
final _imagePaths = Get.find<ImagePaths>();
|
||||
final _responsiveUtils = Get.find<ResponsiveUtils>();
|
||||
|
||||
final PresentationEmail presentationEmail;
|
||||
final OnEmailActionCallback emailActionCallback;
|
||||
|
||||
EmailViewBottomBarWidget({
|
||||
Key? key,
|
||||
required this.presentationEmail,
|
||||
required this.emailActionCallback
|
||||
}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
decoration: const BoxDecoration(
|
||||
border: Border(
|
||||
top: BorderSide(
|
||||
color: EmailViewBottomBarWidgetStyles.topBorderColor,
|
||||
width: EmailViewBottomBarWidgetStyles.topBorderWidth,
|
||||
),
|
||||
bottom: BorderSide(
|
||||
color: EmailViewBottomBarWidgetStyles.topBorderColor,
|
||||
width: EmailViewBottomBarWidgetStyles.borderWidth,
|
||||
),
|
||||
right: BorderSide(
|
||||
color: EmailViewBottomBarWidgetStyles.topBorderColor,
|
||||
width: EmailViewBottomBarWidgetStyles.borderWidth,
|
||||
),
|
||||
left: BorderSide(
|
||||
color: EmailViewBottomBarWidgetStyles.topBorderColor,
|
||||
width: EmailViewBottomBarWidgetStyles.borderWidth,
|
||||
),
|
||||
),
|
||||
borderRadius: BorderRadius.only(
|
||||
bottomLeft: Radius.circular(EmailViewBottomBarWidgetStyles.radius),
|
||||
bottomRight: Radius.circular(EmailViewBottomBarWidgetStyles.radius),
|
||||
),
|
||||
color: EmailViewBottomBarWidgetStyles.backgroundColor
|
||||
),
|
||||
child: IntrinsicHeight(
|
||||
child: Row(
|
||||
children: [
|
||||
if (presentationEmail.numberOfAllEmailAddress() > 1)
|
||||
Expanded(
|
||||
child: TMailButtonWidget(
|
||||
key: const Key('reply_all_emails_button'),
|
||||
text: AppLocalizations.of(context).reply_all,
|
||||
icon: _imagePaths.icReplyAll,
|
||||
borderRadius: EmailViewBottomBarWidgetStyles.buttonRadius,
|
||||
iconSize: EmailViewBottomBarWidgetStyles.replyAllButtonIconSize,
|
||||
textAlign: TextAlign.center,
|
||||
flexibleText: true,
|
||||
padding: EmailViewBottomBarWidgetStyles.buttonPadding,
|
||||
backgroundColor: EmailViewBottomBarWidgetStyles.buttonBackgroundColor,
|
||||
textStyle: EmailViewBottomBarWidgetStyles.getButtonTextStyle(context, _responsiveUtils),
|
||||
verticalDirection: _responsiveUtils.isPortraitMobile(context),
|
||||
onTapActionCallback: () => emailActionCallback.call(EmailActionType.replyAll, presentationEmail),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: TMailButtonWidget(
|
||||
key: const Key('reply_email_button'),
|
||||
text: AppLocalizations.of(context).reply,
|
||||
icon: _imagePaths.icReply,
|
||||
borderRadius: EmailViewBottomBarWidgetStyles.buttonRadius,
|
||||
iconSize: EmailViewBottomBarWidgetStyles.buttonIconSize,
|
||||
textAlign: TextAlign.center,
|
||||
flexibleText: true,
|
||||
padding: EmailViewBottomBarWidgetStyles.buttonPadding,
|
||||
backgroundColor: EmailViewBottomBarWidgetStyles.buttonBackgroundColor,
|
||||
textStyle: EmailViewBottomBarWidgetStyles.getButtonTextStyle(context, _responsiveUtils),
|
||||
verticalDirection: _responsiveUtils.isPortraitMobile(context),
|
||||
onTapActionCallback: () => emailActionCallback.call(EmailActionType.reply, presentationEmail),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: TMailButtonWidget(
|
||||
key: const Key('forward_email_button'),
|
||||
text: AppLocalizations.of(context).forward,
|
||||
icon: _imagePaths.icForward,
|
||||
borderRadius: EmailViewBottomBarWidgetStyles.buttonRadius,
|
||||
iconSize: EmailViewBottomBarWidgetStyles.buttonIconSize,
|
||||
textAlign: TextAlign.center,
|
||||
flexibleText: true,
|
||||
padding: EmailViewBottomBarWidgetStyles.buttonPadding,
|
||||
backgroundColor: EmailViewBottomBarWidgetStyles.buttonBackgroundColor,
|
||||
textStyle: EmailViewBottomBarWidgetStyles.getButtonTextStyle(context, _responsiveUtils),
|
||||
verticalDirection: _responsiveUtils.isPortraitMobile(context),
|
||||
onTapActionCallback: () => emailActionCallback.call(EmailActionType.forward, presentationEmail),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: TMailButtonWidget(
|
||||
key: const Key('compose_new_email_button'),
|
||||
text: AppLocalizations.of(context).new_message,
|
||||
icon: _imagePaths.icNewMessage,
|
||||
borderRadius: EmailViewBottomBarWidgetStyles.buttonRadius,
|
||||
iconSize: EmailViewBottomBarWidgetStyles.buttonIconSize,
|
||||
textAlign: TextAlign.center,
|
||||
flexibleText: true,
|
||||
padding: EmailViewBottomBarWidgetStyles.buttonPadding,
|
||||
backgroundColor: EmailViewBottomBarWidgetStyles.buttonBackgroundColor,
|
||||
textStyle: EmailViewBottomBarWidgetStyles.getButtonTextStyle(context, _responsiveUtils),
|
||||
verticalDirection: _responsiveUtils.isPortraitMobile(context),
|
||||
onTapActionCallback: () => emailActionCallback.call(EmailActionType.compose, presentationEmail),
|
||||
),
|
||||
),
|
||||
]
|
||||
),
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user