TF-78 Create action bar and context menu when multiple selected email

2021-09-15 10:05:27 +07:00
parent 59ab5265fd
commit 161eed5d72
21 changed files with 980 additions and 66 deletions
@@ -1,4 +1,5 @@
 import 'package:core/presentation/utils/responsive_utils.dart';
+import 'package:flutter/cupertino.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';
@@ -16,9 +17,11 @@ class ThreadBindings extends Bindings {
    Get.lazyPut(() => ThreadRepositoryImpl(Get.find<ThreadDataSource>()));
    Get.lazyPut<ThreadRepository>(() => Get.find<ThreadRepositoryImpl>());
    Get.lazyPut(() => GetEmailsInMailboxInteractor(Get.find<ThreadRepository>()));
+    Get.lazyPut(() => ScrollController());
    Get.put(ThreadController(
      Get.find<ResponsiveUtils>(),
      Get.find<GetEmailsInMailboxInteractor>(),
+      Get.find<ScrollController>(),
    ));
  }
 }
@@ -2,6 +2,7 @@ import 'package:core/core.dart';
 import 'package:core/presentation/utils/responsive_utils.dart';
 import 'package:dartz/dartz.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.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';
@@ -21,7 +22,9 @@ import 'package:tmail_ui_user/features/thread/domain/constants/thread_constants.
 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/features/thread/presentation/widgets/email_context_menu_action_builder.dart';
 import 'package:tmail_ui_user/main/actions/email_action.dart';
+import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
 import 'package:tmail_ui_user/main/routes/app_routes.dart';
 import 'package:tmail_ui_user/main/routes/route_navigation.dart';

