Add presentation layer for get list Email in Mailbox

2021-08-10 12:33:38 +07:00
parent 1863ba8d02
commit bc6e10bafe
18 changed files with 406 additions and 148 deletions
@@ -0,0 +1,6 @@
+
+enum LoadMoreState {
+  IDLE,
+  LOADING,
+  COMPLETED
+}
@@ -1,10 +1,24 @@
 import 'package:core/presentation/utils/responsive_utils.dart';
 import 'package:get/get.dart';
+import 'package:tmail_ui_user/features/thread/data/datasource/thread_datasource.dart';
+import 'package:tmail_ui_user/features/thread/data/datasource_impl/thread_datasource_impl.dart';
+import 'package:tmail_ui_user/features/thread/data/network/thread_api.dart';
+import 'package:tmail_ui_user/features/thread/data/repository/thread_repository_impl.dart';
+import 'package:tmail_ui_user/features/thread/domain/repository/thread_repository.dart';
+import 'package:tmail_ui_user/features/thread/domain/usecases/get_emails_in_mailbox_interactor.dart';
 import 'package:tmail_ui_user/features/thread/presentation/thread_controller.dart';

 class ThreadBindings extends Bindings {
  @override
  void dependencies() {
-    Get.lazyPut(() => ThreadController(Get.find<ResponsiveUtils>()));
+    Get.lazyPut(() => ThreadDataSourceImpl(Get.find<ThreadAPI>()));
+    Get.lazyPut<ThreadDataSource>(() => Get.find<ThreadDataSourceImpl>());
+    Get.lazyPut(() => ThreadRepositoryImpl(Get.find<ThreadDataSource>()));
+    Get.lazyPut<ThreadRepository>(() => Get.find<ThreadRepositoryImpl>());
+    Get.lazyPut(() => GetEmailsInMailboxInteractor(Get.find<ThreadRepository>()));
+    Get.put(ThreadController(
+      Get.find<ResponsiveUtils>(),
+      Get.find<GetEmailsInMailboxInteractor>(),
+    ));
  }
 }
@@ -3,47 +3,58 @@ import 'package:core/presentation/utils/responsive_utils.dart';
 import 'package:dartz/dartz.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/filter/filter.dart';
+import 'package:jmap_dart_client/jmap/core/properties/properties.dart';
+import 'package:jmap_dart_client/jmap/core/sort/comparator.dart';
+import 'package:jmap_dart_client/jmap/core/unsigned_int.dart';
+import 'package:jmap_dart_client/jmap/mail/email/email_comparator.dart';
+import 'package:jmap_dart_client/jmap/mail/email/email_comparator_property.dart';
+import 'package:jmap_dart_client/jmap/mail/email/email_filter_condition.dart';
 import 'package:model/model.dart';
 import 'package:tmail_ui_user/features/base/base_controller.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/mailbox_dashboard_controller.dart';
