TF-3939 Display minor action on menu in mobile search view

Signed-off-by: dab246 <tdvu@linagora.com>
This commit is contained in:
dab246
2025-08-05 13:39:44 +07:00
committed by Dat H. Pham
parent 6fcccfd09a
commit 6c069d69f6
13 changed files with 280 additions and 329 deletions
@@ -0,0 +1,91 @@
import 'package:flutter/material.dart';
import 'package:jmap_dart_client/jmap/mail/mailbox/mailbox.dart';
import 'package:model/email/presentation_email.dart';
import 'package:model/extensions/list_presentation_email_extension.dart';
import 'package:model/mailbox/presentation_mailbox.dart';
import 'package:tmail_ui_user/features/email/presentation/model/context_item_email_action.dart';
import 'package:tmail_ui_user/features/search/email/presentation/search_email_controller.dart';
import 'package:tmail_ui_user/features/thread/presentation/extensions/email_selection_action_type_extension.dart';
import 'package:tmail_ui_user/features/thread/presentation/extensions/list_email_selection_action_type_extension.dart';
import 'package:tmail_ui_user/features/thread/presentation/model/email_selection_action_type.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
import 'package:tmail_ui_user/main/routes/route_navigation.dart';
extension HandlePressEmailSelectionActionExtension on SearchEmailController {
void handlePressEmailSelectionAction(
BuildContext context,
EmailSelectionActionType type,
List<PresentationEmail> emails,
Map<MailboxId, PresentationMailbox> mapMailboxById,
) {
final emailActionType = type.toEmailActionType();
if (emailActionType != null) {
handleSelectionEmailAction(emailActionType, emails);
} else if (type == EmailSelectionActionType.moreAction) {
_showMoreActionMenu(context, emails, mapMailboxById);
} else if (type == EmailSelectionActionType.selectAll) {
_showSelectAllEmails();
}
}
List<EmailSelectionActionType> _createEmailSelectionActionTypes(
List<PresentationEmail> emails,
Map<MailboxId, PresentationMailbox> mapMailboxById,
) {
return <EmailSelectionActionType>[
if (emails.isAllEmailRead)
EmailSelectionActionType.markAsUnread
else
EmailSelectionActionType.markAsRead,
if (emails.isAllEmailStarred)
EmailSelectionActionType.unMarkAsStarred
else
EmailSelectionActionType.markAsStarred,
EmailSelectionActionType.moveToFolder,
if (emails.isDeletePermanentlyDisabled(mapMailboxById))
EmailSelectionActionType.moveToTrash,
if (emails.isMarkAsSpamEnabled(mapMailboxById))
EmailSelectionActionType.markAsSpam
else
EmailSelectionActionType.markAsNotSpam,
if (emails.isArchiveMessageEnabled(mapMailboxById))
EmailSelectionActionType.archiveMessage,
if (!emails.isDeletePermanentlyDisabled(mapMailboxById))
EmailSelectionActionType.deletePermanently,
];
}
Future<void> _showMoreActionMenu(
BuildContext context,
List<PresentationEmail> emails,
Map<MailboxId, PresentationMailbox> mapMailboxById,
) async {
final emailActions = _createEmailSelectionActionTypes(
emails,
mapMailboxById,
).emailActionTypes;
final contextMenuActions = emailActions
.map((action) => ContextItemEmailAction(
action,
AppLocalizations.of(context),
imagePaths,
))
.toList();
return openBottomSheetContextMenuAction(
context: context,
itemActions: contextMenuActions,
onContextMenuActionClick: (menuAction) {
popBack();
handleSelectionEmailAction(menuAction.action, emails);
},
);
}
void _showSelectAllEmails() {
if (listResultSearch.isAnySelectionInActive) {
setSelectAllEmailAction();
}
}
}
@@ -928,6 +928,13 @@ class SearchEmailController extends BaseController
selectionMode.value = SelectMode.INACTIVE;
}
void setSelectAllEmailAction() {
listResultSearch.value = listResultSearch
.map((email) => email.toSelectedEmail(selectMode: SelectMode.ACTIVE))
.toList();
selectionMode.value = SelectMode.ACTIVE;
}
void handleSelectionEmailAction(
EmailActionType actionType,
List<PresentationEmail> listEmails
@@ -11,6 +11,7 @@ import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:get/get.dart';
import 'package:jmap_dart_client/jmap/mail/email/email_address.dart';
import 'package:jmap_dart_client/jmap/mail/mailbox/mailbox.dart';
import 'package:model/model.dart';
import 'package:tmail_ui_user/features/base/mixin/app_loader_mixin.dart';
import 'package:tmail_ui_user/features/base/widget/popup_menu/popup_menu_item_action_widget.dart';
@@ -24,6 +25,7 @@ import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/qu
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/quick_search/recent_search_item_tile_widget.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/search_filters/search_filter_button.dart';
import 'package:tmail_ui_user/features/search/email/presentation/extension/handle_email_more_action_extension.dart';
import 'package:tmail_ui_user/features/search/email/presentation/extension/handle_press_email_selection_action.dart';
import 'package:tmail_ui_user/features/search/email/presentation/model/context_item_receive_time_type_action.dart';
import 'package:tmail_ui_user/features/search/email/presentation/model/context_item_sort_order_type_action.dart';
import 'package:tmail_ui_user/features/search/email/presentation/model/popup_menu_item_date_filter_action.dart';
@@ -32,12 +34,13 @@ import 'package:tmail_ui_user/features/search/email/presentation/model/search_mo
import 'package:tmail_ui_user/features/search/email/presentation/search_email_controller.dart';
import 'package:tmail_ui_user/features/search/email/presentation/styles/search_email_view_style.dart';
import 'package:tmail_ui_user/features/search/email/presentation/utils/search_email_utils.dart';
import 'package:tmail_ui_user/features/search/email/presentation/widgets/app_bar_selection_mode.dart';
import 'package:tmail_ui_user/features/search/email/presentation/widgets/empty_search_email_widget.dart';
import 'package:tmail_ui_user/features/search/email/presentation/widgets/search_email_loading_bar_widget.dart';
import 'package:tmail_ui_user/features/thread/domain/model/search_query.dart';
import 'package:tmail_ui_user/features/thread/domain/state/search_more_email_state.dart';
import 'package:tmail_ui_user/features/thread/presentation/model/email_selection_action_type.dart';
import 'package:tmail_ui_user/features/thread/presentation/styles/item_email_tile_styles.dart';
import 'package:tmail_ui_user/features/thread/presentation/widgets/app_bar/selection_mobile_app_bar_thread_widget.dart';
import 'package:tmail_ui_user/features/thread/presentation/widgets/email_tile_builder.dart'
if (dart.library.html) 'package:tmail_ui_user/features/thread/presentation/widgets/email_tile_web_builder.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
@@ -77,11 +80,29 @@ class SearchEmailView extends GetWidget<SearchEmailController>
),
child: Obx(() {
if (controller.selectionMode.value == SelectMode.ACTIVE) {
return AppBarSelectionMode(
controller.listResultSearch.listEmailSelected,
controller.mailboxDashBoardController.mapMailboxById,
onCancelSelection: controller.cancelSelectionMode,
onHandleEmailAction: controller.handleSelectionEmailAction);
final mapMailboxById = controller.mailboxDashBoardController.mapMailboxById;
final selectedEmails = controller.listResultSearch.listEmailSelected;
final actionTypes = _createEmailSelectionActionTypes(
mapMailboxById,
selectedEmails,
);
return SelectionMobileAppBarThreadWidget(
imagePaths: controller.imagePaths,
responsiveUtils: controller.responsiveUtils,
selectedEmails: selectedEmails,
padding: EdgeInsets.zero,
onCancelSelectionAction: controller.cancelSelectionMode,
emailSelectionActionTypes: actionTypes,
onPressEmailSelectionActionClick: (type, emails) =>
controller.handlePressEmailSelectionAction(
context,
type,
emails,
mapMailboxById,
),
);
} else {
return _buildSearchInputForm(context);
}
@@ -135,6 +156,26 @@ class SearchEmailView extends GetWidget<SearchEmailController>
);
}
List<EmailSelectionActionType> _createEmailSelectionActionTypes(
Map<MailboxId, PresentationMailbox> mapMailboxById,
List<PresentationEmail> selectedEmails,
) {
return <EmailSelectionActionType>[
EmailSelectionActionType.selectAll,
if (selectedEmails.isArchiveMessageEnabled(mapMailboxById))
EmailSelectionActionType.archiveMessage,
if (selectedEmails.isDeletePermanentlyDisabled(mapMailboxById))
EmailSelectionActionType.moveToTrash
else
EmailSelectionActionType.deletePermanently,
if (selectedEmails.isAllEmailRead)
EmailSelectionActionType.markAsUnread
else
EmailSelectionActionType.markAsRead,
EmailSelectionActionType.moreAction,
];
}
Widget _buildSearchInputForm(BuildContext context) {
return Row(
children: [
@@ -1,139 +0,0 @@
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/presentation/resources/image_paths.dart';
import 'package:core/presentation/utils/theme_utils.dart';
import 'package:core/presentation/views/button/tmail_button_widget.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:jmap_dart_client/jmap/mail/mailbox/mailbox.dart';
import 'package:model/email/email_action_type.dart';
import 'package:model/email/presentation_email.dart';
import 'package:model/extensions/list_presentation_email_extension.dart';
import 'package:model/mailbox/presentation_mailbox.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
class AppBarSelectionMode extends StatelessWidget {
final _imagePaths = Get.find<ImagePaths>();
final List<PresentationEmail> listEmail;
final Map<MailboxId, PresentationMailbox> mapMailbox;
final Function()? onCancelSelection;
final Function(EmailActionType actionType, List<PresentationEmail> emails)? onHandleEmailAction;
AppBarSelectionMode(
this.listEmail,
this.mapMailbox, {
Key? key,
this.onCancelSelection,
this.onHandleEmailAction,
}) : super(key: key);
@override
Widget build(BuildContext context) {
final canDeletePermanently = listEmail.isAllCanDeletePermanently(mapMailbox);
final canSpamAndMove = listEmail.isAllCanSpamAndMove(mapMailbox);
final isAllSpam = listEmail.isAllSpam(mapMailbox);
final isAllBelongToTheSameMailbox = listEmail.isAllBelongToTheSameMailbox(mapMailbox);
return Row(children: [
TMailButtonWidget.fromIcon(
icon: _imagePaths.icClose,
iconSize: 25,
iconColor: AppColor.colorTextButton,
backgroundColor: Colors.transparent,
tooltipMessage: AppLocalizations.of(context).cancel,
onTapActionCallback: onCancelSelection,
),
Expanded(
child: Text(
AppLocalizations.of(context).count_email_selected(listEmail.length),
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: ThemeUtils.defaultTextStyleInterFont.copyWith(
fontSize: 17,
fontWeight: FontWeight.w500,
color: AppColor.colorTextButton
)
)
),
TMailButtonWidget.fromIcon(
icon: listEmail.isAllEmailRead
? _imagePaths.icUnread
: _imagePaths.icRead,
iconSize: 25,
backgroundColor: Colors.transparent,
tooltipMessage: listEmail.isAllEmailRead
? AppLocalizations.of(context).unread
: AppLocalizations.of(context).read,
onTapActionCallback: () => onHandleEmailAction?.call(
listEmail.isAllEmailRead
? EmailActionType.markAsUnread
: EmailActionType.markAsRead,
listEmail
),
),
const SizedBox(width: 5),
TMailButtonWidget.fromIcon(
icon: listEmail.isAllEmailStarred
? _imagePaths.icUnStar
: _imagePaths.icStar,
iconSize: 25,
backgroundColor: Colors.transparent,
tooltipMessage: listEmail.isAllEmailStarred
? AppLocalizations.of(context).not_starred
: AppLocalizations.of(context).starred,
onTapActionCallback: () => onHandleEmailAction?.call(
listEmail.isAllEmailStarred
? EmailActionType.unMarkAsStarred
: EmailActionType.markAsStarred,
listEmail
),
),
const SizedBox(width: 5),
if (canSpamAndMove)
... [
TMailButtonWidget.fromIcon(
icon: _imagePaths.icMove,
iconSize: 25,
backgroundColor: Colors.transparent,
tooltipMessage: AppLocalizations.of(context).move,
onTapActionCallback: () => onHandleEmailAction?.call(
EmailActionType.moveToMailbox,
listEmail
),
),
const SizedBox(width: 5),
TMailButtonWidget.fromIcon(
icon: isAllSpam
? _imagePaths.icNotSpam
: _imagePaths.icSpam,
iconSize: 25,
backgroundColor: Colors.transparent,
tooltipMessage: isAllSpam
? AppLocalizations.of(context).un_spam
: AppLocalizations.of(context).mark_as_spam,
onTapActionCallback: () => isAllSpam
? onHandleEmailAction?.call(EmailActionType.unSpam, listEmail)
: onHandleEmailAction?.call(EmailActionType.moveToSpam, listEmail.listEmailCanSpam(mapMailbox)),
),
const SizedBox(width: 5),
],
if (isAllBelongToTheSameMailbox)
TMailButtonWidget.fromIcon(
icon: _imagePaths.icDeleteComposer,
iconSize: 20,
backgroundColor: Colors.transparent,
iconColor: canDeletePermanently
? AppColor.colorDeletePermanentlyButton
: AppColor.primaryColor,
tooltipMessage: canDeletePermanently
? AppLocalizations.of(context).delete_permanently
: AppLocalizations.of(context).move_to_trash,
onTapActionCallback: () => canDeletePermanently
? onHandleEmailAction?.call(EmailActionType.deletePermanently, listEmail)
: onHandleEmailAction?.call(EmailActionType.moveToTrash, listEmail),
),
]);
}
}