TF-616 Update presentation layer for MarkAsReadMailbox

2022-06-30 11:16:20 +07:00
parent 71da676212
commit 589abfafb8
14 changed files with 246 additions and 134 deletions
@@ -46,6 +46,7 @@ import 'package:tmail_ui_user/features/mailbox/data/datasource_impl/mailbox_data
 import 'package:tmail_ui_user/features/mailbox/data/datasource_impl/state_datasource_impl.dart';
 import 'package:tmail_ui_user/features/mailbox/data/local/mailbox_cache_manager.dart';
 import 'package:tmail_ui_user/features/mailbox/data/network/mailbox_api.dart';
+import 'package:tmail_ui_user/features/mailbox/data/network/mailbox_isolate_worker.dart';
 import 'package:tmail_ui_user/features/mailbox/data/repository/mailbox_repository_impl.dart';
 import 'package:tmail_ui_user/features/mailbox/domain/repository/mailbox_repository.dart';
 import 'package:tmail_ui_user/features/mailbox/presentation/mailbox_bindings.dart';
@@ -55,7 +56,7 @@ import 'package:tmail_ui_user/features/mailbox_dashboard/data/repository/search_
 import 'package:tmail_ui_user/features/mailbox_dashboard/domain/repository/search_repository.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/domain/usecases/get_all_recent_search_latest_interactor.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/domain/usecases/get_user_profile_interactor.dart';
