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

Add presentation layer for get list Email in Mailbox

Browse Source
This commit is contained in:
dab246
2021-08-10 12:33:38 +07:00
committed by Dat H. Pham
parent 1863ba8d02
commit bc6e10bafe
18 changed files with 406 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/mailbox/presentation/mailbox_bindings.dart
+1 -1
View File
@@ -25,7 +25,7 @@ class MailboxBindings extends Bindings {
Get.lazyPut<MailboxRepository>(() => Get.find<MailboxRepositoryImpl>());
Get.lazyPut(() => GetAllMailboxInteractor(Get.find<MailboxRepository>()));
Get.lazyPut(() => TreeBuilder());
Get.lazyPut(() => MailboxController(
Get.put(MailboxController(
Get.find<GetAllMailboxInteractor>(),
Get.find<DeleteCredentialInteractor>(),
Get.find<TreeBuilder>(),
lib/features/mailbox/presentation/mailbox_controller.dart
+38 -27
View File
@@ -22,24 +22,41 @@ import 'package:tmail_ui_user/main/routes/app_routes.dart';
class MailboxController extends BaseController {
final mailboxDashBoardController = Get.find<MailboxDashBoardController>();
final GetAllMailboxInteractor _getAllMailboxInteractor;
final DeleteCredentialInteractor _deleteCredentialInteractor;
final TreeBuilder _treeBuilder;
final ResponsiveUtils responsiveUtils;
final mailboxDashBoardController = Get.find<MailboxDashBoardController>();
MailboxController(this._getAllMailboxInteractor, this._deleteCredentialInteractor, this._treeBuilder, this.responsiveUtils);
final folderMailboxTree = MailboxTree(MailboxNode.root()).obs;
final selectedMailbox = PresentationMailbox.createMailboxEmpty().obs;
MailboxController(
this._getAllMailboxInteractor,
this._deleteCredentialInteractor,
this._treeBuilder,
this.responsiveUtils
);
@override
void onReady() {
super.onReady();
if (mailboxDashBoardController.sessionCurrent != null) {
getAllMailboxAction(
mailboxDashBoardController.sessionCurrent!.accounts.keys.first);
mailboxDashBoardController.accountId.listen((accountId) {
if (accountId != null) {
getAllMailboxAction(accountId);
}
});
}
@override
void dispose() {
super.dispose();
mailboxDashBoardController.accountId.close();
}
void refreshGetAllMailboxAction() {
final accountId = mailboxDashBoardController.accountId.value;
if (accountId != null) {
getAllMailboxAction(accountId);
}
}
@@ -53,57 +70,51 @@ class MailboxController extends BaseController {
newState.map((success) {
if (success is GetAllMailboxSuccess) {
_buildTree(success.folderMailboxList);
_setDefaultSelected(success.defaultMailboxList);
}
});
}
@override
void onDone() {
viewState.value.map((success) {
if (success is GetAllMailboxSuccess) {
_setUpMailboxDefault(success.defaultMailboxList);
}
});
}
@override
void onError(error) {
}
void onError(error) {}
void _buildTree(List<PresentationMailbox> folderMailboxList) async {
folderMailboxTree.value = await _treeBuilder.generateMailboxTree(folderMailboxList);
}
void _setDefaultSelected(List<PresentationMailbox> defaultMailboxList) {
void _setUpMailboxDefault(List<PresentationMailbox> defaultMailboxList) {
try {
final mailboxDefault = defaultMailboxList
.firstWhere((presentationMailbox) => presentationMailbox.role == Role(MailboxConstants.ROLE_DEFAULT));
selectedMailbox.value = mailboxDefault;
mailboxDashBoardController.mailboxCurrent.value = mailboxDefault;
mailboxDashBoardController.setSelectedMailbox(mailboxDefault);
} catch (e) {}
}
SelectMode getSelectMode(PresentationMailbox presentationMailbox) {
return presentationMailbox.id == selectedMailbox.value.id
SelectMode getSelectMode(PresentationMailbox presentationMailbox, PresentationMailbox selectedMailbox) {
return presentationMailbox.id == selectedMailbox.id
? SelectMode.ACTIVE
: SelectMode.INACTIVE;
}
void selectMailbox(
BuildContext context,
PresentationMailbox presentationMailboxSelected,
{
required GlobalKey<ScaffoldState> keyWidgetMailboxDashBoard
}
PresentationMailbox presentationMailboxSelected
) {
selectedMailbox.value = presentationMailboxSelected;
mailboxDashBoardController.mailboxCurrent.value = presentationMailboxSelected;
mailboxDashBoardController.setSelectedMailbox(presentationMailboxSelected);
if (responsiveUtils.isMobile(context)) {
goToThread(keyWidgetMailboxDashBoard: keyWidgetMailboxDashBoard);
mailboxDashBoardController.closeDrawer();
}
}
void goToThread({required GlobalKey<ScaffoldState> keyWidgetMailboxDashBoard}) {
keyWidgetMailboxDashBoard.currentState?.openEndDrawer();
}
void _deleteCredential() async {
await _deleteCredentialInteractor.execute();
}
lib/features/mailbox/presentation/mailbox_view.dart
+19 -9
View File
@@ -17,14 +17,12 @@ import 'package:tmail_ui_user/features/mailbox/presentation/widgets/mailbox_tile
import 'package:tmail_ui_user/features/mailbox/presentation/widgets/search_form_widget_builder.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/widgets/storage_widget_builder.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/widgets/user_information_widget_builder.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/mailbox_dashboard_controller.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
class MailboxView extends GetWidget<MailboxController> {
final imagePaths = Get.find<ImagePaths>();
final responsiveUtils = Get.find<ResponsiveUtils>();
final mailboxDashBoardController = Get.find<MailboxDashBoardController>();
@override
Widget build(BuildContext context) {
@@ -39,9 +37,7 @@ class MailboxView extends GetWidget<MailboxController> {
left: false,
child: RefreshIndicator(
color: AppColor.primaryColor,
onRefresh: () async => mailboxDashBoardController.sessionCurrent != null
? controller.getAllMailboxAction(mailboxDashBoardController.sessionCurrent!.accounts.keys.first)
: null,
onRefresh: () async => controller.refreshGetAllMailboxAction(),
child: SingleChildScrollView(
physics: AlwaysScrollableScrollPhysics(),
child: Padding(
@@ -177,8 +173,8 @@ class MailboxView extends GetWidget<MailboxController> {
imagePaths,
responsiveUtils,
defaultMailbox[index],
controller.getSelectMode(defaultMailbox[index]))
.onOpenMailboxAction(() => controller.selectMailbox(context, defaultMailbox[index], keyWidgetMailboxDashBoard: mailboxDashBoardController.scaffoldKey))
controller.getSelectMode(defaultMailbox[index], controller.mailboxDashBoardController.selectedMailbox.value))
.onOpenMailboxAction(() => controller.selectMailbox(context, defaultMailbox[index]))
.build()));
}
@@ -201,11 +197,25 @@ class MailboxView extends GetWidget<MailboxController> {
padding: EdgeInsets.only(left: 16),
child: TreeViewChild(
key: Key('children_tree_mailbox_child'),
parent: MailBoxFolderTileBuilder(context, imagePaths, responsiveUtils, mailboxNode).build(context),
parent: Obx(() => MailBoxFolderTileBuilder(
context,
imagePaths,
responsiveUtils,
mailboxNode,
controller.getSelectMode(mailboxNode.item, controller.mailboxDashBoardController.selectedMailbox.value))
.build(context)),
children: _buildListChildTileWidget(context, mailboxNode.childrenItems)))
: Padding(
padding: EdgeInsets.only(left: 16),
child: MailBoxFolderTileBuilder(context, imagePaths, responsiveUtils, mailboxNode).build(context)))
child: GestureDetector(
onTap: () => controller.selectMailbox(context, mailboxNode.item),
child: Obx(() => MailBoxFolderTileBuilder(
context,
imagePaths,
responsiveUtils,
mailboxNode,
controller.getSelectMode(mailboxNode.item, controller.mailboxDashBoardController.selectedMailbox.value))
.build(context)))))
.toList();
}
lib/features/mailbox/presentation/widgets/mailbox_folder_tile_builder.dart
+24 -4
View File
@@ -2,6 +2,7 @@ import 'package:core/core.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:model/mailbox/select_mode.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_node.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_tree.dart';
@@ -13,6 +14,7 @@ class MailBoxFolderTileBuilder extends StatelessWidget {
final BuildContext _context;
final ImagePaths _imagePaths;
final ResponsiveUtils _responsiveUtils;
final SelectMode _selectMode;
final OnOpenMailBoxFolderActionClick? onOpenMailBoxFolderActionClick;
@@ -21,6 +23,7 @@ class MailBoxFolderTileBuilder extends StatelessWidget {
this._imagePaths,
this._responsiveUtils,
this._mailboxNode,
this._selectMode,
{
this.onOpenMailBoxFolderActionClick
}
@@ -33,20 +36,35 @@ class MailBoxFolderTileBuilder extends StatelessWidget {
alignment: Alignment.center,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(16),
color: AppColor.mailboxBackgroundColor),
color: _selectMode== SelectMode.ACTIVE
? AppColor.mailboxSelectedBackgroundColor
: AppColor.mailboxBackgroundColor),
child: MediaQuery(
data: MediaQueryData(padding: EdgeInsets.zero),
child: ListTile(
contentPadding: EdgeInsets.zero,
leading: Padding(
padding: EdgeInsets.only(left: _responsiveUtils.isMobile(_context) ? 40 : 34),
child: SvgPicture.asset(_imagePaths.icMailboxFolder, width: 24, height: 24, color: AppColor.mailboxIconColor, fit: BoxFit.fill)),
child: SvgPicture.asset(
_imagePaths.icMailboxFolder,
width: 24,
height: 24,
color: _selectMode == SelectMode.ACTIVE
? AppColor.mailboxSelectedIconColor
: AppColor.mailboxIconColor,
fit: BoxFit.fill)),
title: Padding(
padding: EdgeInsets.only(left: 8),
child: Text(
_mailboxNode.item.name!.name,
maxLines: 1,
style: TextStyle(fontSize: 15, color: AppColor.mailboxTextColor, fontWeight: FontWeight.bold),
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 15,
color: _selectMode == SelectMode.ACTIVE
? AppColor.mailboxSelectedTextColor
: AppColor.mailboxTextColor,
fontWeight: FontWeight.bold),
)),
trailing: Padding(
padding: EdgeInsets.only(right: _responsiveUtils.isMobile(_context) ? 36 : 8, left: 16),
@@ -55,7 +73,9 @@ class MailBoxFolderTileBuilder extends StatelessWidget {
_imagePaths.icFolderArrow,
width: 12,
height: 12,
color: AppColor.mailboxIconColor,
color: _selectMode == SelectMode.ACTIVE
? AppColor.mailboxSelectedIconColor
: AppColor.mailboxIconColor,
fit: BoxFit.fill)
: SizedBox.shrink())
)