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

TF-682 Support landscape tablet for ThreadView and EmailView

Browse Source
This commit is contained in:
dab246
2022-07-01 17:24:14 +07:00
committed by Dat H. Pham
parent 01d8e3639a
commit ffe5fe5056
14 changed files with 271 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/thread/presentation/thread_controller.dart
+1 -9
View File
@@ -459,11 +459,7 @@ class ThreadController extends BaseController {
void previewEmail(BuildContext context, PresentationEmail presentationEmailSelected) {
mailboxDashBoardController.setSelectedEmail(presentationEmailSelected);
if (_responsiveUtils.isDesktop(context) || _responsiveUtils.isTabletLarge(context)) {
mailboxDashBoardController.dispatchRoute(AppRoutes.EMAIL);
} else {
goToEmail(context);
}
mailboxDashBoardController.dispatchRoute(AppRoutes.EMAIL);
}
void selectEmail(BuildContext context, PresentationEmail presentationEmailSelected) {
@@ -1255,10 +1251,6 @@ class ThreadController extends BaseController {
mailboxDashBoardController.openMailboxMenuDrawer();
}
void goToEmail(BuildContext context) {
push(AppRoutes.EMAIL);
}
void editEmail(PresentationEmail presentationEmail) {
final arguments = ComposerArguments(
emailActionType: EmailActionType.edit,
lib/features/thread/presentation/widgets/app_bar_thread_widget_builder.dart
+3 -3
View File
@@ -362,12 +362,12 @@ class AppBarThreadWidgetBuilder {
children: [
InkWell(
onTap: () {
if (_responsiveUtils.isSmallScreen(_context)) {
if (_responsiveUtils.hasLeftMenuDrawerActive(_context)) {
_onOpenMailboxMenuActionClick?.call();
}
},
child: Padding(
padding: (_responsiveUtils.isSmallScreen(_context))
padding: (_responsiveUtils.hasLeftMenuDrawerActive(_context))
? EdgeInsets.zero
: const EdgeInsets.only(bottom: 8, top: 8),
child: Container(
@@ -383,7 +383,7 @@ class AppBarThreadWidgetBuilder {
color: AppColor.colorNameEmail,
fontWeight: FontWeight.w700))
))),
if (_responsiveUtils.isSmallScreen(_context))
if (_responsiveUtils.hasLeftMenuDrawerActive(_context))
Transform(
transform: Matrix4.translationValues(-8.0, 0.0, 0.0),
child: IconButton(
lib/features/thread/presentation/widgets/bottom_bar_thread_selection_widget.dart
+61 -16
View File
@@ -46,7 +46,7 @@ class BottomBarThreadSelectionWidget {
children: [
Expanded(child: (ButtonBuilder(_listSelectionEmail.isAllEmailRead ? _imagePaths.icUnread : _imagePaths.icRead)
..key(const Key('button_mark_read_email'))
..paddingIcon(const EdgeInsets.all(8))
..paddingIcon(const EdgeInsets.symmetric(horizontal: 8, vertical: 4))
..textStyle(const TextStyle(fontSize: 12, color: AppColor.colorTextButton))
..onPressActionClick(() {
if (_onPressEmailSelectionActionClick != null) {
@@ -54,13 +54,11 @@ class BottomBarThreadSelectionWidget {
_listSelectionEmail.isAllEmailRead ? EmailActionType.markAsUnread : EmailActionType.markAsRead,
_listSelectionEmail);
}})
..text(
_listSelectionEmail.isAllEmailRead ? AppLocalizations.of(_context).unread : AppLocalizations.of(_context).read,
isVertical: _responsiveUtils.isMobile(_context)))
..text(_textButtonMarkAsRead, isVertical: _responsiveUtils.isMobile(_context)))
.build()),
Expanded(child: (ButtonBuilder(_listSelectionEmail.isAllEmailStarred ? _imagePaths.icUnStar : _imagePaths.icStar)
..key(const Key('button_mark_as_star_email'))
..paddingIcon(const EdgeInsets.all(8))
..paddingIcon(const EdgeInsets.symmetric(horizontal: 8, vertical: 4))
..textStyle(const TextStyle(fontSize: 12, color: AppColor.colorTextButton))
..onPressActionClick(() {
if (_onPressEmailSelectionActionClick != null) {
@@ -68,24 +66,23 @@ class BottomBarThreadSelectionWidget {
_listSelectionEmail.isAllEmailStarred ? EmailActionType.unMarkAsStarred : EmailActionType.markAsStarred,
_listSelectionEmail);
}})
..text(_listSelectionEmail.isAllEmailStarred ? AppLocalizations.of(_context).un_star : AppLocalizations.of(_context).star,
isVertical: _responsiveUtils.isMobile(_context)))
..text(_textButtonMarkAsStar, isVertical: _responsiveUtils.isMobile(_context)))
.build()),
if (_currentMailbox?.isDrafts == false)
Expanded(child: (ButtonBuilder(_imagePaths.icMove)
..key(const Key('button_move_to_mailbox'))
..paddingIcon(const EdgeInsets.all(8))
..paddingIcon(const EdgeInsets.symmetric(horizontal: 8, vertical: 4))
..textStyle(const TextStyle(fontSize: 12, color: AppColor.colorTextButton))
..onPressActionClick(() {
if (_onPressEmailSelectionActionClick != null) {
_onPressEmailSelectionActionClick!(EmailActionType.moveToMailbox, _listSelectionEmail);
}})
..text(AppLocalizations.of(_context).move, isVertical: _responsiveUtils.isMobile(_context)))
..text(_textButtonMove, isVertical: _responsiveUtils.isMobile(_context)))
.build()),
if (_currentMailbox?.isDrafts == false)
Expanded(child: (ButtonBuilder(_currentMailbox?.isSpam == true ? _imagePaths.icNotSpam : _imagePaths.icSpam)
..key(const Key('button_move_to_spam'))
..paddingIcon(const EdgeInsets.all(8))
..paddingIcon(const EdgeInsets.symmetric(horizontal: 8, vertical: 4))
..textStyle(const TextStyle(fontSize: 12, color: AppColor.colorTextButton))
..onPressActionClick(() {
if (_currentMailbox?.isSpam == true) {
@@ -94,14 +91,11 @@ class BottomBarThreadSelectionWidget {
_onPressEmailSelectionActionClick?.call(EmailActionType.moveToSpam, _listSelectionEmail);
}
})
..text(_currentMailbox?.isSpam == true
? AppLocalizations.of(_context).un_spam
: AppLocalizations.of(_context).spam,
isVertical: _responsiveUtils.isMobile(_context)))
..text(_textButtonSpam, isVertical: _responsiveUtils.isMobile(_context)))
.build()),
Expanded(child: (ButtonBuilder(_imagePaths.icDelete)
..key(const Key('button_delete_email'))
..paddingIcon(const EdgeInsets.all(8))
..paddingIcon(const EdgeInsets.symmetric(horizontal: 8, vertical: 4))
..textStyle(const TextStyle(fontSize: 12, color: AppColor.colorTextButton))
..onPressActionClick(() {
if (_currentMailbox?.isTrash == true) {
@@ -110,9 +104,60 @@ class BottomBarThreadSelectionWidget {
_onPressEmailSelectionActionClick?.call(EmailActionType.moveToTrash, _listSelectionEmail);
}
})
..text(AppLocalizations.of(_context).delete, isVertical: _responsiveUtils.isMobile(_context)))
..text(_textButtonDelete, isVertical: _responsiveUtils.isMobile(_context)))
.build())
]
);
}
String? get _textButtonMarkAsRead {
if (!_isMailboxDashboardSplitView(_context)) {
return _listSelectionEmail.isAllEmailRead
? AppLocalizations.of(_context).unread
: AppLocalizations.of(_context).read;
}
return null;
}
String? get _textButtonMarkAsStar {
if (!_isMailboxDashboardSplitView(_context)) {
return _listSelectionEmail.isAllEmailStarred
? AppLocalizations.of(_context).un_star
: AppLocalizations.of(_context).star;
}
return null;
}
String? get _textButtonMove {
if (!_isMailboxDashboardSplitView(_context)) {
return AppLocalizations.of(_context).move;
}
return null;
}
String? get _textButtonSpam {
if (!_isMailboxDashboardSplitView(_context)) {
return _currentMailbox?.isSpam == true
? AppLocalizations.of(_context).un_spam
: AppLocalizations.of(_context).spam;
}
return null;
}
String? get _textButtonDelete {
if (!_isMailboxDashboardSplitView(_context)) {
return AppLocalizations.of(_context).delete;
}
return null;
}
bool _isMailboxDashboardSplitView(BuildContext context) {
if (BuildUtils.isWeb) {
return _responsiveUtils.isTabletLarge(context);
} else {
return _responsiveUtils.isLandscapeTablet(context) ||
_responsiveUtils.isTabletLarge(context) ||
_responsiveUtils.isDesktop(context);
}
}
}