-import 'package:tmail_ui_user/features/mailbox_dashboard/domain/usecases/mark_as_mailbox_read_interactor.dart';
+import 'package:tmail_ui_user/features/mailbox/domain/usecases/mark_as_mailbox_read_interactor.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/domain/usecases/quick_search_email_interactor.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/domain/usecases/remove_email_drafts_interactor.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/domain/usecases/save_recent_search_interactor.dart';
@@ -123,7 +124,7 @@ class MailboxDashBoardBindings extends BaseBindings {
    Get.lazyPut(() => ThreadDataSourceImpl(Get.find<ThreadAPI>()));
    Get.lazyPut(() => LocalThreadDataSourceImpl(Get.find<EmailCacheManager>()));
    Get.lazyPut(() => StateDataSourceImpl(Get.find<StateCacheClient>()));
-    Get.lazyPut(() => MailboxDataSourceImpl(Get.find<MailboxAPI>()));
+    Get.lazyPut(() => MailboxDataSourceImpl(Get.find<MailboxAPI>(), Get.find<MailboxIsolateWorker>()));
    Get.lazyPut(() => MailboxCacheDataSourceImpl(Get.find<MailboxCacheManager>()));
    Get.lazyPut(() => HiveAccountDatasourceImpl(Get.find<AccountCacheManager>()));
    Get.lazyPut(() => AuthenticationOIDCDataSourceImpl(
@@ -200,8 +201,6 @@ class MailboxDashBoardBindings extends BaseBindings {
        DataSourceType.local: Get.find<MailboxCacheDataSourceImpl>()
      },
      Get.find<StateDataSource>(),
-      Get.find<ThreadDataSource>(),
-      Get.find<EmailDataSource>(),
    ));
    Get.lazyPut(() => AccountRepositoryImpl(Get.find<AccountDatasource>()));
    Get.lazyPut(() => AuthenticationOIDCRepositoryImpl(Get.find<AuthenticationOIDCDataSource>()));
@@ -32,9 +32,9 @@ import 'package:tmail_ui_user/features/email/domain/usecases/move_to_mailbox_int
 import 'package:tmail_ui_user/features/email/presentation/model/composer_arguments.dart';
 import 'package:tmail_ui_user/features/login/domain/usecases/delete_authority_oidc_interactor.dart';
 import 'package:tmail_ui_user/features/login/domain/usecases/get_authenticated_account_interactor.dart';
-import 'package:tmail_ui_user/features/mailbox_dashboard/domain/state/mark_as_mailbox_read_state.dart';
+import 'package:tmail_ui_user/features/mailbox/domain/state/mark_as_mailbox_read_state.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/domain/state/remove_email_drafts_state.dart';
-import 'package:tmail_ui_user/features/mailbox_dashboard/domain/usecases/mark_as_mailbox_read_interactor.dart';
+import 'package:tmail_ui_user/features/mailbox/domain/usecases/mark_as_mailbox_read_interactor.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/domain/usecases/remove_email_drafts_interactor.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/action/dashboard_action.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/controller/search_controller.dart';
@@ -50,6 +50,7 @@ import 'package:tmail_ui_user/main/routes/app_routes.dart';
 import 'package:tmail_ui_user/main/routes/route_navigation.dart';
 import 'package:tmail_ui_user/main/routes/router_arguments.dart';
 import 'package:tmail_ui_user/main/utils/email_receive_manager.dart';
+import 'package:worker_manager/worker_manager.dart';

 class MailboxDashBoardController extends ReloadableController {

@@ -60,6 +61,7 @@ class MailboxDashBoardController extends ReloadableController {
  final ResponsiveUtils _responsiveUtils = Get.find<ResponsiveUtils>();
  final EmailReceiveManager _emailReceiveManager = Get.find<EmailReceiveManager>();
  final SearchController searchController = Get.find<SearchController>();
+  final Executor _isolateExecutor = Get.find<Executor>();

  final MoveToMailboxInteractor _moveToMailboxInteractor;
  final DeleteEmailPermanentlyInteractor _deleteEmailPermanentlyInteractor;
@@ -77,6 +79,7 @@ class MailboxDashBoardController extends ReloadableController {
  final filterMessageOption = FilterMessageOption.all.obs;
  final listEmailSelected = <PresentationEmail>[].obs;
  final composerOverlayState = ComposerOverlayState.inActive.obs;
+  final viewStateMarkAsReadMailbox = Rx<Either<Failure, Success>>(Right(UIState.idle));

  Session? sessionCurrent;
  Map<Role, MailboxId> mapDefaultMailboxId = {};
@@ -85,6 +88,10 @@ class MailboxDashBoardController extends ReloadableController {
  late StreamSubscription _connectivityStreamSubscription;
  late StreamSubscription _emailReceiveManagerStreamSubscription;

+  final StreamController<Either<Failure, Success>> _progressStateController =
+    StreamController<Either<Failure, Success>>.broadcast();
+  Stream<Either<Failure, Success>> get progressState => _progressStateController.stream;
+
  MailboxDashBoardController(
    LogoutOidcInteractor logoutOidcInteractor,
    DeleteAuthorityOidcInteractor deleteAuthorityOidcInteractor,
@@ -100,6 +107,7 @@ class MailboxDashBoardController extends ReloadableController {
  void onInit() {
    _registerNetworkConnectivityState();
    _registerPendingEmailAddress();
+    _initializeIsolateExecutor();
    super.onInit();
  }

@@ -145,6 +153,9 @@ class MailboxDashBoardController extends ReloadableController {
            || failure is RemoveEmailDraftsFailure
            || failure is UpdateEmailDraftsFailure) {
          clearState();
+        } else if (failure is MarkAsMailboxReadAllFailure ||
+            failure is MarkAsMailboxReadFailure) {
+          _markAsReadMailboxFailure(failure);
        }
      },
      (success) {
@@ -163,7 +174,8 @@ class MailboxDashBoardController extends ReloadableController {
          _moveToMailboxSuccess(success);
        } else if (success is DeleteEmailPermanentlySuccess) {
          _deleteEmailPermanentlySuccess(success);
-        } else if (success is MarkAsMailboxReadAllSuccess) {
+        } else if (success is MarkAsMailboxReadAllSuccess ||
+            success is MarkAsMailboxReadHasSomeEmailFailure) {
          _markAsReadMailboxSuccess(success);
        }
      }
@@ -199,6 +211,14 @@ class MailboxDashBoardController extends ReloadableController {
        });
  }

+  void _initializeIsolateExecutor() async {
+    await _isolateExecutor.warmUp(log: BuildUtils.isDebugMode);
+
+    progressState.listen((state) {
+      viewStateMarkAsReadMailbox.value = state;
+    });
+  }
+
  void _getUserProfile() async {
    userProfile.value = sessionCurrent != null ? UserProfile(sessionCurrent!.username.value) : null;
  }
@@ -411,26 +431,54 @@ class MailboxDashBoardController extends ReloadableController {
    final currentAccountId = accountId.value;
    final mailboxId = selectedMailbox.value?.id;
    final mailboxName = selectedMailbox.value?.name;
+    final countEmailsUnread = selectedMailbox.value?.unreadEmails?.value.value ?? 0;
    if (currentAccountId != null && mailboxId != null && mailboxName != null) {
-      markAsReadMailbox(currentAccountId, mailboxId, mailboxName);
+      markAsReadMailbox(currentAccountId, mailboxId, mailboxName, countEmailsUnread.toInt());
    }
  }

-  void markAsReadMailbox(AccountId accountId, MailboxId mailboxId, MailboxName mailboxName) {
-    consumeState(_markAsMailboxReadInteractor.execute(accountId, mailboxId, mailboxName));
+  void markAsReadMailbox(
+      AccountId accountId,
+      MailboxId mailboxId,
+      MailboxName mailboxName,
+      int totalEmailsUnread
+  ) {
+    consumeState(_markAsMailboxReadInteractor.execute(
+        accountId,
+        mailboxId,
+        mailboxName,
+        totalEmailsUnread,
+        _progressStateController));
  }

-  void _markAsReadMailboxSuccess(MarkAsMailboxReadAllSuccess success) {
-    if (currentContext != null && currentOverlayContext != null) {
-      _appToast.showToastWithIcon(
-          currentOverlayContext!,
-          widthToast: _responsiveUtils.isDesktop(currentContext!) ? 360 : null,
-          message: AppLocalizations.of(currentContext!)
-              .toastMessageMarkAsMailboxReadSuccess(success.mailboxName.name),
-          icon: _imagePaths.icReadToast);
+  void _markAsReadMailboxSuccess(Success success) {
+    viewStateMarkAsReadMailbox.value = Right(UIState.idle);
+
+    if (success is MarkAsMailboxReadAllSuccess) {
+      if (currentContext != null && currentOverlayContext != null) {
+        _appToast.showToastWithIcon(
+            currentOverlayContext!,
+            widthToast: _responsiveUtils.isDesktop(currentContext!) ? 360 : null,
+            message: AppLocalizations.of(currentContext!)
+                .toastMessageMarkAsMailboxReadSuccess(success.mailboxName.name),
+            icon: _imagePaths.icReadToast);
+      }
+    } else if (success is MarkAsMailboxReadHasSomeEmailFailure) {
+      if (currentContext != null && currentOverlayContext != null) {
+        _appToast.showToastWithIcon(
+            currentOverlayContext!,
+            widthToast: _responsiveUtils.isDesktop(currentContext!) ? 360 : null,
+            message: AppLocalizations.of(currentContext!)
+                .toastMessageMarkAsMailboxReadHasSomeEmailFailure(success.mailboxName.name, success.countEmailsRead),
+            icon: _imagePaths.icReadToast);
+      }
    }
  }

+  void _markAsReadMailboxFailure(Failure failure) {
+    viewStateMarkAsReadMailbox.value = Right(UIState.idle);
+  }
+
  void goToComposer(ComposerArguments arguments) {
    if (BuildUtils.isWeb) {
      if (composerOverlayState.value == ComposerOverlayState.inActive) {
@@ -479,6 +527,8 @@ class MailboxDashBoardController extends ReloadableController {
    _emailReceiveManager.closeEmailReceiveManagerStream();
    _emailReceiveManagerStreamSubscription.cancel();
    _connectivityStreamSubscription.cancel();
+    _progressStateController.close();
+    _isolateExecutor.dispose();
    super.onClose();
  }
 }
@@ -6,6 +6,7 @@ import 'package:get/get.dart';
 import 'package:model/model.dart';
 import 'package:tmail_ui_user/features/composer/presentation/composer_view_web.dart';
 import 'package:tmail_ui_user/features/email/presentation/email_view.dart';
+import 'package:tmail_ui_user/features/mailbox/domain/state/mark_as_mailbox_read_state.dart';
 import 'package:tmail_ui_user/features/mailbox/presentation/mailbox_view_web.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/domain/model/recent_search.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/action/dashboard_action.dart';
@@ -55,46 +56,53 @@ class MailboxDashBoardView extends BaseMailboxDashBoardView {
        child: Stack(children: [
          ResponsiveWidget(
              responsiveUtils: responsiveUtils,
-              desktop: Column(children: [
-                Row(children: [
-                  Container(
-                    width: responsiveUtils.defaultSizeMenu,
-                    color: Colors.white,
-                    padding: const EdgeInsets.only(top: 25, bottom: 25, left: 28),
-                    child: Row(children: [
-                      (SloganBuilder(arrangedByHorizontal: true)
-                          ..setSloganText(AppLocalizations.of(context).app_name)
-                          ..setSloganTextAlign(TextAlign.center)
-                          ..setSloganTextStyle(const TextStyle(color: Colors.black, fontSize: 20, fontWeight: FontWeight.bold))
-                          ..setSizeLogo(24)
-                          ..setLogo(imagePaths.icLogoTMail))
-                        .build(),
-                      Obx(() {
-                        if (controller.appInformation.value != null) {
-                          return Padding(padding: const EdgeInsets.only(top: 6),
-                            child: Text(
-                              'v.${controller.appInformation.value!.version}',
-                              textAlign: TextAlign.center,
-                              style: const TextStyle(fontSize: 13, color: AppColor.colorContentEmail, fontWeight: FontWeight.w500),
-                            ));
-                        } else {
-                          return const SizedBox.shrink();
-                        }
-                      }),
-                    ])
-                  ),
-                  Expanded(child: Padding(
-                    padding: const EdgeInsets.only(right: 10, top: 16, bottom: 10),
-                    child: _buildRightHeader(context)))
+              desktop: Container(
+                color: AppColor.colorBgDesktop,
+                child: Column(children: [
+                  Row(children: [
+                    Container(
+                      width: responsiveUtils.defaultSizeMenu,
+                      color: Colors.white,
+                      padding: const EdgeInsets.only(top: 25, bottom: 25, left: 28),
+                      child: Row(children: [
+                        (SloganBuilder(arrangedByHorizontal: true)
+                            ..setSloganText(AppLocalizations.of(context).app_name)
+                            ..setSloganTextAlign(TextAlign.center)
+                            ..setSloganTextStyle(const TextStyle(color: Colors.black, fontSize: 20, fontWeight: FontWeight.bold))
+                            ..setSizeLogo(24)
+                            ..setLogo(imagePaths.icLogoTMail))
+                          .build(),
+                        Obx(() {
+                          if (controller.appInformation.value != null) {
+                            return Padding(padding: const EdgeInsets.only(top: 6),
+                              child: Text(
+                                'v.${controller.appInformation.value!.version}',
+                                textAlign: TextAlign.center,
+                                style: const TextStyle(fontSize: 13, color: AppColor.colorContentEmail, fontWeight: FontWeight.w500),
+                              ));
+                          } else {
+                            return const SizedBox.shrink();
+                          }
+                        }),
+                      ])
+                    ),
+                    Expanded(child: Container(
+                      color: Colors.white,
+                      padding: const EdgeInsets.only(right: 10, top: 16, bottom: 10),
+                      child: _buildRightHeader(context)))
+                  ]),
+                  Expanded(child: Row(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      SizedBox(child: MailboxView(), width: responsiveUtils.defaultSizeMenu),
+                      Expanded(child: Column(children: [
+                        _buildMarkAsMailboxReadLoading(context),
+                        Expanded(child: _wrapContainerForThreadAndEmail(context))
+                      ]))
+                    ],
+                  ))
                ]),
-                Expanded(child: Row(
-                  crossAxisAlignment: CrossAxisAlignment.start,
-                  children: [
-                    SizedBox(child: MailboxView(), width: responsiveUtils.defaultSizeMenu),
-                    Expanded(child: _wrapContainerForThreadAndEmail(context))
-                  ],
-                ))
-              ]),
+              ),
              tabletLarge: Row(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
@@ -602,4 +610,33 @@ class MailboxDashBoardView extends BaseMailboxDashBoardView {
        ]
    );
  }
+
+  Widget _buildMarkAsMailboxReadLoading(BuildContext context) {
+    return Obx(() {
+      final viewState = controller.viewStateMarkAsReadMailbox.value;
+      return viewState.fold(
+          (failure) => const SizedBox.shrink(),
+          (success) {
+            if (success is MarkAsMailboxReadLoading) {
+              return Padding(
+                  padding: EdgeInsets.only(
+                      top: responsiveUtils.isDesktop(context) ? 16 : 0,
+                      left: 16,
+                      right: 16,
+                      bottom: responsiveUtils.isDesktop(context) ? 0 : 16),
+                  child: horizontalLoadingWidget);
+            } else if (success is UpdatingMarkAsMailboxReadState) {
+              final percent = success.countRead / success.totalUnread;
+              return Padding(
+                  padding: EdgeInsets.only(
+                      top: responsiveUtils.isDesktop(context) ? 16 : 0,
+                      left: 16,
+                      right: 16,
+                      bottom: responsiveUtils.isDesktop(context) ? 0 : 16),
+                  child: horizontalPercentLoadingWidget(percent));
+            }
+            return const SizedBox.shrink();
+          });
+    });
+  }
 }