+import 'package:tmail_ui_user/features/thread/domain/constants/thread_constants.dart';
+import 'package:tmail_ui_user/features/thread/domain/state/get_all_email_state.dart';
+import 'package:tmail_ui_user/features/thread/domain/usecases/get_emails_in_mailbox_interactor.dart';
+import 'package:tmail_ui_user/features/thread/presentation/model/load_more_state.dart';
 import 'package:tmail_ui_user/main/routes/app_routes.dart';

 class ThreadController extends BaseController {

-  final ResponsiveUtils responsiveUtils;
  final mailboxDashBoardController = Get.find<MailboxDashBoardController>();
+  final GetEmailsInMailboxInteractor _getEmailsInMailboxInteractor;
+  final ResponsiveUtils responsiveUtils;

-  final presentationMailCurrent = PresentationThread.createThreadEmpty().obs;
+  final _properties = Properties({
+    'id', 'subject', 'from', 'to', 'cc', 'bcc', 'keywords', 'receivedAt',
+    'sentAt', 'preview', 'hasAttachment'
+  });

-  ThreadController(this.responsiveUtils);
+  final emailList = <PresentationEmail>[].obs;
+  final loadMoreState = LoadMoreState.IDLE.obs;
+
+  int positionCurrent = 0;
+  int lastGetTotal = 0;
+
+  ThreadController(
+    this.responsiveUtils,
+    this._getEmailsInMailboxInteractor
+  );

  @override
  void onReady() {
    super.onReady();
-    mailboxDashBoardController.scaffoldKey.currentState?.openEndDrawer();
+    mailboxDashBoardController.selectedMailbox.listen((selectedMailbox) {
+      mailboxDashBoardController.setSelectedEmail(PresentationEmail.presentationEmailEmpty);
+      refreshGetAllEmailAction();
+    });
  }

-  SelectMode getSelectMode(PresentationThread presentationThread) {
-    return presentationMailCurrent.value.id == presentationThread.id
-      ? SelectMode.ACTIVE
-      : SelectMode.INACTIVE;
-  }
-
-  void selectMail(BuildContext context, PresentationThread presentationMailSelected) {
-    presentationMailCurrent.value = presentationMailSelected;
-    mailboxDashBoardController.mailCurrent.value = presentationMailSelected;
-
-    if (!responsiveUtils.isDesktop(context)) {
-      goToMail(context);
-    }
-  }
-
-  void goToMailbox({required GlobalKey<ScaffoldState> keyWidgetMailboxContainer}) {
-    keyWidgetMailboxContainer.currentState?.openDrawer();
-  }
-
-  void goToMail(BuildContext context) {
-    Get.toNamed(AppRoutes.EMAIL);
+  @override
+  void dispose() {
+    super.dispose();
+    mailboxDashBoardController.selectedMailbox.close();
  }

  @override
@@ -52,8 +63,123 @@ class ThreadController extends BaseController {
  }

  @override
-  void onDone() {}
+  void onDone() {
+    viewState.value.fold(
+      (failure) => _resetPositionCurrentAndLoadMoreState(),
+      (success) => _updateEmailList(success is GetAllEmailSuccess ? success.emailList : [])
+    );
+  }

  @override
-  void onError(error) {}
+  void onError(error) {
+    _resetPositionCurrentAndLoadMoreState();
+  }
+
+  void _updateEmailList(List<PresentationEmail> newListEmail) {
+    emailList.value += newListEmail;
+
+    lastGetTotal = emailList.length;
+
+    if (newListEmail.isEmpty) {
+      _resetPositionCurrentAndLoadMoreState();
+    } else {
+      loadMoreState.value = LoadMoreState.IDLE;
+    }
+  }
+
+  EmailFilterCondition? _getFilterConditionCurrent() {
+    return mailboxDashBoardController.selectedMailbox.value.id != PresentationMailbox.presentationMailboxEmpty.id
+      ? EmailFilterCondition(inMailbox: mailboxDashBoardController.selectedMailbox.value.id)
+      : null;
+  }
+
+  Set<Comparator>? _getSortCurrent() {
+    return Set()
+      ..add(EmailComparator(EmailComparatorProperty.sentAt)
+        ..setIsAscending(false));
+  }
+
+  void _resetPositionCurrentAndLoadMoreState() {
+    if (loadMoreState.value == LoadMoreState.LOADING) {
+      positionCurrent -= lastGetTotal;
+    }
+    loadMoreState.value = LoadMoreState.COMPLETED;
+  }
+
+  void getAllEmailAction(AccountId accountId,
+    {
+      UnsignedInt? limit,
+      int position = 0,
+      Set<Comparator>? sort,
+      Filter? filter,
+      Properties? properties,
+    }
+  ) async {
+    consumeState(_getEmailsInMailboxInteractor.execute(
+      accountId,
+      limit: limit,
+      position: position,
+      sort: sort,
+      filter: filter,
+      properties: properties
+    ));
+  }
+
+  void refreshGetAllEmailAction() {
+    loadMoreState.value = LoadMoreState.IDLE;
+    positionCurrent = 0;
+    emailList.clear();
+
+    final accountId = mailboxDashBoardController.accountId.value;
+
+    if (accountId != null) {
+      getAllEmailAction(
+        accountId,
+        limit: ThreadConstants.defaultLimit,
+        position: positionCurrent,
+        sort: _getSortCurrent(),
+        properties: _properties,
+        filter: _getFilterConditionCurrent());
+    }
+  }
+
+  void loadMoreEmailAction() {
+    loadMoreState.value = LoadMoreState.LOADING;
+    positionCurrent += lastGetTotal;
+
+    final accountId = mailboxDashBoardController.accountId.value;
+
+    if (accountId != null) {
+      Future.delayed(const Duration(milliseconds: 500), () {
+        getAllEmailAction(
+          accountId,
+          limit: ThreadConstants.defaultLimit,
+          position: positionCurrent,
+          sort: _getSortCurrent(),
+          properties: _properties,
+          filter: _getFilterConditionCurrent());
+      });
+    }
+  }
+
+  SelectMode getSelectMode(PresentationEmail presentationEmail, PresentationEmail selectedEmail) {
+    return presentationEmail.id == selectedEmail.id
+      ? SelectMode.ACTIVE
+      : SelectMode.INACTIVE;
+  }
+
+  void selectEmail(BuildContext context, PresentationEmail presentationEmailSelected) {
+    mailboxDashBoardController.setSelectedEmail(presentationEmailSelected);
+    if (!responsiveUtils.isDesktop(context)) {
+      goToEmail(context);
+    }
+  }
+
+  void goToMailbox() {
+    mailboxDashBoardController.openDrawer();
+  }
+
+  void goToEmail(BuildContext context) {
+    Get.toNamed(AppRoutes.EMAIL);
+  }
 }
@@ -2,16 +2,16 @@ import 'package:core/core.dart';
 import 'package:core/presentation/extensions/color_extension.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
+import 'package:model/email/presentation_email.dart';
 import 'package:model/model.dart';
-import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/mailbox_dashboard_controller.dart';
+import 'package:tmail_ui_user/features/thread/presentation/model/load_more_state.dart';
 import 'package:tmail_ui_user/features/thread/presentation/thread_controller.dart';
 import 'package:tmail_ui_user/features/thread/presentation/widgets/app_bar_thread_widget_builder.dart';
-import 'package:tmail_ui_user/features/thread/presentation/widgets/thread_tile_builder.dart';
+import 'package:tmail_ui_user/features/thread/presentation/widgets/email_tile_builder.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';

 class ThreadView extends GetWidget<ThreadController> {

-  final mailboxDashBoardController = Get.find<MailboxDashBoardController>();
  final responsiveUtils = Get.find<ResponsiveUtils>();
  final imagePaths = Get.find<ImagePaths>();

@@ -19,7 +19,7 @@ class ThreadView extends GetWidget<ThreadController> {
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: false,
-      backgroundColor: AppColor.primaryLightColor,
+      backgroundColor: responsiveUtils.isMobile(context) ? AppColor.bgMailboxListMail : AppColor.primaryLightColor,
      body: SafeArea(
        right: false,
        left: false,
@@ -29,27 +29,54 @@ class ThreadView extends GetWidget<ThreadController> {
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
-              Obx(() => _buildAppBarMailboxListMail(context)),
-              Expanded(child: _buildListMail(context)),
-            ])
+              Obx(() => _buildAppBarMailboxListMail(context, controller.mailboxDashBoardController.selectedMailbox.value)),
+              _buildLoadingView(),
+              Expanded(child: _buildListEmail(context)),
+              _buildLoadingViewLoadMore()
+            ]
+          )
        )
      ),
    );
  }

