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

Add presentation layer for mailbox, mail, message

Browse Source
This commit is contained in:
dab246
2021-07-29 12:49:17 +07:00
committed by Dat H. Pham
parent 5d3d2f4c1e
commit 7a99fd2c59
31 changed files with 626 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/mailbox/presentation/mailbox_bindings.dart
+5 -1
View File
@@ -1,3 +1,4 @@
import 'package:core/core.dart';
import 'package:get/get.dart';
import 'package:tmail_ui_user/features/mailbox/data/datasource/mailbox_datasource.dart';
import 'package:tmail_ui_user/features/mailbox/data/datasource_impl/mailbox_datasource_impl.dart';
@@ -17,6 +18,9 @@ class MailboxBindings extends Bindings {
Get.lazyPut<MailboxRepository>(() => Get.find<MailboxRepositoryImpl>());
Get.lazyPut(() => GetAllMailboxInteractor(Get.find<MailboxRepository>()));
Get.lazyPut(() => TreeBuilder());
Get.lazyPut(() => MailboxController(Get.find<GetAllMailboxInteractor>(), Get.find<TreeBuilder>()));
Get.lazyPut(() => MailboxController(
Get.find<GetAllMailboxInteractor>(),
Get.find<TreeBuilder>(),
Get.find<ResponsiveUtils>()));
}
}
lib/features/mailbox/presentation/mailbox_controller.dart
+53 -6
View File
@@ -1,26 +1,37 @@
import 'package:core/presentation/state/failure.dart';
import 'package:core/presentation/state/success.dart';
import 'package:core/presentation/utils/responsive_utils.dart';
import 'package:dartz/dartz.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:jmap_dart_client/jmap/account_id.dart';
import 'package:jmap_dart_client/jmap/core/id.dart';
import 'package:jmap_dart_client/jmap/mail/mailbox/mailbox.dart';
import 'package:model/mailbox/presentation_mailbox.dart';
import 'package:model/mailbox/select_mode.dart';
import 'package:tmail_ui_user/features/base/base_controller.dart';
import 'package:tmail_ui_user/features/mailbox/domain/constants/mailbox_constants.dart';
import 'package:tmail_ui_user/features/mailbox/domain/state/get_all_mailboxes_state.dart';
import 'package:tmail_ui_user/features/mailbox/domain/usecases/get_all_mailbox_interactor.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';
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_tree_builder.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/mailbox_dashboard_controller.dart';
import 'package:tmail_ui_user/main/routes/app_routes.dart';
class MailboxController extends BaseController {
final GetAllMailboxInteractor _getAllMailboxInteractor;
final TreeBuilder _treeBuilder;
final ResponsiveUtils responsiveUtils;
MailboxController(this._getAllMailboxInteractor, this._treeBuilder);
final mailboxDashBoardController = Get.find<MailboxDashBoardController>();
MailboxController(this._getAllMailboxInteractor, this._treeBuilder, this.responsiveUtils);
final folderMailboxTree = MailboxTree(MailboxNode.root()).obs;
final selectedMailbox = PresentationMailbox.createMailboxEmpty().obs;
@override
void onReady() {
@@ -29,17 +40,19 @@ class MailboxController extends BaseController {
}
void getAllMailboxAction() async {
final AccountId accountId = AccountId(Id('93c56f4408cff66f0a929aea8e3940e753c3275e5622582ae3010e7277b7696c'));
final AccountId accountId = AccountId(Id('3ce33c876a726662c627746eb9537a1d13c2338193ef27bd051a3ce5c0fe5b12'));
consumeState(_getAllMailboxInteractor.execute(accountId));
}
@override
void onData(Either<Failure, Success> newState) {
super.onData(newState);
newState
.map((success) => success is GetAllMailboxSuccess
? _buildTree(success.folderMailboxList)
: null);
newState.map((success) {
if (success is GetAllMailboxSuccess) {
_buildTree(success.folderMailboxList);
_setDefaultSelected(success.defaultMailboxList);
}
});
}
@override
@@ -54,6 +67,40 @@ class MailboxController extends BaseController {
folderMailboxTree.value = await _treeBuilder.generateMailboxTree(folderMailboxList);
}
void _setDefaultSelected(List<PresentationMailbox> defaultMailboxList) {
try {
final mailboxDefault = defaultMailboxList
.firstWhere((presentationMailbox) => presentationMailbox.role == Role(MailboxConstants.ROLE_DEFAULT));
selectedMailbox.value = mailboxDefault;
mailboxDashBoardController.mailboxCurrent.value = mailboxDefault;
} catch (e) {}
}
SelectMode getSelectMode(PresentationMailbox presentationMailbox) {
return presentationMailbox.id == selectedMailbox.value.id
? SelectMode.ACTIVE
: SelectMode.INACTIVE;
}
void selectMailbox(
BuildContext context,
PresentationMailbox presentationMailboxSelected,
{
required GlobalKey<ScaffoldState> keyWidgetMailboxDashBoard
}
) {
selectedMailbox.value = presentationMailboxSelected;
mailboxDashBoardController.mailboxCurrent.value = presentationMailboxSelected;
if (responsiveUtils.isMobile(context)) {
goToThread(keyWidgetMailboxDashBoard: keyWidgetMailboxDashBoard);
}
}
void goToThread({required GlobalKey<ScaffoldState> keyWidgetMailboxDashBoard}) {
keyWidgetMailboxDashBoard.currentState?.openEndDrawer();
}
void closeMailboxScreen() {
Get.offAllNamed(AppRoutes.LOGIN);
}
lib/features/mailbox/presentation/mailbox_view.dart
+95 -45
View File
@@ -17,65 +17,101 @@ 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 mailboxController = Get.find<MailboxController>();
final imagePaths = Get.find<ImagePaths>();
final responsiveUtils = Get.find<ResponsiveUtils>();
final mailboxDashBoardController = Get.find<MailboxDashBoardController>();
@override
Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomInset: false,
backgroundColor: AppColor.primaryLightColor,
body: SafeArea(
child: Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_buildCloseScreenButton(),
_buildUserInformationWidget(context),
_buildSearchFormWidget(context),
_buildLoadingView(),
Expanded(child: RefreshIndicator(
return Drawer(
child: Scaffold(
resizeToAvoidBottomInset: false,
backgroundColor: AppColor.primaryLightColor,
body: GestureDetector(
onTap: () => FocusScope.of(context).unfocus(),
child: SafeArea(
right: false,
left: false,
child: RefreshIndicator(
color: AppColor.primaryColor,
onRefresh: () async => mailboxController.getAllMailboxAction(),
child: _buildListMailbox(context)))
])),
bottomNavigationBar: _buildStorageWidget(context),
onRefresh: () async => controller.getAllMailboxAction(),
child: SingleChildScrollView(
physics: AlwaysScrollableScrollPhysics(),
child: Padding(
padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
child: Container(
alignment: Alignment.center,
child: Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_buildHeaderMailbox(context),
_buildSearchFormWidget(context),
_buildLoadingView(),
_buildListMailbox(context)
]
)
)
)
)
)
)),
bottomNavigationBar: responsiveUtils.isMobile(context) ? _buildStorageWidget(context) : null
)
);
}
Widget _buildCloseScreenButton() {
Widget _buildHeaderMailbox(BuildContext context) {
return ResponsiveWidget(
tablet: Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_buildCloseScreenButton(context),
_buildUserInformationWidget(context)
]),
mobile: Row(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_buildCloseScreenButton(context),
Expanded(child: _buildUserInformationWidget(context))
]),
responsiveUtils: responsiveUtils);
}
Widget _buildCloseScreenButton(BuildContext context) {
return Padding(
padding: EdgeInsets.only(left: 24, top: 12, right: 16),
padding: EdgeInsets.only(left: 24, top: responsiveUtils.isMobile(context) ? 0 : 12),
child: IconButton(
key: Key('mailbox_close_button'),
onPressed: () => mailboxController.closeMailboxScreen(),
onPressed: () => controller.closeMailboxScreen(),
icon: SvgPicture.asset(imagePaths.icCloseMailbox, width: 30, height: 30, fit: BoxFit.fill)));
}
Widget _buildUserInformationWidget(BuildContext context) {
return Padding(
padding: EdgeInsets.only(left: 16, top: 8.0, right: 16),
child: UserInformationWidgetBuilder()
.onOpenUserInformationAction(() => {})
child: UserInformationWidgetBuilder(imagePaths)
.build());
}
Widget _buildSearchFormWidget(BuildContext context) {
return Padding(
padding: EdgeInsets.only(top: 16, bottom: 12, left: 16, right: 16),
child: SearchFormWidgetBuilder(context)
child: SearchFormWidgetBuilder(context, imagePaths)
.onNewSearchQuery((searchQuery) => {})
.build());
}
Widget _buildLoadingView() {
return Obx(() => mailboxController.viewState.value.fold(
return Obx(() => controller.viewState.value.fold(
(failure) => SizedBox.shrink(),
(success) => success == UIState.loading
? Center(child: Padding(
@@ -90,37 +126,43 @@ class MailboxView extends GetWidget<MailboxController> {
Widget _buildListMailbox(BuildContext context) {
return ListView(
key: Key('mailbox_list'),
primary: true,
primary: false,
shrinkWrap: true,
children: [
Obx(() => mailboxController.viewState.value.fold(
Obx(() => controller.viewState.value.fold(
(failure) => SizedBox.shrink(),
(success) => success is GetAllMailboxSuccess
? _buildDefaultMailbox(success.defaultMailboxList)
? _buildDefaultMailbox(context, success.defaultMailboxList)
: SizedBox.shrink())
),
Padding(
padding: EdgeInsets.only(left: 40, top: 20),
padding: EdgeInsets.only(
left: responsiveUtils.isMobile(context) ? 40 : 32,
top: 20),
child: Text(
AppLocalizations.of(context).my_folders,
maxLines: 1,
style: TextStyle(fontSize: 12, color: AppColor.myFolderTitleColor, fontWeight: FontWeight.w500))
),
Padding(
padding: EdgeInsets.only(left: 16, right: 16, top: 10),
child: MailboxNewFolderTileBuilder()
padding: EdgeInsets.only(
left: responsiveUtils.isMobile(context) ? 16 : 2,
right: 16,
top: 10),
child: MailboxNewFolderTileBuilder(context, responsiveUtils)
.addIcon(imagePaths.icMailboxNewFolder)
.addName(AppLocalizations.of(context).new_folder)
.build()
),
Obx(() => mailboxController.folderMailboxTree.value.root.childrenItems.isNotEmpty
? _buildFolderMailbox(context, mailboxController.folderMailboxTree.value)
Obx(() => controller.folderMailboxTree.value.root.childrenItems.isNotEmpty
? _buildFolderMailbox(context, controller.folderMailboxTree.value)
: SizedBox.shrink()
),
]
);
}
Widget _buildDefaultMailbox(List<PresentationMailbox> defaultMailbox) {
Widget _buildDefaultMailbox(BuildContext context, List<PresentationMailbox> defaultMailbox) {
return ListView.builder(
padding: EdgeInsets.only(top: 16, left: 16, right: 16),
key: Key('default_mailbox_list'),
@@ -128,17 +170,25 @@ class MailboxView extends GetWidget<MailboxController> {
shrinkWrap: true,
primary: false,
itemBuilder: (context, index) =>
MailboxTileBuilder(defaultMailbox[index])
.build());
Obx(() => MailboxTileBuilder(
context,
imagePaths,
responsiveUtils,
defaultMailbox[index],
controller.getSelectMode(defaultMailbox[index]))
.onOpenMailboxAction(() => controller.selectMailbox(context, defaultMailbox[index], keyWidgetMailboxDashBoard: mailboxDashBoardController.scaffoldKey))
.build()));
}
Widget _buildFolderMailbox(BuildContext context, MailboxTree mailboxTree) {
return Padding(
padding: EdgeInsets.only(left: 4, right: 16),
child: TreeView(
startExpanded: false,
key: Key('folder_mailbox_list'),
children: _buildListChildTileWidget(context, mailboxTree.root.childrenItems))
return Transform(
transform: Matrix4.translationValues(responsiveUtils.isMobile(context) ? 0.0 : -15.0, 0.0, 0.0),
child: Padding(
padding: EdgeInsets.only(left: 4, right: 16),
child: TreeView(
startExpanded: false,
key: Key('folder_mailbox_list'),
children: _buildListChildTileWidget(context, mailboxTree.root.childrenItems)))
);
}
@@ -149,11 +199,11 @@ class MailboxView extends GetWidget<MailboxController> {
padding: EdgeInsets.only(left: 16),
child: TreeViewChild(
key: Key('children_tree_mailbox_child'),
parent: MailBoxFolderTileBuilder(mailboxNode).build(context),
parent: MailBoxFolderTileBuilder(context, imagePaths, responsiveUtils, mailboxNode).build(context),
children: _buildListChildTileWidget(context, mailboxNode.childrenItems)))
: Padding(
padding: EdgeInsets.only(left: 16),
child: MailBoxFolderTileBuilder(mailboxNode).build(context)))
child: MailBoxFolderTileBuilder(context, imagePaths, responsiveUtils, mailboxNode).build(context)))
.toList();
}