TF-3939 Display minor action on menu in mobile search view
Signed-off-by: dab246 <tdvu@linagora.com>
This commit is contained in:
+91
@@ -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),
|
||||
),
|
||||
]);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user