-  Widget _buildAppBarMailboxListMail(BuildContext context) {
+  Widget _buildAppBarMailboxListMail(BuildContext context, PresentationMailbox presentationMailbox) {
    return Padding(
      padding: EdgeInsets.only(left: 16, top: 8.0, right: 16),
      child: AppBarThreadWidgetBuilder(
          context,
          imagePaths,
          responsiveUtils,
-          mailboxDashBoardController.mailboxCurrent.value)
-        .onOpenListMailboxActionClick(() => controller.goToMailbox(keyWidgetMailboxContainer: mailboxDashBoardController.scaffoldKey))
+          presentationMailbox)
+        .onOpenListMailboxActionClick(() => controller.goToMailbox())
        .build());
  }

-  Widget _buildListMail(BuildContext context) {
+  Widget _buildLoadingView() {
+    return Obx(() => controller.viewState.value.fold(
+      (failure) => SizedBox.shrink(),
+      (success) => success == UIState.loading
+        ? Center(child: Padding(
+            padding: EdgeInsets.only(top: 16, bottom: 16),
+            child: SizedBox(
+              width: 30,
+              height: 30,
+              child: CircularProgressIndicator(color: AppColor.primaryColor))))
+        : SizedBox.shrink()));
+  }
+
+  Widget _buildLoadingViewLoadMore() {
+    return Obx(() => controller.loadMoreState.value == LoadMoreState.LOADING
+      ? Center(child: Padding(
+          padding: EdgeInsets.only(top: 16, bottom: 16),
+          child: SizedBox(
+            width: 30,
+            height: 30,
+            child: CircularProgressIndicator(color: AppColor.primaryColor))))
+      : SizedBox.shrink());
+  }
+
+  Widget _buildListEmail(BuildContext context) {
    return Container(
      margin: EdgeInsets.zero,
      width: double.infinity,
@@ -57,37 +84,54 @@ class ThreadView extends GetWidget<ThreadController> {
      alignment: Alignment.center,
      padding: EdgeInsets.zero,
      color: responsiveUtils.isMobile(context) ? AppColor.bgMailboxListMail : Colors.white,
-      child: Obx(() => controller.viewState.value.fold(
-        (failure) => _buildEmptyThread(context),
-        (success) => _buildListThreadBody(context, []))
-      ),
-    );
+      child: Obx(() => RefreshIndicator(
+        color: AppColor.primaryColor,
+        onRefresh: () async => controller.refreshGetAllEmailAction(),
+        child: controller.emailList.isNotEmpty
+          ? _buildListEmailBody(context, controller.emailList)
+          : _buildEmptyEmail(context)))
+      );
  }

-  Widget _buildListThreadBody(BuildContext context, List<PresentationThread> listThread) {
-    if (listThread.isEmpty) {
-      return _buildEmptyThread(context);
+  Widget _buildListEmailBody(BuildContext context, List<PresentationEmail> listPresentationEmail) {
+    if (listPresentationEmail.isEmpty) {
+      return _buildEmptyEmail(context);
    } else {
-      return ListView.builder(
-        padding: EdgeInsets.only(top: 16, left: 16, right: 16),
-        key: Key('thread_list'),
-        itemCount: listThread.length,
-        itemBuilder: (context, index) =>
-          Obx(() => ThreadTileBuilder(
-              imagePaths,
-              controller.getSelectMode(listThread[index]),
-              listThread[index])
-            .onOpenMailAction(() => controller.selectMail(context, listThread[index]))
-            .build()
-          )
-      );
+      return  NotificationListener<ScrollNotification>(
+          onNotification: (ScrollNotification scrollInfo) {
+            if (controller.loadMoreState.value == LoadMoreState.IDLE
+                && scrollInfo.metrics.pixels == scrollInfo.metrics.maxScrollExtent) {
+              controller.loadMoreEmailAction();
+              return true;
+            }
+            return false;
+          },
+          child: ListView.builder(
+            padding: EdgeInsets.only(top: 16, left: 16, right: 16),
+            key: Key('presentation_email_list'),
+            itemCount: listPresentationEmail.length,
+            itemBuilder: (context, index) =>
+              Obx(() => EmailTileBuilder(
+                  context,
+                  imagePaths,
+                  controller.getSelectMode(listPresentationEmail[index], controller.mailboxDashBoardController.selectedEmail.value),
+                  listPresentationEmail[index],
+                  responsiveUtils)
+                .onOpenMailAction(() => controller.selectEmail(context, listPresentationEmail[index]))
+                .build())
+          ));
    }
  }

-  Widget _buildEmptyThread(BuildContext context) {
-    return Text(
-      AppLocalizations.of(context).no_threads,
-      maxLines: 1,
-      style: TextStyle(fontSize: 25, color: AppColor.mailboxTextColor, fontWeight: FontWeight.bold));
+  Widget _buildEmptyEmail(BuildContext context) {
+    return Obx(() => controller.viewState.value.fold(
+      (failure) => SizedBox.shrink(),
+      (success) => success != UIState.loading
+        ? Text(
+            AppLocalizations.of(context).no_emails,
+            maxLines: 1,
+            style: TextStyle(fontSize: 25, color: AppColor.mailboxTextColor, fontWeight: FontWeight.bold))
+        : SizedBox.shrink())
+    );
  }
 }
@@ -104,6 +104,7 @@ class AppBarThreadWidgetBuilder {
            child: Text(
              '${_presentationMailbox.name?.name}',
              maxLines: 1,
+              overflow: TextOverflow.ellipsis,
              style: TextStyle(fontSize: 22, color: AppColor.titleAppBarMailboxListMail, fontWeight: FontWeight.w500),
            ))),
        if(_presentationMailbox.getCountUnReadEmails().isNotEmpty)
@@ -116,8 +117,9 @@ class AppBarThreadWidgetBuilder {
            child: Text(
              '${_presentationMailbox.getCountUnReadEmails()} new',
              maxLines: 1,
+              overflow: TextOverflow.ellipsis,
              style: TextStyle(fontSize: 10, color: AppColor.notifyCountAppBarMailboxListMail, fontWeight: FontWeight.w500),
-            ))
+            )),
      ]
    );
  }
