TF-249 Change ui mailbox list
This commit is contained in:
dab246
@@ -5,12 +5,10 @@ import 'package:get/get.dart';
|
||||
import 'package:model/model.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/mailbox_controller.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_node.dart';
|
||||
// import 'package:tmail_ui_user/features/mailbox/presentation/widgets/mailbox_button_new_folder_builder.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/widgets/mailbox_folder_tile_builder.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/widgets/mailbox_tile_builder.dart';
|
||||
// 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/thread/presentation/widgets/search_bar_thread_view_widget.dart';
|
||||
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
|
||||
|
||||
class MailboxView extends GetWidget<MailboxController> {
|
||||
@@ -20,78 +18,95 @@ class MailboxView extends GetWidget<MailboxController> {
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Drawer(
|
||||
child: Scaffold(
|
||||
backgroundColor: AppColor.primaryLightColor,
|
||||
body: SafeArea(
|
||||
right: false,
|
||||
left: false,
|
||||
child: Container(
|
||||
alignment: Alignment.center,
|
||||
child: Column(
|
||||
children: [
|
||||
_buildHeaderMailbox(context),
|
||||
// _buildSearchFormWidget(context),
|
||||
SizedBox(height: 16),
|
||||
Divider(color: AppColor.dividerColor, height: 1),
|
||||
_buildLoadingView(),
|
||||
Expanded(child: RefreshIndicator(
|
||||
color: AppColor.primaryColor,
|
||||
onRefresh: () async => controller.refreshAllMailbox(),
|
||||
child: _buildListMailbox(context)))
|
||||
]
|
||||
)
|
||||
return SafeArea(
|
||||
top: responsiveUtils.isMobile(context) ? true : false,
|
||||
bottom: false,
|
||||
left: false,
|
||||
right: false,
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.only(
|
||||
topRight: Radius.circular(responsiveUtils.isMobile(context) ? 14 : 0),
|
||||
topLeft: Radius.circular(14)),
|
||||
child: Drawer(
|
||||
child: Scaffold(
|
||||
backgroundColor: Colors.white,
|
||||
body: Column(
|
||||
children: [
|
||||
_buildHeaderMailbox(context),
|
||||
Expanded(child: Container(
|
||||
color: AppColor.colorBgMailbox,
|
||||
child: RefreshIndicator(
|
||||
color: AppColor.primaryColor,
|
||||
onRefresh: () async => controller.refreshAllMailbox(),
|
||||
child: _buildListMailbox(context)),
|
||||
))
|
||||
]
|
||||
),
|
||||
)
|
||||
),
|
||||
// bottomNavigationBar: responsiveUtils.isMobile(context) ? _buildStorageWidget(context) : null
|
||||
)
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
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);
|
||||
return Column(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Padding(
|
||||
padding: EdgeInsets.only(
|
||||
top: responsiveUtils.isMobile(context) ? 14 : 30,
|
||||
bottom: 10),
|
||||
child: Row(mainAxisAlignment: MainAxisAlignment.center, children: [
|
||||
!responsiveUtils.isDesktop(context) ? _buildCloseScreenButton(context) : SizedBox(width: 50),
|
||||
Expanded(child: Text(
|
||||
AppLocalizations.of(context).folders,
|
||||
textAlign: TextAlign.center,
|
||||
style: TextStyle(fontSize: 20, color: AppColor.colorNameEmail, fontWeight: FontWeight.w700),)),
|
||||
_buildAddNewFolderButton(context),
|
||||
])),
|
||||
Divider(color: AppColor.colorDividerMailbox, height: 0.5, thickness: 0.2),
|
||||
]
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildCloseScreenButton(BuildContext context) {
|
||||
return Padding(
|
||||
padding: EdgeInsets.only(left: 16, top: responsiveUtils.isMobile(context) ? 0 : 12),
|
||||
padding: EdgeInsets.only(left: 16, right: 16),
|
||||
child: IconButton(
|
||||
key: Key('mailbox_close_button'),
|
||||
onPressed: () => controller.closeMailboxScreen(),
|
||||
icon: SvgPicture.asset(imagePaths.icCloseMailbox, width: 30, height: 30, fit: BoxFit.fill)));
|
||||
}
|
||||
|
||||
Widget _buildAddNewFolderButton(BuildContext context) {
|
||||
return Padding(
|
||||
padding: EdgeInsets.only(left: 16, right: 16),
|
||||
child: IconButton(
|
||||
key: Key('mailbox_add_new_folder_button'),
|
||||
onPressed: () => {},
|
||||
icon: SvgPicture.asset(imagePaths.icAddNewFolder, width: 30, height: 30, fit: BoxFit.fill)));
|
||||
}
|
||||
|
||||
Widget _buildUserInformationWidget(BuildContext context) {
|
||||
return Padding(
|
||||
padding: EdgeInsets.only(left: 16, top: 8.0, right: 16),
|
||||
child: Obx(() => UserInformationWidgetBuilder(
|
||||
// imagePaths,
|
||||
child: Obx(() => (UserInformationWidgetBuilder(
|
||||
imagePaths,
|
||||
context,
|
||||
controller.mailboxDashBoardController.userProfile.value)
|
||||
.build()));
|
||||
..addOnLogoutAction(() => controller.logoutAction()))
|
||||
.build()));
|
||||
}
|
||||
|
||||
// Widget _buildSearchFormWidget(BuildContext context) {
|
||||
// return Padding(
|
||||
// padding: EdgeInsets.only(top: 16, left: 16, right: 16),
|
||||
// child: SearchFormWidgetBuilder(context, imagePaths)
|
||||
// .onNewSearchQuery((searchQuery) => {})
|
||||
// .build());
|
||||
// }
|
||||
Widget _buildSearchFormWidget(BuildContext context) {
|
||||
return Padding(
|
||||
padding: EdgeInsets.only(top: 12),
|
||||
child: (SearchBarThreadViewWidget(imagePaths)
|
||||
..hintTextSearch(AppLocalizations.of(context).hint_search_mailboxes)
|
||||
..addOnOpenSearchViewAction(() {}))
|
||||
.build());
|
||||
}
|
||||
|
||||
Widget _buildLoadingView() {
|
||||
return Obx(() => controller.viewState.value.fold(
|
||||
@@ -113,37 +128,41 @@ class MailboxView extends GetWidget<MailboxController> {
|
||||
shrinkWrap: true,
|
||||
padding: EdgeInsets.zero,
|
||||
children: [
|
||||
_buildUserInformationWidget(context),
|
||||
Padding(
|
||||
padding: EdgeInsets.only(top: 16),
|
||||
child: Divider(color: AppColor.colorDividerMailbox, height: 0.5, thickness: 0.2)),
|
||||
_buildSearchFormWidget(context),
|
||||
_buildLoadingView(),
|
||||
Obx(() => controller.defaultMailboxList.isNotEmpty
|
||||
? _buildDefaultMailbox(context, controller.defaultMailboxList)
|
||||
? Container(
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(14),
|
||||
color: Colors.white),
|
||||
margin: EdgeInsets.only(left: 16, right: 16, top: 4),
|
||||
child: _buildDefaultMailbox(context, controller.defaultMailboxList))
|
||||
: SizedBox.shrink()),
|
||||
Padding(
|
||||
padding: EdgeInsets.only(
|
||||
left: 25,
|
||||
top: 20),
|
||||
padding: EdgeInsets.only(left: 25, top: 26, bottom: 12),
|
||||
child: Text(
|
||||
AppLocalizations.of(context).my_folders,
|
||||
AppLocalizations.of(context).folders,
|
||||
maxLines: 1,
|
||||
style: TextStyle(fontSize: 12, color: AppColor.myFolderTitleColor, fontWeight: FontWeight.w500))
|
||||
style: TextStyle(fontSize: 20, color: AppColor.colorNameEmail, fontWeight: FontWeight.w600))
|
||||
),
|
||||
Container(
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(14),
|
||||
color: Colors.white),
|
||||
margin: EdgeInsets.only(left: 16, right: 16, bottom: 30),
|
||||
child: _buildFolderMailbox(context),
|
||||
),
|
||||
// Padding(
|
||||
// padding: EdgeInsets.only(
|
||||
// left: 8,
|
||||
// right: 16,
|
||||
// top: 10),
|
||||
// child: (MailboxNewFolderTileBuilder()
|
||||
// ..addIcon(imagePaths.icMailboxNewFolder)
|
||||
// ..addName(AppLocalizations.of(context).new_folder))
|
||||
// .build()
|
||||
// ),
|
||||
SizedBox(height: 10),
|
||||
_buildFolderMailbox(context),
|
||||
]
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildDefaultMailbox(BuildContext context, List<PresentationMailbox> defaultMailbox) {
|
||||
return ListView.builder(
|
||||
padding: EdgeInsets.only(top: 16, left: 16, right: 16),
|
||||
padding: EdgeInsets.only(top: 8, left: 8, right: 8),
|
||||
key: PageStorageKey('default_mailbox_list'),
|
||||
itemCount: defaultMailbox.length,
|
||||
shrinkWrap: true,
|
||||
@@ -164,7 +183,7 @@ class MailboxView extends GetWidget<MailboxController> {
|
||||
? Transform(
|
||||
transform: Matrix4.translationValues(-4.0, 0.0, 0.0),
|
||||
child: Padding(
|
||||
padding: EdgeInsets.only(right: 12),
|
||||
padding: EdgeInsets.only(right: 12, top: 10),
|
||||
child: TreeView(
|
||||
startExpanded: false,
|
||||
key: Key('folder_mailbox_list'),
|
||||
@@ -178,7 +197,7 @@ class MailboxView extends GetWidget<MailboxController> {
|
||||
return listMailboxNode
|
||||
.map((mailboxNode) => mailboxNode.hasChildren()
|
||||
? Padding(
|
||||
padding: EdgeInsets.only(left: 20),
|
||||
padding: EdgeInsets.only(left: 16),
|
||||
child: TreeViewChild(
|
||||
context,
|
||||
key: Key('children_tree_mailbox_child'),
|
||||
@@ -197,7 +216,7 @@ class MailboxView extends GetWidget<MailboxController> {
|
||||
children: _buildListChildTileWidget(context, mailboxNode.childrenItems!)
|
||||
).build())
|
||||
: Padding(
|
||||
padding: EdgeInsets.only(left: 20),
|
||||
padding: EdgeInsets.only(left: 16),
|
||||
child: Obx(() => (MailBoxFolderTileBuilder(
|
||||
context,
|
||||
imagePaths,
|
||||
|
||||
Reference in New Issue
Block a user