Add presentation layer for mailbox, mail, message
This commit is contained in:
dab246
@@ -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();
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user