@@ -8,21 +8,25 @@ import 'package:model/model.dart';

 typedef OnOpenMailActionClick = void Function();

-class ThreadTileBuilder {
+class EmailTileBuilder {

  final SelectMode _selectMode;
  final ImagePaths _imagePaths;
-  final PresentationThread _presentationThread;
+  final PresentationEmail _presentationEmail;
+  final BuildContext _context;
+  final ResponsiveUtils _responsiveUtils;

  OnOpenMailActionClick? _onOpenMailActionClick;

-  ThreadTileBuilder(
+  EmailTileBuilder(
+    this._context,
    this._imagePaths,
    this._selectMode,
-    this._presentationThread,
+    this._presentationEmail,
+    this._responsiveUtils,
  );

-  ThreadTileBuilder onOpenMailAction(OnOpenMailActionClick onOpenMailActionClick) {
+  EmailTileBuilder onOpenMailAction(OnOpenMailActionClick onOpenMailActionClick) {
    _onOpenMailActionClick = onOpenMailActionClick;
    return this;
  }
@@ -40,8 +44,10 @@ class ThreadTileBuilder {
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(16),
          color: _selectMode== SelectMode.ACTIVE
-            ? AppColor.mailboxSelectedBackgroundColor
-            : AppColor.mailboxBackgroundColor),
+            ? _responsiveUtils.isDesktop(_context)
+              ? AppColor.mailboxSelectedBackgroundColor
+              : _responsiveUtils.isMobile(_context) ? AppColor.bgMailboxListMail : Colors.white
+            : _responsiveUtils.isMobile(_context) ? AppColor.bgMailboxListMail : Colors.white),
        child: MediaQuery(
          data: MediaQueryData(padding: EdgeInsets.zero),
          child: ListTile(
@@ -59,7 +65,9 @@ class ThreadTileBuilder {
                _imagePaths.icTMailLogo,
                width: 32,
                height: 32,
-                color: _selectMode == SelectMode.ACTIVE ? AppColor.mailboxSelectedIconColor : AppColor.mailboxIconColor,
+                color: _selectMode == SelectMode.ACTIVE
+                    ? _responsiveUtils.isDesktop(_context) ? AppColor.mailboxSelectedIconColor : AppColor.mailboxIconColor
+                    : AppColor.mailboxIconColor,
                fit: BoxFit.fill)),
            title: Padding(
              padding: EdgeInsets.only(left: 0),
@@ -69,20 +77,24 @@ class ThreadTileBuilder {
                children: [
                  Expanded(
                    child: Text(
-                      '',
+                      '${_presentationEmail.getSenderName()}',
                      maxLines: 1,
                      overflow:TextOverflow.ellipsis,
                      style: TextStyle(
                        fontSize: 14,
-                        color: _selectMode == SelectMode.ACTIVE ? AppColor.mailboxSelectedTextColor : AppColor.mailboxTextColor,
+                        color: _selectMode == SelectMode.ACTIVE
+                            ? _responsiveUtils.isDesktop(_context) ? AppColor.mailboxSelectedTextColor : AppColor.mailboxTextColor
+                            : AppColor.mailboxTextColor,
                        fontWeight: FontWeight.bold))),
                  Text(
-                    '',
+                    '${_presentationEmail.getTimeThisYear()}',
                    maxLines: 1,
                    overflow:TextOverflow.ellipsis,
                    style: TextStyle(
                        fontSize: 12,
-                        color: _selectMode == SelectMode.ACTIVE ? AppColor.mailboxSelectedTextColor : AppColor.mailboxTextColor))
+                        color: _selectMode == SelectMode.ACTIVE
+                          ? _responsiveUtils.isDesktop(_context) ? AppColor.mailboxSelectedTextColor : AppColor.mailboxTextColor
+                          : AppColor.mailboxTextColor))
                ],
              )
            ),
@@ -95,12 +107,12 @@ class ThreadTileBuilder {
                  Padding(
                    padding: EdgeInsets.only(bottom: 3),
                    child: Text(
-                      '',
+                      '${_presentationEmail.getEmailTitle()}',
                      maxLines: 1,
                      overflow:TextOverflow.ellipsis,
                      style: TextStyle(
                          fontSize: 12,
-                          color: AppColor.appColor,
+                          color: AppColor.baseTextColor,
                          fontWeight: FontWeight.bold))),
                  Row(
                    crossAxisAlignment: CrossAxisAlignment.center,
@@ -108,13 +120,11 @@ class ThreadTileBuilder {
                    children: [
                      Expanded(
                        child: Text(
-                          '${_presentationThread.message}',
+                          '${_presentationEmail.getPartialContent()}',
                          maxLines: 1,
                          overflow:TextOverflow.ellipsis,
                          style: TextStyle(fontSize: 12, color: AppColor.baseTextColor))),
-                      ButtonBuilder(_imagePaths.icCalendar).build(),
-                      SizedBox(width: 12),
-                      ButtonBuilder(_imagePaths.icShare).build(),
+                      if (_presentationEmail.hasAttachment == true) ButtonBuilder(_imagePaths.icShare).build(),
                      SizedBox(width: 12),
                      ButtonBuilder(_imagePaths.icStar).build(),
                    ],