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

TF-1414: [Presentation] : Hide multi mailbox and default mailbox

Browse Source
This commit is contained in:
HuyNguyen
2023-02-13 18:55:28 +07:00
committed by Dat Vu
parent 34fedb9e3f
commit 969a36c080
3 changed files with 129 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/manage_account/presentation/mailbox_visibility/bindings/mailbox_visibility_interactor_bindings.dart
+7 -5
View File
@@ -1,5 +1,6 @@
import 'package:get/get.dart'; import 'package:get/get.dart';
import 'package:tmail_ui_user/features/base/interactors_bindings.dart'; import 'package:tmail_ui_user/features/base/interactors_bindings.dart';
import 'package:tmail_ui_user/features/mailbox/domain/usecases/subscribe_multiple_mailbox_interactor.dart';
import 'package:tmail_ui_user/main/exceptions/cache_exception_thrower.dart'; import 'package:tmail_ui_user/main/exceptions/cache_exception_thrower.dart';
import 'package:tmail_ui_user/main/exceptions/remote_exception_thrower.dart'; import 'package:tmail_ui_user/main/exceptions/remote_exception_thrower.dart';
import 'package:tmail_ui_user/features/caching/state_cache_client.dart'; import 'package:tmail_ui_user/features/caching/state_cache_client.dart';
@@ -29,12 +30,12 @@ class MailboxVisibilityInteractorBindings extends InteractorsBindings {
@override @override
void bindingsDataSourceImpl() { void bindingsDataSourceImpl() {
Get.lazyPut(() => MailboxDataSourceImpl( Get.lazyPut(() => MailboxDataSourceImpl(
Get.find<MailboxAPI>(), Get.find<MailboxAPI>(),
Get.find<MailboxIsolateWorker>(), Get.find<MailboxIsolateWorker>(),
Get.find<RemoteExceptionThrower>())); Get.find<RemoteExceptionThrower>()));
Get.lazyPut(() => MailboxCacheDataSourceImpl( Get.lazyPut(() => MailboxCacheDataSourceImpl(
Get.find<MailboxCacheManager>(), Get.find<MailboxCacheManager>(),
Get.find<CacheExceptionThrower>())); Get.find<CacheExceptionThrower>()));
Get.lazyPut(() => StateDataSourceImpl(Get.find<StateCacheClient>(), Get.find<CacheExceptionThrower>())); Get.lazyPut(() => StateDataSourceImpl(Get.find<StateCacheClient>(), Get.find<CacheExceptionThrower>()));
} }
@@ -43,6 +44,7 @@ class MailboxVisibilityInteractorBindings extends InteractorsBindings {
Get.lazyPut(() => GetAllMailboxInteractor(Get.find<MailboxRepository>())); Get.lazyPut(() => GetAllMailboxInteractor(Get.find<MailboxRepository>()));
Get.lazyPut(() => RefreshAllMailboxInteractor(Get.find<MailboxRepository>())); Get.lazyPut(() => RefreshAllMailboxInteractor(Get.find<MailboxRepository>()));
Get.lazyPut(() => SubscribeMailboxInteractor(Get.find<MailboxRepository>())); Get.lazyPut(() => SubscribeMailboxInteractor(Get.find<MailboxRepository>()));
Get.lazyPut(() => SubscribeMultipleMailboxInteractor(Get.find<MailboxRepository>()));
} }
@override @override
lib/features/manage_account/presentation/mailbox_visibility/mailbox_visibility_controller.dart
+71 -22
View File
@@ -16,12 +16,15 @@ import 'package:tmail_ui_user/features/base/base_mailbox_controller.dart';
import 'package:tmail_ui_user/features/mailbox/domain/model/mailbox_subscribe_action_state.dart'; import 'package:tmail_ui_user/features/mailbox/domain/model/mailbox_subscribe_action_state.dart';
import 'package:tmail_ui_user/features/mailbox/domain/model/mailbox_subscribe_state.dart'; import 'package:tmail_ui_user/features/mailbox/domain/model/mailbox_subscribe_state.dart';
import 'package:tmail_ui_user/features/mailbox/domain/model/subscribe_mailbox_request.dart'; import 'package:tmail_ui_user/features/mailbox/domain/model/subscribe_mailbox_request.dart';
import 'package:tmail_ui_user/features/mailbox/domain/model/subscribe_multiple_mailbox_request.dart';
import 'package:tmail_ui_user/features/mailbox/domain/state/get_all_mailboxes_state.dart'; import 'package:tmail_ui_user/features/mailbox/domain/state/get_all_mailboxes_state.dart';
import 'package:tmail_ui_user/features/mailbox/domain/state/refresh_changes_all_mailboxes_state.dart'; import 'package:tmail_ui_user/features/mailbox/domain/state/refresh_changes_all_mailboxes_state.dart';
import 'package:tmail_ui_user/features/mailbox/domain/state/subscribe_mailbox_state.dart'; import 'package:tmail_ui_user/features/mailbox/domain/state/subscribe_mailbox_state.dart';
import 'package:tmail_ui_user/features/mailbox/domain/state/subscribe_multiple_mailbox_state.dart';
import 'package:tmail_ui_user/features/mailbox/domain/usecases/get_all_mailbox_interactor.dart'; import 'package:tmail_ui_user/features/mailbox/domain/usecases/get_all_mailbox_interactor.dart';
import 'package:tmail_ui_user/features/mailbox/domain/usecases/refresh_all_mailbox_interactor.dart'; import 'package:tmail_ui_user/features/mailbox/domain/usecases/refresh_all_mailbox_interactor.dart';
import 'package:tmail_ui_user/features/mailbox/domain/usecases/subscribe_mailbox_interactor.dart'; import 'package:tmail_ui_user/features/mailbox/domain/usecases/subscribe_mailbox_interactor.dart';
import 'package:tmail_ui_user/features/mailbox/domain/usecases/subscribe_multiple_mailbox_interactor.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_categories.dart'; import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_categories.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_categories_expand_mode.dart'; import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_categories_expand_mode.dart';
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_node.dart'; import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_node.dart';
@@ -35,6 +38,7 @@ class MailboxVisibilityController extends BaseMailboxController {
GetAllMailboxInteractor? _getAllMailboxInteractor; GetAllMailboxInteractor? _getAllMailboxInteractor;
RefreshAllMailboxInteractor? _refreshAllMailboxInteractor; RefreshAllMailboxInteractor? _refreshAllMailboxInteractor;
SubscribeMailboxInteractor? _subscribeMailboxInteractor; SubscribeMailboxInteractor? _subscribeMailboxInteractor;
SubscribeMultipleMailboxInteractor? _subscribeMultipleMailboxInteractor;
final _accountDashBoardController = Get.find<ManageAccountDashBoardController>(); final _accountDashBoardController = Get.find<ManageAccountDashBoardController>();
final _appToast = Get.find<AppToast>(); final _appToast = Get.find<AppToast>();
final _imagePaths = Get.find<ImagePaths>(); final _imagePaths = Get.find<ImagePaths>();
@@ -60,6 +64,7 @@ class MailboxVisibilityController extends BaseMailboxController {
_getAllMailboxInteractor = Get.find<GetAllMailboxInteractor>(); _getAllMailboxInteractor = Get.find<GetAllMailboxInteractor>();
_refreshAllMailboxInteractor = Get.find<RefreshAllMailboxInteractor>(); _refreshAllMailboxInteractor = Get.find<RefreshAllMailboxInteractor>();
_subscribeMailboxInteractor = Get.find<SubscribeMailboxInteractor>(); _subscribeMailboxInteractor = Get.find<SubscribeMailboxInteractor>();
_subscribeMultipleMailboxInteractor = Get.find<SubscribeMultipleMailboxInteractor>();
} catch (e) { } catch (e) {
logError('MailboxVisibilityController::onInit(): ${e.toString()}'); logError('MailboxVisibilityController::onInit(): ${e.toString()}');
} }
@@ -76,6 +81,10 @@ class MailboxVisibilityController extends BaseMailboxController {
_refreshMailboxTreeHasSubscribed(success.mailboxList); _refreshMailboxTreeHasSubscribed(success.mailboxList);
} else if (success is SubscribeMailboxSuccess) { } else if (success is SubscribeMailboxSuccess) {
_subscribeMailboxSuccess(success); _subscribeMailboxSuccess(success);
} else if (success is SubscribeMultipleMailboxAllSuccess) {
_handleUnsubscribeMultipleMailboxAllSuccess(success);
} else if (success is SubscribeMultipleMailboxHasSomeSuccess) {
_handleUnsubscribeMultipleMailboxHasSomeSuccess(success);
} }
}); });
@@ -123,21 +132,29 @@ class MailboxVisibilityController extends BaseMailboxController {
? MailboxSubscribeState.disabled : MailboxSubscribeState.enabled; ? MailboxSubscribeState.disabled : MailboxSubscribeState.enabled;
final _mailboxSubscribeStateAction = mailboxNode.item.isSubscribedMailbox final _mailboxSubscribeStateAction = mailboxNode.item.isSubscribedMailbox
? MailboxSubscribeAction.unSubscribe : MailboxSubscribeAction.subscribe; ? MailboxSubscribeAction.unSubscribe : MailboxSubscribeAction.subscribe;
if (mailboxNode.item.isSubscribedMailbox) { _subscribeMailboxAction(
_subscribeMailboxAction( SubscribeMailboxRequest(
SubscribeMailboxRequest( mailboxNode.item.id,
mailboxNode.item.id, _mailboxSubscribeState,
_mailboxSubscribeState, _mailboxSubscribeStateAction,
_mailboxSubscribeStateAction, )
) );
);
}
} }
void _subscribeMailboxAction(SubscribeMailboxRequest subscribeMailboxRequest) { void _subscribeMailboxAction(SubscribeMailboxRequest subscribeMailboxRequest) {
final _accountId = _accountDashBoardController.accountId.value; final _accountId = _accountDashBoardController.accountId.value;
if (_accountId != null) { if (_accountId != null) {
consumeState(_subscribeMailboxInteractor!.execute(_accountId, subscribeMailboxRequest)); final subscribeRequest = generateSubscribeRequest(
subscribeMailboxRequest.mailboxId,
subscribeMailboxRequest.subscribeState,
subscribeMailboxRequest.subscribeAction
);
if (subscribeRequest is SubscribeMultipleMailboxRequest) {
consumeState(_subscribeMultipleMailboxInteractor!.execute(_accountId, subscribeRequest));
} else if (subscribeRequest is SubscribeMailboxRequest) {
consumeState(_subscribeMailboxInteractor!.execute(_accountId, subscribeRequest));
}
} }
} }
@@ -167,31 +184,63 @@ class MailboxVisibilityController extends BaseMailboxController {
if (subscribeMailboxSuccess.subscribeAction == MailboxSubscribeAction.unSubscribe if (subscribeMailboxSuccess.subscribeAction == MailboxSubscribeAction.unSubscribe
&& currentOverlayContext != null && currentOverlayContext != null
&& currentContext != null) { && currentContext != null) {
_showToastSubscribeMailboxSuccess(subscribeMailboxSuccess.mailboxId);
}
refreshMailboxChanges(currentMailboxState: subscribeMailboxSuccess.currentMailboxState);
}
void _handleUnsubscribeMultipleMailboxHasSomeSuccess(SubscribeMultipleMailboxHasSomeSuccess subscribeMailboxSuccess) {
if(subscribeMailboxSuccess.subscribeAction == MailboxSubscribeAction.unSubscribe) {
_showToastSubscribeMailboxSuccess(
subscribeMailboxSuccess.parentMailboxId,
listDescendantMailboxIds: subscribeMailboxSuccess.mailboxIdsSubscribe
);
}
refreshMailboxChanges(currentMailboxState: subscribeMailboxSuccess.currentMailboxState);
}
void _handleUnsubscribeMultipleMailboxAllSuccess(SubscribeMultipleMailboxAllSuccess subscribeMailboxSuccess) {
if(subscribeMailboxSuccess.subscribeAction == MailboxSubscribeAction.unSubscribe) {
_showToastSubscribeMailboxSuccess(
subscribeMailboxSuccess.parentMailboxId,
listDescendantMailboxIds: subscribeMailboxSuccess.mailboxIdsSubscribe
);
}
refreshMailboxChanges(currentMailboxState: subscribeMailboxSuccess.currentMailboxState);
}
void _showToastSubscribeMailboxSuccess(
MailboxId mailboxIdSubscribed,
{List<MailboxId>? listDescendantMailboxIds}
) {
if (currentOverlayContext != null && currentContext != null) {
_appToast.showBottomToast( _appToast.showBottomToast(
currentOverlayContext!, currentOverlayContext!,
AppLocalizations.of(currentContext!).toastMsgHideMailboxSuccess, AppLocalizations.of(currentContext!).toastMsgHideMailboxSuccess,
actionName: AppLocalizations.of(currentContext!).undo, actionName: AppLocalizations.of(currentContext!).undo,
onActionClick: () { onActionClick: () => _subscribeMailboxAction(
_subscribeMailboxAction( SubscribeMailboxRequest(
SubscribeMailboxRequest( mailboxIdSubscribed,
subscribeMailboxSuccess.mailboxId, MailboxSubscribeState.enabled,
MailboxSubscribeState.enabled, MailboxSubscribeAction.subscribe
MailboxSubscribeAction.undo) )
); ),
},
leadingIcon: SvgPicture.asset( leadingIcon: SvgPicture.asset(
_imagePaths.icFolderMailbox, _imagePaths.icFolderMailbox,
width: 24, width: 24,
height: 24, height: 24,
color: Colors.white, color: Colors.white,
fit: BoxFit.fill), fit: BoxFit.fill
),
backgroundColor: AppColor.toastSuccessBackgroundColor, backgroundColor: AppColor.toastSuccessBackgroundColor,
textColor: Colors.white, textColor: Colors.white,
textActionColor: Colors.white, textActionColor: Colors.white,
actionIcon: SvgPicture.asset(_imagePaths.icUndo), actionIcon: SvgPicture.asset(_imagePaths.icUndo),
maxWidth: _responsiveUtils.getMaxWidthToast(currentContext!)); maxWidth: _responsiveUtils.getMaxWidthToast(currentContext!)
);
} }
refreshMailboxChanges(currentMailboxState: subscribeMailboxSuccess.currentMailboxState);
} }
} }
lib/features/manage_account/presentation/mailbox_visibility/widgets/mailbox_visibility_folder_tile_builder.dart
+51 -51
View File
@@ -43,29 +43,29 @@ class MailBoxVisibilityFolderTileBuilder {
if (BuildUtils.isWeb) { if (BuildUtils.isWeb) {
return Theme( return Theme(
data: ThemeData( data: ThemeData(
splashColor: Colors.transparent, splashColor: Colors.transparent,
highlightColor: Colors.transparent), highlightColor: Colors.transparent),
child: StatefulBuilder( child: StatefulBuilder(
builder: (BuildContext context, StateSetter setState) { builder: (BuildContext context, StateSetter setState) {
return InkWell( return InkWell(
onTap: () {}, onTap: () {},
onHover: (value) => setState(() => isHoverItem = value), onHover: (value) => setState(() => isHoverItem = value),
child: Container( child: Container(
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
color: backgroundColorItem), color: backgroundColorItem),
padding: EdgeInsets.only( padding: EdgeInsets.only(
left: _mailboxNode.item.hasRole() ? 0 : 4, left: _mailboxNode.item.hasRole() ? 0 : 4,
right: 4, right: 4,
top: 8, top: 8,
bottom: 8), bottom: 8),
margin: const EdgeInsets.only(bottom: 4), margin: const EdgeInsets.only(bottom: 4),
child: Row( child: Row(
children: [ children: [
_buildLeadingMailboxItem(), _buildLeadingMailboxItem(),
const SizedBox(width: 4), const SizedBox(width: 4),
Expanded(child: _buildTitleFolderItem()), Expanded(child: _buildTitleFolderItem()),
if (!_mailboxNode.item.hasRole()) if (!_mailboxNode.item.hasRole() || !_mailboxNode.item.isSubscribedMailbox)
_buildSubscribeMailboxItem(context, _mailboxNode), _buildSubscribeMailboxItem(context, _mailboxNode),
const SizedBox(width: 32), const SizedBox(width: 32),
]), ]),
@@ -75,30 +75,30 @@ class MailBoxVisibilityFolderTileBuilder {
); );
} else { } else {
return ClipRRect( return ClipRRect(
borderRadius: const BorderRadius.all(Radius.circular(14)), borderRadius: const BorderRadius.all(Radius.circular(14)),
child: Column( child: Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
Container( Container(
padding: EdgeInsets.symmetric( padding: EdgeInsets.symmetric(
vertical: _mailboxNode.hasChildren() ? 8 : 15), vertical: _mailboxNode.hasChildren() ? 8 : 15),
child: Row( child: Row(
crossAxisAlignment: crossAxisAlignment:
_mailboxNode.item.isTeamMailboxes _mailboxNode.item.isTeamMailboxes
? CrossAxisAlignment.start ? CrossAxisAlignment.start
: CrossAxisAlignment.center, : CrossAxisAlignment.center,
children: [ children: [
if (_mailboxNode.item.isTeamMailboxes) if (_mailboxNode.item.isTeamMailboxes)
const SizedBox(width: 16), const SizedBox(width: 16),
_buildLeadingMailboxItem(), _buildLeadingMailboxItem(),
const SizedBox(width: 8), const SizedBox(width: 8),
Expanded(child: _buildTitleFolderItem()), Expanded(child: _buildTitleFolderItem()),
if (!_mailboxNode.item.hasRole()) if (!_mailboxNode.item.hasRole() || !_mailboxNode.item.isSubscribedMailbox)
_buildSubscribeMailboxItem(context, _mailboxNode), _buildSubscribeMailboxItem(context, _mailboxNode),
]), ]),
), ),
])); ]));
} }
} }
@@ -110,14 +110,14 @@ class MailBoxVisibilityFolderTileBuilder {
children: [ children: [
const SizedBox(width: 8), const SizedBox(width: 8),
buildIconWeb( buildIconWeb(
icon: SvgPicture.asset( icon: SvgPicture.asset(
_mailboxNode.expandMode == ExpandMode.EXPAND _mailboxNode.expandMode == ExpandMode.EXPAND
? _imagePaths.icExpandFolder ? _imagePaths.icExpandFolder
: _imagePaths.icCollapseFolder, : _imagePaths.icCollapseFolder,
color: _mailboxNode.expandMode == ExpandMode.EXPAND color: _mailboxNode.expandMode == ExpandMode.EXPAND
? AppColor.colorExpandMailbox ? AppColor.colorExpandMailbox
: AppColor.colorCollapseMailbox, : AppColor.colorCollapseMailbox,
fit: BoxFit.fill), fit: BoxFit.fill),
minSize: 12, minSize: 12,
splashRadius: 10, splashRadius: 10,
iconPadding: EdgeInsets.zero, iconPadding: EdgeInsets.zero,
@@ -130,8 +130,8 @@ class MailBoxVisibilityFolderTileBuilder {
else else
SizedBox(width: _mailboxNode.item.isPersonal ? 32 : 24), SizedBox(width: _mailboxNode.item.isPersonal ? 32 : 24),
Transform( Transform(
transform: Matrix4.translationValues(-4.0, 0.0, 0.0), transform: Matrix4.translationValues(-4.0, 0.0, 0.0),
child: _buildLeadingIconTeamMailboxes()), child: _buildLeadingIconTeamMailboxes()),
]); ]);
} else { } else {
return Row(mainAxisSize: MainAxisSize.min, children: [ return Row(mainAxisSize: MainAxisSize.min, children: [
@@ -234,7 +234,7 @@ class MailBoxVisibilityFolderTileBuilder {
return SvgPicture.asset(_mailboxNode.item.getMailboxIcon(_imagePaths), return SvgPicture.asset(_mailboxNode.item.getMailboxIcon(_imagePaths),
width: BuildUtils.isWeb ? 20 : 24, width: BuildUtils.isWeb ? 20 : 24,
height: BuildUtils.isWeb ? 20 : 24, height: BuildUtils.isWeb ? 20 : 24,
color: !_mailboxNode.item.isSubscribedMailbox color: (!_mailboxNode.item.isSubscribedMailbox)
? AppColor.colorDeleteContactIcon ? AppColor.colorDeleteContactIcon
: null, : null,
fit: BoxFit.fill); fit: BoxFit.fill);