@@ -30,6 +33,7 @@ class ThreadController extends BaseController {
  final mailboxDashBoardController = Get.find<MailboxDashBoardController>();
  final GetEmailsInMailboxInteractor _getEmailsInMailboxInteractor;
  final ResponsiveUtils responsiveUtils;
+  final ScrollController listEmailController;

  final _properties = Properties({
    'id', 'subject', 'from', 'to', 'cc', 'bcc', 'keywords', 'receivedAt',
@@ -38,6 +42,7 @@ class ThreadController extends BaseController {

  final emailList = <PresentationEmail>[].obs;
  final loadMoreState = LoadMoreState.IDLE.obs;
+  final currentSelectMode = SelectMode.INACTIVE.obs;

  int positionCurrent = 0;
  int lastGetTotal = 0;
@@ -45,7 +50,8 @@ class ThreadController extends BaseController {

  ThreadController(
    this.responsiveUtils,
-    this._getEmailsInMailboxInteractor
+    this._getEmailsInMailboxInteractor,
+    this.listEmailController,
  );

  @override
@@ -66,8 +72,9 @@ class ThreadController extends BaseController {

  @override
  void dispose() {
-    super.dispose();
    mailboxDashBoardController.selectedMailbox.close();
+    listEmailController.dispose();
+    super.dispose();
  }

  @override
@@ -175,13 +182,35 @@ class ThreadController extends BaseController {
      : SelectMode.INACTIVE;
  }

-  void selectEmail(BuildContext context, PresentationEmail presentationEmailSelected) {
+  void previewEmail(BuildContext context, PresentationEmail presentationEmailSelected) {
    mailboxDashBoardController.setSelectedEmail(presentationEmailSelected);
    if (!responsiveUtils.isDesktop(context)) {
      goToEmail(context);
    }
  }

+  void selectEmail(BuildContext context, PresentationEmail presentationEmailSelected) {
+    emailList.value = emailList.map((email) => email.id == presentationEmailSelected.id ? email.toggleSelect() : email).toList();
+    if (_isUnSelectedAll()) {
+      currentSelectMode.value = SelectMode.INACTIVE;
+    } else {
+      if (currentSelectMode.value == SelectMode.INACTIVE) {
+        currentSelectMode.value = SelectMode.ACTIVE;
+      }
+    }
+  }
+
+  List<PresentationEmail> getListEmailSelected() => emailList.where((email) => email.selectMode == SelectMode.ACTIVE).toList();
+
+  bool _isUnSelectedAll() => emailList.every((email) => email.selectMode == SelectMode.INACTIVE);
+
+  bool _isEmailAllRead(List<PresentationEmail> listEmail) => listEmail.every((email) => !email.isUnReadEmail());
+
+  void cancelSelectEmail() {
+    emailList.value = emailList.map((email) => email.toSelectedEmail(selectMode: SelectMode.INACTIVE)).toList();
+    currentSelectMode.value = SelectMode.INACTIVE;
+  }
+
  void _updateStateUnReadEmail(EmailId emailId, {required bool unRead}) {
      final newEmailList = emailList
        .map((email) => email.id == emailId ? email.markAsReadPresentationEmail(unRead: unRead) : email)
@@ -189,6 +218,73 @@ class ThreadController extends BaseController {
      emailList.value = newEmailList;
  }

+  void unreadSelectedEmail(List<PresentationEmail> listEmail) {
+    popBack();
+  }
+
+  void openContextMenuSelectedEmail(BuildContext context, ImagePaths imagePaths, List<PresentationEmail> listEmail) {
+      (ContextMenuBuilder(context)
+        ..addTiles(_contextMenuActionList(context, imagePaths, listEmail)))
+    .build();
+  }
+
+  List<Widget> _contextMenuActionList(BuildContext context, ImagePaths imagePaths, List<PresentationEmail> listEmail) {
+    return [
+      _moveToTrashAction(context, imagePaths, listEmail),
+      _moveToMailboxAction(context, imagePaths, listEmail),
+      _markAsSeenAction(context, imagePaths, listEmail),
+      _markAsFlagAction(context, imagePaths, listEmail),
+      _moveToSpamAction(context, imagePaths, listEmail),
+      SizedBox(height: 40),
+    ];
+  }
+
+  Widget _markAsSeenAction(BuildContext context, ImagePaths imagePaths, List<PresentationEmail> listEmail) {
+    return (EmailContextMenuActionBuilder(
+              Key('mark_as_seen_context_menu_action'),
+              SvgPicture.asset(imagePaths.icEyeDisable, width: 24, height: 24, fit: BoxFit.fill),
+              _isEmailAllRead(listEmail) ? AppLocalizations.of(context).mark_as_unread : AppLocalizations.of(context).mark_as_read,
+              listEmail)
+          ..onActionClick((data) => unreadSelectedEmail(data)))
+        .build();
+  }
+
+  Widget _moveToTrashAction(BuildContext context, ImagePaths imagePaths, List<PresentationEmail> listEmail) {
+    return (EmailContextMenuActionBuilder(
+              Key('move_to_trash_context_menu_action'),
+              SvgPicture.asset(imagePaths.icTrash, width: 24, height: 24, fit: BoxFit.fill),
+              AppLocalizations.of(context).move_to_trash, listEmail)
+          ..onActionClick((data) => {}))
+        .build();
+  }
+
+  Widget _moveToMailboxAction(BuildContext context, ImagePaths imagePaths, List<PresentationEmail> listEmail) {
+    return (EmailContextMenuActionBuilder(
+              Key('move_to_mailbox_context_menu_action'),
+              SvgPicture.asset(imagePaths.icFolder, width: 24, height: 24, fit: BoxFit.fill),
+              AppLocalizations.of(context).move_to_mailbox, listEmail)
+          ..onActionClick((data) => {}))
+        .build();
+  }
+
+  Widget _markAsFlagAction(BuildContext context, ImagePaths imagePaths, List<PresentationEmail> listEmail) {
+    return (EmailContextMenuActionBuilder(
+              Key('mark_as_flag_context_menu_action'),
+              SvgPicture.asset(imagePaths.icFlag, width: 24, height: 24, fit: BoxFit.fill),
+              AppLocalizations.of(context).mark_as_flag, listEmail)
+          ..onActionClick((data) => {}))
+        .build();
+  }
+
+  Widget _moveToSpamAction(BuildContext context, ImagePaths imagePaths, List<PresentationEmail> listEmail) {
+    return (EmailContextMenuActionBuilder(
+              Key('move_to_spam_context_menu_action'),
+              SvgPicture.asset(imagePaths.icMailboxSpam, width: 24, height: 24, fit: BoxFit.fill),
+              AppLocalizations.of(context).move_to_spam, listEmail)
+          ..onActionClick((data) => {}))
+        .build();
+  }
+
  bool canComposeEmail() => mailboxDashBoardController.sessionCurrent != null
      && mailboxDashBoardController.userProfile.value != null
      && mailboxDashBoardController.mapMailboxId.containsKey(PresentationMailbox.roleOutbox);
@@ -6,6 +6,7 @@ import 'package:model/email/presentation_email.dart';
 import 'package:model/model.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_select_mode_active_builder.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/email_tile_builder.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
@@ -30,7 +31,7 @@ class ThreadView extends GetWidget<ThreadController> {
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
-              _buildAppBarMailboxListMail(context),
+              _buildAppBarThread(context),
              _buildLoadingView(),
              Expanded(child: _buildListEmail(context)),
              _buildLoadingViewLoadMore()
@@ -47,17 +48,37 @@ class ThreadView extends GetWidget<ThreadController> {
    );
  }

-  Widget _buildAppBarMailboxListMail(BuildContext context) {
+  Widget _buildAppBarThread(BuildContext context) {
+    return Obx(() => controller.currentSelectMode.value == SelectMode.ACTIVE
+      ? _buildAppBarSelectModeActive(context)
+      : _buildAppBarNormal(context));
+  }
+
+  Widget _buildAppBarNormal(BuildContext context) {
    return Obx(() => Padding(
-        padding: EdgeInsets.only(left: 15, right: 12),
-        child: AppBarThreadWidgetBuilder(
+      padding: EdgeInsets.only(left: 15, right: 12),
+      child: AppBarThreadWidgetBuilder(
            context,
            imagePaths,
            responsiveUtils,
            controller.mailboxDashBoardController.selectedMailbox.value,
            controller.mailboxDashBoardController.userProfile.value)
-          .onOpenListMailboxActionClick(() => controller.openMailboxLeftMenu())
-          .build()));
+        .onOpenListMailboxActionClick(() => controller.openMailboxLeftMenu())
+        .build()));
+  }
+
+  Widget _buildAppBarSelectModeActive(BuildContext context) {
+    return Obx(() => Padding(
+      padding: EdgeInsets.only(left: 15, right: 12),
+      child: (AppBarThreadSelectModeActiveBuilder(
+            context,
+            imagePaths,
+            controller.getListEmailSelected())
+          ..addCloseActionClick(() => controller.cancelSelectEmail())
+          ..addRemoveEmailActionClick((listEmail) => {})
+          ..addUnreadEmailActionClick((listEmail) => controller.unreadSelectedEmail(listEmail))
+          ..addOpenContextMenuActionClick((listEmail) => controller.openContextMenuSelectedEmail(context, imagePaths, listEmail)))
+        .build()));
  }

  Widget _buildLoadingView() {
@@ -92,12 +113,16 @@ class ThreadView extends GetWidget<ThreadController> {
      alignment: Alignment.center,
      padding: EdgeInsets.zero,
      color: responsiveUtils.isMobile(context) ? AppColor.bgMailboxListMail : Colors.white,
-      child: RefreshIndicator(
-        color: AppColor.primaryColor,
-        onRefresh: () async => controller.refreshGetAllEmailAction(),
-        child: Obx(() => controller.emailList.isNotEmpty
-          ? _buildListEmailBody(context, controller.emailList)
-          : _buildEmptyEmail(context))));
+      child: Obx(() => controller.currentSelectMode.value == SelectMode.INACTIVE
+        ? RefreshIndicator(
+            color: AppColor.primaryColor,
+            onRefresh: () async => controller.refreshGetAllEmailAction(),
+            child: controller.emailList.isNotEmpty
+              ? _buildListEmailBody(context, controller.emailList)
+              : _buildEmptyEmail(context))
+        : controller.emailList.isNotEmpty
+            ? _buildListEmailBody(context, controller.emailList)
+            : _buildEmptyEmail(context)));
  }

  Widget _buildListEmailBody(BuildContext context, List<PresentationEmail> listPresentationEmail) {
@@ -114,18 +139,21 @@ class ThreadView extends GetWidget<ThreadController> {
            return false;
          },
          child: ListView.builder(
+            controller: controller.listEmailController,
            padding: EdgeInsets.only(top: 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())
+              Obx(() => (EmailTileBuilder(
+                    context,
+                    imagePaths,
+                    controller.getSelectMode(listPresentationEmail[index], controller.mailboxDashBoardController.selectedEmail.value),
+                    listPresentationEmail[index],
+                    responsiveUtils,
+                    controller.currentSelectMode.value)
+                  ..onOpenEmailAction((selectedEmail) => controller.previewEmail(context, selectedEmail))
+                  ..onSelectEmailAction((selectedEmail) => controller.selectEmail(context, selectedEmail)))
+                .build()),
          ));
    }
  }
@@ -0,0 +1,111 @@
+
+import 'package:core/core.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:model/email/presentation_email.dart';
+import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
+
+typedef OnCloseActionClick = void Function();
+typedef OnUnreadEmailActionClick = void Function(List<PresentationEmail> listEmail);
+typedef OnRemoveEmailActionClick = void Function(List<PresentationEmail> listEmail);
+typedef OnOpenContextMenuActionClick = void Function(List<PresentationEmail> listEmail);
+
+class AppBarThreadSelectModeActiveBuilder {
+  OnCloseActionClick? _onCloseActionClick;
+  OnUnreadEmailActionClick? _onUnreadEmailActionClick;
+  OnRemoveEmailActionClick? _onRemoveEmailActionClick;
+  OnOpenContextMenuActionClick? _onOpenContextMenuActionClick;
+
+  final BuildContext _context;
+  final ImagePaths _imagePaths;
+  final List<PresentationEmail> _listEmail;
+
+  AppBarThreadSelectModeActiveBuilder(this._context, this._imagePaths, this._listEmail);
+
+  void addCloseActionClick(OnCloseActionClick onCloseActionClick) {
+    _onCloseActionClick = onCloseActionClick;
+  }
+
+  void addUnreadEmailActionClick(OnUnreadEmailActionClick onUnreadEmailActionClick) {
+    _onUnreadEmailActionClick = onUnreadEmailActionClick;
+  }
+
+  void addRemoveEmailActionClick(OnRemoveEmailActionClick onRemoveEmailActionClick) {
+    _onRemoveEmailActionClick = onRemoveEmailActionClick;
+  }
+
+  void addOpenContextMenuActionClick(OnOpenContextMenuActionClick onOpenContextMenuActionClick) {
+    _onOpenContextMenuActionClick = onOpenContextMenuActionClick;
+  }
+
+  Widget build() {
+    return Container(
+        key: Key('app_bar_thread_select_mode_active'),
+        alignment: Alignment.center,
+        padding: EdgeInsets.symmetric(vertical: 8),
+        color: Colors.white,
+        child: MediaQuery(
+            data: MediaQueryData(padding: EdgeInsets.zero),
+            child: Row(
+                crossAxisAlignment: CrossAxisAlignment.center,
+                mainAxisAlignment: MainAxisAlignment.end,
+                children: [
+                  _buildBackButton(),
+                  Expanded(child: _buildCountItemSelected()),
+                  _buildListOptionButton(),
+                ]
+            )
+        )
+    );
+  }
+
+  Widget _buildCountItemSelected() {
+    return Padding(
+      padding: EdgeInsets.only(left: 12),
+      child: Text(
+        AppLocalizations.of(_context).count_email_selected(_listEmail.length),
+        maxLines: 1,
+        overflow: TextOverflow.ellipsis,
+        style: TextStyle(fontSize: 18, color: AppColor.nameUserColor, fontWeight: FontWeight.w500)));
+  }
+
+  Widget _buildBackButton() {
+    return ButtonBuilder(_imagePaths.icComposerClose)
+      .padding(5)
+      .size(30)
+      .onPressActionClick(() {
+        if (_onCloseActionClick != null) {
+          _onCloseActionClick!();
+        }})
+      .build();
+  }
+
+  Widget _buildListOptionButton() {
+    return Row(
+        mainAxisAlignment: MainAxisAlignment.start,
+        crossAxisAlignment: CrossAxisAlignment.center,
+        children: [
+          ButtonBuilder(_imagePaths.icTrash).key(Key('button_remove_email_selected'))
+            .onPressActionClick(() {
+              if (_onRemoveEmailActionClick != null) {
+                _onRemoveEmailActionClick!(_listEmail);
+              }})
+            .build(),
+          SizedBox(width: 10),
+          ButtonBuilder(_imagePaths.icEyeDisable).key(Key('button_unread_email_selected'))
+            .onPressActionClick(() {
+              if (_onUnreadEmailActionClick != null) {
+                _onUnreadEmailActionClick!(_listEmail);
+              }})
+            .build(),
+          SizedBox(width: 10),
+          ButtonBuilder(_imagePaths.icComposerMenu).key(Key('button_menu_select_email'))
+            .onPressActionClick(() {
+              if (_onOpenContextMenuActionClick != null) {
+                _onOpenContextMenuActionClick!(_listEmail);
+              }})
+            .build(),
+        ]
+    );
+  }
+}
@@ -0,0 +1,33 @@
+
+import 'package:core/core.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/widgets.dart';
+import 'package:flutter_svg/svg.dart';
+import 'package:model/model.dart';
+
+class EmailContextMenuActionBuilder extends ContextMenuActionBuilder<List<PresentationEmail>> {
+  final List<PresentationEmail> _listEmail;
+
+  EmailContextMenuActionBuilder(
+      Key key,
+      SvgPicture actionIcon,
+      String actionName,
+      this._listEmail
+  ) : super(key, actionIcon, actionName);
+
+  @override
+  ListTile build() {
+    return ListTile(
+      key: key,
+      leading: Padding(
+        padding: EdgeInsets.only(left: 12),
+        child: actionIcon),
+      title: Text(actionName, style: actionTextStyle()),
+      onTap: () {
+        if (onContextMenuActionClick != null) {
+          onContextMenuActionClick!(_listEmail);
+        }
+      }
+    );
+  }
+}
@@ -1,3 +1,4 @@
+import 'dart:math';
 import 'dart:ui';

 import 'package:core/core.dart';
@@ -5,7 +6,8 @@ import 'package:flutter/material.dart';
 import 'package:flutter/widgets.dart';
 import 'package:model/model.dart';

-typedef OnOpenMailActionClick = void Function();
+typedef OnOpenEmailActionClick = void Function(PresentationEmail selectedEmail);
+typedef OnSelectEmailActionClick = void Function(PresentationEmail selectedEmail);

 class EmailTileBuilder {

@@ -14,8 +16,10 @@ class EmailTileBuilder {
  final PresentationEmail _presentationEmail;
  final BuildContext _context;
  final ResponsiveUtils _responsiveUtils;
+  final SelectMode _selectModeAll;

-  OnOpenMailActionClick? _onOpenMailActionClick;
+  OnOpenEmailActionClick? _onOpenEmailActionClick;
+  OnSelectEmailActionClick? _onSelectEmailActionClick;

  EmailTileBuilder(
    this._context,
@@ -23,11 +27,15 @@ class EmailTileBuilder {
    this._selectMode,
    this._presentationEmail,
    this._responsiveUtils,
+    this._selectModeAll,
  );

-  EmailTileBuilder onOpenMailAction(OnOpenMailActionClick onOpenMailActionClick) {
-    _onOpenMailActionClick = onOpenMailActionClick;
-    return this;
+  void onOpenEmailAction(OnOpenEmailActionClick onOpenEmailActionClick) {
+    _onOpenEmailActionClick = onOpenEmailActionClick;
+  }
+
+  void onSelectEmailAction(OnSelectEmailActionClick onSelectEmailActionClick) {
+    _onSelectEmailActionClick = onSelectEmailActionClick;
  }

  Widget build() {
@@ -41,28 +49,25 @@ class EmailTileBuilder {
        padding: EdgeInsets.only(top: 10, bottom: 10, left: 25, right: 6),
        alignment: Alignment.center,
        decoration: BoxDecoration(
-          borderRadius: BorderRadius.circular(16),
-          color: _selectMode== SelectMode.ACTIVE
-            ? _responsiveUtils.isDesktop(_context)
-              ? AppColor.mailboxSelectedBackgroundColor
-              : _responsiveUtils.isMobile(_context) ? AppColor.bgMailboxListMail : Colors.white
-            : _responsiveUtils.isMobile(_context) ? AppColor.bgMailboxListMail : Colors.white),
+          borderRadius: BorderRadius.circular(_selectModeAll == SelectMode.ACTIVE ? 0 : 16),
+          color: _getBackgroundColorItem()),
        child: MediaQuery(
          data: MediaQueryData(padding: EdgeInsets.zero),
          child: ListTile(
            contentPadding: EdgeInsets.zero,
            onTap: () => {
-              if (_onOpenMailActionClick != null) {
-                _onOpenMailActionClick!()
+              if (_onOpenEmailActionClick != null) {
+                _onOpenEmailActionClick!(_presentationEmail)
+              }
+            },
+            onLongPress: () => {
+              if (_onSelectEmailActionClick != null) {
+                _onSelectEmailActionClick!(_presentationEmail)
              }
            },
            leading: Transform(
              transform: Matrix4.translationValues(-10.0, -10.0, 0.0),
-              child: AvatarBuilder()
-                .text('${_presentationEmail.getAvatarText()}')
-                .size(40)
-                .iconStatus(_imagePaths.icOffline)
-                .build()),
+              child: _buildAvatarIcon()),
            title: Transform(
              transform: Matrix4.translationValues(-10.0, 0.0, 0.0),
              child: Row(
@@ -131,4 +136,70 @@ class EmailTileBuilder {
      )
    );
  }
+
+  Widget _buildAvatarIcon () {
+    if (_selectModeAll == SelectMode.ACTIVE) {
+      return AnimatedSwitcher(
+        duration: Duration(milliseconds: 600),
+        transitionBuilder: __transitionBuilder,
+        child: _presentationEmail.selectMode == SelectMode.ACTIVE
+          ? (IconBuilder(_imagePaths.icSelected)
+                ..addOnTapActionClick(() {
+                  if (_selectModeAll == SelectMode.ACTIVE && _onSelectEmailActionClick != null) {
+                    _onSelectEmailActionClick!(_presentationEmail);
+                  }}))
+              .build()
+          : AvatarBuilder()
+              .text('${_presentationEmail.getAvatarText()}')
+              .size(40)
+              .iconStatus(_imagePaths.icOffline)
+              .addOnTapActionClick(() {
+                  if (_selectModeAll == SelectMode.ACTIVE && _onSelectEmailActionClick != null) {
+                  _onSelectEmailActionClick!(_presentationEmail);
+                  }})
+              .build()
+      );
+    } else {
+      return AvatarBuilder()
+        .text('${_presentationEmail.getAvatarText()}')
+        .size(40)
+        .iconStatus(_imagePaths.icOffline)
+        .build();
+    }
+  }
+
+  Widget __transitionBuilder(Widget widget, Animation<double> animation) {
+    final rotateAnim = Tween(begin: pi, end: 0.0).animate(animation);
+    return AnimatedBuilder(
+      animation: rotateAnim,
+      child: widget,
+      builder: (context, widget) {
+        final isUnder = _presentationEmail.selectMode == SelectMode.ACTIVE;
+        final value = isUnder ? min(rotateAnim.value, pi / 2) : rotateAnim.value;
+        return Transform(
+          transform: Matrix4.rotationY(value),
+          child: widget,
+          alignment: Alignment.center,
+        );
+      },
+    );
+  }
+
+  Color _getBackgroundColorItem() {
+    if (_selectModeAll == SelectMode.ACTIVE) {
+      if (_presentationEmail.selectMode == SelectMode.ACTIVE) {
+        return AppColor.mailboxSelectedBackgroundColor;
+      } else {
+        return _responsiveUtils.isMobile(_context) ? AppColor.bgMailboxListMail : Colors.white;
+      }
+    } else {
+      if (_responsiveUtils.isMobile(_context)) {
+        return AppColor.bgMailboxListMail;
+      } else if (_responsiveUtils.isDesktop(_context)) {
+        return _selectMode == SelectMode.ACTIVE ? AppColor.mailboxSelectedBackgroundColor : Colors.white;
+      } else {
+        return Colors.white;
+      }
+    }
+  }
 }