TF-933 Add new SearchEmailView to handle search all email on Mobile/Tablet
This commit is contained in:
dab246
@@ -0,0 +1,6 @@
|
|||||||
|
|
||||||
|
enum SearchMoreState {
|
||||||
|
idle,
|
||||||
|
waiting,
|
||||||
|
completed;
|
||||||
|
}
|
||||||
@@ -0,0 +1,49 @@
|
|||||||
|
|
||||||
|
import 'package:get/get.dart';
|
||||||
|
import 'package:tmail_ui_user/features/base/base_bindings.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/quick_search_email_interactor.dart';
|
||||||
|
import 'package:tmail_ui_user/features/mailbox_dashboard/domain/usecases/save_recent_search_interactor.dart';
|
||||||
|
import 'package:tmail_ui_user/features/search/domain/usecases/refresh_changes_search_email_interactor.dart';
|
||||||
|
import 'package:tmail_ui_user/features/search/presentation/search_email_controller.dart';
|
||||||
|
import 'package:tmail_ui_user/features/thread/domain/usecases/search_email_interactor.dart';
|
||||||
|
import 'package:tmail_ui_user/features/thread/domain/usecases/search_more_email_interactor.dart';
|
||||||
|
|
||||||
|
class SearchEmailBindings extends BaseBindings {
|
||||||
|
|
||||||
|
@override
|
||||||
|
void bindingsController() {
|
||||||
|
Get.put(SearchEmailController(
|
||||||
|
Get.find<QuickSearchEmailInteractor>(),
|
||||||
|
Get.find<SaveRecentSearchInteractor>(),
|
||||||
|
Get.find<GetAllRecentSearchLatestInteractor>(),
|
||||||
|
Get.find<SearchEmailInteractor>(),
|
||||||
|
Get.find<SearchMoreEmailInteractor>(),
|
||||||
|
Get.find<RefreshChangesSearchEmailInteractor>(),
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void bindingsDataSource() {
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void bindingsDataSourceImpl() {
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void bindingsInteractor() {
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void bindingsRepository() {
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void bindingsRepositoryImpl() {
|
||||||
|
}
|
||||||
|
|
||||||
|
void disposeBindings() {
|
||||||
|
Get.delete<SearchEmailController>();
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,623 @@
|
|||||||
|
|
||||||
|
import 'package:core/presentation/state/failure.dart';
|
||||||
|
import 'package:core/presentation/state/success.dart';
|
||||||
|
import 'package:core/utils/app_logger.dart';
|
||||||
|
import 'package:dartz/dartz.dart';
|
||||||
|
import 'package:debounce_throttle/debounce_throttle.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/unsigned_int.dart';
|
||||||
|
import 'package:jmap_dart_client/jmap/core/sort/comparator.dart';
|
||||||
|
import 'package:jmap_dart_client/jmap/core/utc_date.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:model/model.dart';
|
||||||
|
import 'package:tmail_ui_user/features/base/base_controller.dart';
|
||||||
|
import 'package:tmail_ui_user/features/email/domain/state/delete_email_permanently_state.dart';
|
||||||
|
import 'package:tmail_ui_user/features/email/domain/state/delete_multiple_emails_permanently_state.dart';
|
||||||
|
import 'package:tmail_ui_user/features/email/domain/state/mark_as_email_read_state.dart';
|
||||||
|
import 'package:tmail_ui_user/features/email/domain/state/mark_as_email_star_state.dart';
|
||||||
|
import 'package:tmail_ui_user/features/email/domain/state/move_to_mailbox_state.dart';
|
||||||
|
import 'package:tmail_ui_user/features/mailbox_dashboard/domain/model/recent_search.dart';
|
||||||
|
import 'package:tmail_ui_user/features/mailbox_dashboard/domain/state/get_all_recent_search_latest_state.dart';
|
||||||
|
import 'package:tmail_ui_user/features/mailbox_dashboard/domain/state/quick_search_email_state.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/quick_search_email_interactor.dart';
|
||||||
|
import 'package:tmail_ui_user/features/mailbox_dashboard/domain/usecases/save_recent_search_interactor.dart';
|
||||||
|
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/model/search/email_receive_time_type.dart';
|
||||||
|
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/model/search/quick_search_filter.dart';
|
||||||
|
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/model/search/search_email_filter.dart';
|
||||||
|
import 'package:tmail_ui_user/features/search/domain/state/refresh_changes_search_email_state.dart';
|
||||||
|
import 'package:tmail_ui_user/features/search/domain/usecases/refresh_changes_search_email_interactor.dart';
|
||||||
|
import 'package:tmail_ui_user/features/search/presentation/model/search_more_state.dart';
|
||||||
|
import 'package:tmail_ui_user/features/search/presentation/search_email_bindings.dart';
|
||||||
|
import 'package:tmail_ui_user/features/thread/domain/constants/thread_constants.dart';
|
||||||
|
import 'package:tmail_ui_user/features/thread/domain/model/search_query.dart';
|
||||||
|
import 'package:tmail_ui_user/features/thread/domain/state/empty_trash_folder_state.dart';
|
||||||
|
import 'package:tmail_ui_user/features/thread/domain/state/mark_as_multiple_email_read_state.dart';
|
||||||
|
import 'package:tmail_ui_user/features/thread/domain/state/mark_as_star_multiple_email_state.dart';
|
||||||
|
import 'package:tmail_ui_user/features/thread/domain/state/move_multiple_email_to_mailbox_state.dart';
|
||||||
|
import 'package:tmail_ui_user/features/thread/domain/state/search_email_state.dart';
|
||||||
|
import 'package:tmail_ui_user/features/thread/domain/state/search_more_email_state.dart';
|
||||||
|
import 'package:tmail_ui_user/features/thread/domain/usecases/search_email_interactor.dart';
|
||||||
|
import 'package:tmail_ui_user/features/thread/domain/usecases/search_more_email_interactor.dart';
|
||||||
|
import 'package:tmail_ui_user/features/thread/presentation/mixin/base_email_action_controller.dart';
|
||||||
|
import 'package:tmail_ui_user/features/thread/presentation/model/delete_action_type.dart';
|
||||||
|
import 'package:tmail_ui_user/main/routes/app_routes.dart';
|
||||||
|
import 'package:tmail_ui_user/main/routes/route_navigation.dart';
|
||||||
|
|
||||||
|
class SearchEmailController extends BaseController
|
||||||
|
with BaseEmailActionController {
|
||||||
|
|
||||||
|
final QuickSearchEmailInteractor _quickSearchEmailInteractor;
|
||||||
|
final SaveRecentSearchInteractor _saveRecentSearchInteractor;
|
||||||
|
final GetAllRecentSearchLatestInteractor _getAllRecentSearchLatestInteractor;
|
||||||
|
final SearchEmailInteractor _searchEmailInteractor;
|
||||||
|
final SearchMoreEmailInteractor _searchMoreEmailInteractor;
|
||||||
|
final RefreshChangesSearchEmailInteractor _refreshChangesSearchEmailInteractor;
|
||||||
|
|
||||||
|
final textInputSearchController = TextEditingController();
|
||||||
|
final resultSearchScrollController = ScrollController();
|
||||||
|
final textInputSearchFocus = FocusNode();
|
||||||
|
|
||||||
|
final currentSearchText = RxString('');
|
||||||
|
final listRecentSearch = RxList<RecentSearch>();
|
||||||
|
final listSuggestionSearch = RxList<PresentationEmail>();
|
||||||
|
final listResultSearch = RxList<PresentationEmail>();
|
||||||
|
final searchEmailFilter = Rx<SearchEmailFilter>(SearchEmailFilter());
|
||||||
|
final searchIsRunning = RxBool(false);
|
||||||
|
final emailReceiveTimeType = Rxn<EmailReceiveTimeType>();
|
||||||
|
final selectionMode = Rx<SelectMode>(SelectMode.INACTIVE);
|
||||||
|
|
||||||
|
late Debouncer<String> _deBouncerTime;
|
||||||
|
late Worker dashBoardViewStateWorker;
|
||||||
|
late SearchMoreState searchMoreState;
|
||||||
|
late bool canSearchMore;
|
||||||
|
|
||||||
|
PresentationMailbox? get currentMailbox => mailboxDashBoardController.selectedMailbox.value;
|
||||||
|
|
||||||
|
AccountId? get accountId => mailboxDashBoardController.accountId.value;
|
||||||
|
|
||||||
|
UserProfile? get userProfile => mailboxDashBoardController.userProfile.value;
|
||||||
|
|
||||||
|
SearchQuery? get searchQuery => searchEmailFilter.value.text;
|
||||||
|
|
||||||
|
SearchEmailController(
|
||||||
|
this._quickSearchEmailInteractor,
|
||||||
|
this._saveRecentSearchInteractor,
|
||||||
|
this._getAllRecentSearchLatestInteractor,
|
||||||
|
this._searchEmailInteractor,
|
||||||
|
this._searchMoreEmailInteractor,
|
||||||
|
this._refreshChangesSearchEmailInteractor,
|
||||||
|
);
|
||||||
|
|
||||||
|
@override
|
||||||
|
void onInit() {
|
||||||
|
super.onInit();
|
||||||
|
_initializeDebounceTimeTextSearchChange();
|
||||||
|
_initializeTextInputFocus();
|
||||||
|
_initWorkerListener();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void onReady() async {
|
||||||
|
listRecentSearch.value = await getAllRecentSearchAction();
|
||||||
|
textInputSearchFocus.requestFocus();
|
||||||
|
searchMoreState = SearchMoreState.idle;
|
||||||
|
canSearchMore = true;
|
||||||
|
super.onReady();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void onData(Either<Failure, Success> newState) {
|
||||||
|
super.onData(newState);
|
||||||
|
newState.fold(
|
||||||
|
(failure) {
|
||||||
|
if (failure is SearchEmailFailure) {
|
||||||
|
_searchEmailsFailure(failure);
|
||||||
|
} else if (failure is SearchMoreEmailFailure) {
|
||||||
|
_searchMoreEmailsFailure(failure);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
(success) {
|
||||||
|
if (success is SearchEmailSuccess) {
|
||||||
|
_searchEmailsSuccess(success);
|
||||||
|
} else if (success is SearchingMoreState) {
|
||||||
|
searchMoreState = SearchMoreState.waiting;
|
||||||
|
} else if (success is SearchMoreEmailSuccess) {
|
||||||
|
_searchMoreEmailsSuccess(success);
|
||||||
|
} else if (success is RefreshChangesSearchEmailSuccess) {
|
||||||
|
_refreshChangesSearchEmailsSuccess(success);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void onDone() {}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void onError(error) {}
|
||||||
|
|
||||||
|
void _initializeDebounceTimeTextSearchChange() {
|
||||||
|
_deBouncerTime = Debouncer<String>(
|
||||||
|
const Duration(milliseconds: 500),
|
||||||
|
initialValue: '');
|
||||||
|
_deBouncerTime.values.listen((value) async {
|
||||||
|
log('SearchEmailController::_initializeDebounceTimeTextSearchChange(): $value');
|
||||||
|
currentSearchText.value = value;
|
||||||
|
_updateFilterEmail(text: value.isNotEmpty ? SearchQuery(value) : null);
|
||||||
|
if (value.isNotEmpty && accountId != null) {
|
||||||
|
listSuggestionSearch.value = await quickSearchEmails(accountId: accountId!);
|
||||||
|
} else {
|
||||||
|
listSuggestionSearch.clear();
|
||||||
|
}
|
||||||
|
if (listSuggestionSearch.isEmpty && currentSearchText.isEmpty) {
|
||||||
|
listRecentSearch.value = await getAllRecentSearchAction(pattern: value);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
void _initializeTextInputFocus() {
|
||||||
|
textInputSearchFocus.addListener(() {
|
||||||
|
if (textInputSearchFocus.hasFocus) {
|
||||||
|
searchIsRunning.value = false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
void _initWorkerListener() {
|
||||||
|
dashBoardViewStateWorker = ever(mailboxDashBoardController.viewState, (viewState) {
|
||||||
|
if (viewState is Either) {
|
||||||
|
viewState.map((success) {
|
||||||
|
if (success is MarkAsEmailReadSuccess ||
|
||||||
|
success is MoveToMailboxSuccess ||
|
||||||
|
success is MarkAsStarEmailSuccess ||
|
||||||
|
success is DeleteEmailPermanentlySuccess ||
|
||||||
|
success is MarkAsMultipleEmailReadAllSuccess ||
|
||||||
|
success is MarkAsMultipleEmailReadHasSomeEmailFailure ||
|
||||||
|
success is MarkAsStarMultipleEmailAllSuccess ||
|
||||||
|
success is MarkAsStarMultipleEmailHasSomeEmailFailure ||
|
||||||
|
success is MoveMultipleEmailToMailboxAllSuccess ||
|
||||||
|
success is MoveMultipleEmailToMailboxHasSomeEmailFailure ||
|
||||||
|
success is EmptyTrashFolderSuccess ||
|
||||||
|
success is DeleteMultipleEmailsPermanentlyAllSuccess ||
|
||||||
|
success is DeleteMultipleEmailsPermanentlyHasSomeEmailFailure
|
||||||
|
) {
|
||||||
|
_refreshEmailChanges();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
void _refreshEmailChanges() {
|
||||||
|
if (searchIsRunning.isTrue && accountId != null) {
|
||||||
|
final limit = listResultSearch.isNotEmpty
|
||||||
|
? UnsignedInt(listResultSearch.length)
|
||||||
|
: ThreadConstants.defaultLimit;
|
||||||
|
searchEmailFilter.value = searchEmailFilter.value.toSearchEmailFilter(newBefore: null);
|
||||||
|
|
||||||
|
consumeState(_refreshChangesSearchEmailInteractor.execute(
|
||||||
|
accountId!,
|
||||||
|
limit: limit,
|
||||||
|
sort: <Comparator>{}
|
||||||
|
..add(EmailComparator(EmailComparatorProperty.receivedAt)
|
||||||
|
..setIsAscending(false)),
|
||||||
|
filter: searchEmailFilter.value.mappingToEmailFilterCondition(),
|
||||||
|
properties: ThreadConstants.propertiesDefault,
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _refreshChangesSearchEmailsSuccess(RefreshChangesSearchEmailSuccess success) {
|
||||||
|
final resultEmailSearchList = success.emailList
|
||||||
|
.map((email) => email.toSearchPresentationEmail(mailboxDashBoardController.mapMailbox))
|
||||||
|
.toList();
|
||||||
|
|
||||||
|
final emailsBeforeChanges = listResultSearch;
|
||||||
|
final emailsAfterChanges = resultEmailSearchList;
|
||||||
|
final newListEmail = emailsAfterChanges.combine(emailsBeforeChanges);
|
||||||
|
|
||||||
|
listResultSearch.value = newListEmail;
|
||||||
|
listResultSearch.refresh();
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<List<RecentSearch>> getAllRecentSearchAction({String pattern = ''}) async {
|
||||||
|
return _getAllRecentSearchLatestInteractor
|
||||||
|
.execute(pattern: pattern)
|
||||||
|
.then((result) => result.fold(
|
||||||
|
(failure) => <RecentSearch>[],
|
||||||
|
(success) => success is GetAllRecentSearchLatestSuccess
|
||||||
|
? success.listRecentSearch
|
||||||
|
: <RecentSearch>[]));
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<List<PresentationEmail>> quickSearchEmails({required AccountId accountId}) async {
|
||||||
|
return _quickSearchEmailInteractor
|
||||||
|
.execute(accountId,
|
||||||
|
limit: UnsignedInt(5),
|
||||||
|
sort: <Comparator>{}..add(
|
||||||
|
EmailComparator(EmailComparatorProperty.receivedAt)
|
||||||
|
..setIsAscending(false)),
|
||||||
|
filter: searchEmailFilter.value.mappingToEmailFilterCondition(),
|
||||||
|
properties: ThreadConstants.propertiesQuickSearch)
|
||||||
|
.then((result) => result.fold(
|
||||||
|
(failure) => <PresentationEmail>[],
|
||||||
|
(success) => success is QuickSearchEmailSuccess
|
||||||
|
? success.emailList
|
||||||
|
: <PresentationEmail>[]));
|
||||||
|
}
|
||||||
|
|
||||||
|
void saveRecentSearch(RecentSearch recentSearch) {
|
||||||
|
consumeState(_saveRecentSearchInteractor.execute(recentSearch));
|
||||||
|
}
|
||||||
|
|
||||||
|
void _searchEmailAction(BuildContext context) {
|
||||||
|
FocusScope.of(context).unfocus();
|
||||||
|
|
||||||
|
if (accountId != null) {
|
||||||
|
searchIsRunning.value = true;
|
||||||
|
|
||||||
|
consumeState(_searchEmailInteractor.execute(
|
||||||
|
accountId!,
|
||||||
|
limit: ThreadConstants.defaultLimit,
|
||||||
|
sort: <Comparator>{}
|
||||||
|
..add(EmailComparator(EmailComparatorProperty.receivedAt)
|
||||||
|
..setIsAscending(false)),
|
||||||
|
filter: searchEmailFilter.value.mappingToEmailFilterCondition(),
|
||||||
|
properties: ThreadConstants.propertiesDefault,
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _searchEmailsSuccess(SearchEmailSuccess success) {
|
||||||
|
final resultEmailSearchList = success.emailList
|
||||||
|
.map((email) => email.toSearchPresentationEmail(mailboxDashBoardController.mapMailbox))
|
||||||
|
.toList();
|
||||||
|
|
||||||
|
final emailsBeforeChanges = listResultSearch;
|
||||||
|
final emailsAfterChanges = resultEmailSearchList;
|
||||||
|
final newListEmail = emailsAfterChanges.combine(emailsBeforeChanges);
|
||||||
|
|
||||||
|
listResultSearch.value = newListEmail;
|
||||||
|
|
||||||
|
if (resultSearchScrollController.hasClients) {
|
||||||
|
resultSearchScrollController.animateTo(
|
||||||
|
0,
|
||||||
|
duration: const Duration(milliseconds: 500),
|
||||||
|
curve: Curves.fastOutSlowIn);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _searchEmailsFailure(SearchEmailFailure failure) {
|
||||||
|
listResultSearch.clear();
|
||||||
|
}
|
||||||
|
|
||||||
|
void searchMoreEmailsAction() {
|
||||||
|
if (canSearchMore && accountId != null) {
|
||||||
|
final lastEmail = listResultSearch.last;
|
||||||
|
_updateFilterEmail(before: lastEmail.receivedAt);
|
||||||
|
|
||||||
|
consumeState(_searchMoreEmailInteractor.execute(
|
||||||
|
accountId!,
|
||||||
|
limit: ThreadConstants.defaultLimit,
|
||||||
|
sort: <Comparator>{}
|
||||||
|
..add(EmailComparator(EmailComparatorProperty.receivedAt)
|
||||||
|
..setIsAscending(false)),
|
||||||
|
filter: searchEmailFilter.value.mappingToEmailFilterCondition(),
|
||||||
|
properties: ThreadConstants.propertiesDefault,
|
||||||
|
lastEmailId: lastEmail.id
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _searchMoreEmailsFailure(SearchMoreEmailFailure failure) {
|
||||||
|
searchMoreState = SearchMoreState.completed;
|
||||||
|
}
|
||||||
|
|
||||||
|
void _searchMoreEmailsSuccess(SearchMoreEmailSuccess success) {
|
||||||
|
if (success.emailList.isNotEmpty) {
|
||||||
|
final resultEmailSearchList = success.emailList
|
||||||
|
.map((email) => email.toSearchPresentationEmail(mailboxDashBoardController.mapMailbox))
|
||||||
|
.where((email) => !listResultSearch.contains(email))
|
||||||
|
.toList();
|
||||||
|
listResultSearch.addAll(resultEmailSearchList);
|
||||||
|
} else {
|
||||||
|
canSearchMore = false;
|
||||||
|
}
|
||||||
|
searchMoreState = SearchMoreState.completed;
|
||||||
|
}
|
||||||
|
|
||||||
|
void showAllResultSearchAction(BuildContext context, String query) {
|
||||||
|
setTextInputSearchForm(query);
|
||||||
|
_updateFilterEmail(text: SearchQuery(query));
|
||||||
|
_searchEmailAction(context);
|
||||||
|
}
|
||||||
|
|
||||||
|
void searchEmailByRecentAction(BuildContext context, RecentSearch recentSearch) {
|
||||||
|
setTextInputSearchForm(recentSearch.value);
|
||||||
|
_updateFilterEmail(text: SearchQuery(recentSearch.value));
|
||||||
|
_searchEmailAction(context);
|
||||||
|
}
|
||||||
|
|
||||||
|
void submitSearchAction(BuildContext context, String query) {
|
||||||
|
_updateFilterEmail(text: SearchQuery(query));
|
||||||
|
_searchEmailAction(context);
|
||||||
|
}
|
||||||
|
|
||||||
|
void selectQuickSearchFilter(BuildContext context, QuickSearchFilter filter) {
|
||||||
|
_selectQuickSearchFilter(filter);
|
||||||
|
_searchEmailAction(context);
|
||||||
|
}
|
||||||
|
|
||||||
|
bool checkQuickSearchFilterSelected(QuickSearchFilter filter) {
|
||||||
|
switch (filter) {
|
||||||
|
case QuickSearchFilter.hasAttachment:
|
||||||
|
return searchEmailFilter.value.hasAttachment == true;
|
||||||
|
case QuickSearchFilter.last7Days:
|
||||||
|
if (emailReceiveTimeType.value != null) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return searchEmailFilter.value.emailReceiveTimeType == EmailReceiveTimeType.last7Days;
|
||||||
|
case QuickSearchFilter.fromMe:
|
||||||
|
return userProfile != null &&
|
||||||
|
searchEmailFilter.value.from.contains(userProfile!.email) &&
|
||||||
|
searchEmailFilter.value.from.length == 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _selectQuickSearchFilter(QuickSearchFilter filter) {
|
||||||
|
final filterSelected = checkQuickSearchFilterSelected(filter);
|
||||||
|
|
||||||
|
switch (filter) {
|
||||||
|
case QuickSearchFilter.hasAttachment:
|
||||||
|
_updateFilterEmail(hasAttachment: !filterSelected);
|
||||||
|
break;
|
||||||
|
case QuickSearchFilter.last7Days:
|
||||||
|
if (filterSelected) {
|
||||||
|
_setEmailReceiveTimeType(null);
|
||||||
|
_updateFilterEmail(emailReceiveTimeType: EmailReceiveTimeType.allTime);
|
||||||
|
} else {
|
||||||
|
_setEmailReceiveTimeType(EmailReceiveTimeType.last7Days);
|
||||||
|
_updateFilterEmail(emailReceiveTimeType: EmailReceiveTimeType.last7Days);
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case QuickSearchFilter.fromMe:
|
||||||
|
if (userProfile != null) {
|
||||||
|
filterSelected
|
||||||
|
? searchEmailFilter.value.from.removeWhere((e) => e == userProfile!.email)
|
||||||
|
: searchEmailFilter.value.from.add(userProfile!.email);
|
||||||
|
_updateFilterEmail(from: searchEmailFilter.value.from);
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void _setEmailReceiveTimeType(EmailReceiveTimeType? receiveTimeType) {
|
||||||
|
emailReceiveTimeType.value = receiveTimeType;
|
||||||
|
}
|
||||||
|
|
||||||
|
void selectReceiveTimeQuickSearchFilter(BuildContext context, EmailReceiveTimeType? emailReceiveTimeType) {
|
||||||
|
popBack();
|
||||||
|
|
||||||
|
if (emailReceiveTimeType != null) {
|
||||||
|
_updateFilterEmail(
|
||||||
|
emailReceiveTimeType: emailReceiveTimeType,
|
||||||
|
text: searchQuery == null ? SearchQuery.initial() : searchEmailFilter.value.text);
|
||||||
|
} else {
|
||||||
|
_updateFilterEmail(
|
||||||
|
emailReceiveTimeType: EmailReceiveTimeType.allTime,
|
||||||
|
text: searchQuery == null ? SearchQuery.initial() : searchEmailFilter.value.text);
|
||||||
|
}
|
||||||
|
_setEmailReceiveTimeType(emailReceiveTimeType);
|
||||||
|
_searchEmailAction(context);
|
||||||
|
}
|
||||||
|
|
||||||
|
void _updateFilterEmail({
|
||||||
|
Set<String>? from,
|
||||||
|
Set<String>? to,
|
||||||
|
SearchQuery? text,
|
||||||
|
String? subject,
|
||||||
|
Set<String>? hasKeyword,
|
||||||
|
Set<String>? notKeyword,
|
||||||
|
PresentationMailbox? mailbox,
|
||||||
|
EmailReceiveTimeType? emailReceiveTimeType,
|
||||||
|
bool? hasAttachment,
|
||||||
|
UTCDate? before,
|
||||||
|
}) {
|
||||||
|
searchEmailFilter.value = searchEmailFilter.value.copyWith(
|
||||||
|
from: from,
|
||||||
|
to: to,
|
||||||
|
text: text,
|
||||||
|
subject: subject,
|
||||||
|
hasKeyword: hasKeyword,
|
||||||
|
notKeyword: notKeyword,
|
||||||
|
mailbox: mailbox,
|
||||||
|
emailReceiveTimeType: emailReceiveTimeType,
|
||||||
|
hasAttachment: hasAttachment,
|
||||||
|
before: before,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
void onTextSearchChange(String text) {
|
||||||
|
_deBouncerTime.value = text;
|
||||||
|
}
|
||||||
|
|
||||||
|
void setTextInputSearchForm(String value) {
|
||||||
|
textInputSearchController.text = value;
|
||||||
|
}
|
||||||
|
|
||||||
|
void clearAllTextInputSearchForm() {
|
||||||
|
textInputSearchController.clear();
|
||||||
|
currentSearchText.value = '';
|
||||||
|
listSuggestionSearch.clear();
|
||||||
|
textInputSearchFocus.requestFocus();
|
||||||
|
}
|
||||||
|
|
||||||
|
void clearAllResultSearch() {
|
||||||
|
searchIsRunning.value = false;
|
||||||
|
currentSearchText.value = '';
|
||||||
|
listRecentSearch.clear();
|
||||||
|
listSuggestionSearch.clear();
|
||||||
|
listResultSearch.clear();
|
||||||
|
searchEmailFilter.value = SearchEmailFilter();
|
||||||
|
}
|
||||||
|
|
||||||
|
void closeSearchView(BuildContext context) {
|
||||||
|
clearAllTextInputSearchForm();
|
||||||
|
clearAllResultSearch();
|
||||||
|
FocusScope.of(context).unfocus();
|
||||||
|
mailboxDashBoardController.searchController.disableSearch();
|
||||||
|
mailboxDashBoardController.dispatchRoute(AppRoutes.THREAD);
|
||||||
|
SearchEmailBindings().disposeBindings();
|
||||||
|
}
|
||||||
|
|
||||||
|
void pressEmailAction(
|
||||||
|
BuildContext context,
|
||||||
|
EmailActionType actionType,
|
||||||
|
PresentationEmail selectedEmail,
|
||||||
|
{PresentationMailbox? mailboxContain}
|
||||||
|
) {
|
||||||
|
switch(actionType) {
|
||||||
|
case EmailActionType.preview:
|
||||||
|
if (mailboxContain?.isDrafts == true) {
|
||||||
|
editEmail(selectedEmail);
|
||||||
|
} else {
|
||||||
|
previewEmail(context, selectedEmail);
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case EmailActionType.selection:
|
||||||
|
selectEmail(context, selectedEmail);
|
||||||
|
break;
|
||||||
|
case EmailActionType.markAsRead:
|
||||||
|
markAsEmailRead(selectedEmail, ReadActions.markAsRead);
|
||||||
|
break;
|
||||||
|
case EmailActionType.markAsUnread:
|
||||||
|
markAsEmailRead(selectedEmail, ReadActions.markAsUnread);
|
||||||
|
break;
|
||||||
|
case EmailActionType.markAsStarred:
|
||||||
|
markAsStarEmail(selectedEmail, MarkStarAction.markStar);
|
||||||
|
break;
|
||||||
|
case EmailActionType.unMarkAsStarred:
|
||||||
|
markAsStarEmail(selectedEmail, MarkStarAction.unMarkStar);
|
||||||
|
break;
|
||||||
|
case EmailActionType.moveToMailbox:
|
||||||
|
moveToMailbox(context, selectedEmail);
|
||||||
|
break;
|
||||||
|
case EmailActionType.moveToTrash:
|
||||||
|
moveToTrash(selectedEmail);
|
||||||
|
break;
|
||||||
|
case EmailActionType.deletePermanently:
|
||||||
|
deleteEmailPermanently(context, selectedEmail);
|
||||||
|
break;
|
||||||
|
case EmailActionType.moveToSpam:
|
||||||
|
popBack();
|
||||||
|
moveToSpam(selectedEmail);
|
||||||
|
break;
|
||||||
|
case EmailActionType.unSpam:
|
||||||
|
popBack();
|
||||||
|
unSpam(selectedEmail);
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void selectEmail(BuildContext context, PresentationEmail presentationEmailSelected) {
|
||||||
|
listResultSearch.value = listResultSearch
|
||||||
|
.map((email) => email.id == presentationEmailSelected.id
|
||||||
|
? email.toggleSelect()
|
||||||
|
: email)
|
||||||
|
.toList();
|
||||||
|
|
||||||
|
if (listResultSearch.isAllSelectionInActive) {
|
||||||
|
selectionMode.value = SelectMode.INACTIVE;
|
||||||
|
} else {
|
||||||
|
if (selectionMode.value == SelectMode.INACTIVE) {
|
||||||
|
selectionMode.value = SelectMode.ACTIVE;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void cancelSelectionMode(BuildContext context) {
|
||||||
|
listResultSearch.value = listResultSearch
|
||||||
|
.map((email) => email.toSelectedEmail(selectMode: SelectMode.INACTIVE))
|
||||||
|
.toList();
|
||||||
|
selectionMode.value = SelectMode.INACTIVE;
|
||||||
|
}
|
||||||
|
|
||||||
|
void handleSelectionEmailAction(
|
||||||
|
BuildContext context,
|
||||||
|
EmailActionType actionType,
|
||||||
|
List<PresentationEmail> listEmails
|
||||||
|
) {
|
||||||
|
switch(actionType) {
|
||||||
|
case EmailActionType.markAsRead:
|
||||||
|
cancelSelectionMode(context);
|
||||||
|
markAsReadSelectedMultipleEmail(listEmails, ReadActions.markAsRead);
|
||||||
|
break;
|
||||||
|
case EmailActionType.markAsUnread:
|
||||||
|
cancelSelectionMode(context);
|
||||||
|
markAsReadSelectedMultipleEmail(listEmails, ReadActions.markAsUnread);
|
||||||
|
break;
|
||||||
|
case EmailActionType.markAsStarred:
|
||||||
|
cancelSelectionMode(context);
|
||||||
|
markAsStarSelectedMultipleEmail(listEmails, MarkStarAction.markStar);
|
||||||
|
break;
|
||||||
|
case EmailActionType.unMarkAsStarred:
|
||||||
|
cancelSelectionMode(context);
|
||||||
|
|
||||||
|
markAsStarSelectedMultipleEmail(listEmails, MarkStarAction.unMarkStar);
|
||||||
|
break;
|
||||||
|
case EmailActionType.moveToMailbox:
|
||||||
|
cancelSelectionMode(context);
|
||||||
|
final mailboxContainCurrent = listEmails.getCurrentMailboxContain(mailboxDashBoardController.mapMailbox);
|
||||||
|
if (mailboxContainCurrent != null) {
|
||||||
|
moveSelectedMultipleEmailToMailbox(listEmails, mailboxContainCurrent);
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case EmailActionType.moveToTrash:
|
||||||
|
cancelSelectionMode(context);
|
||||||
|
final mailboxContainCurrent = listEmails.getCurrentMailboxContain(mailboxDashBoardController.mapMailbox);
|
||||||
|
if (mailboxContainCurrent != null) {
|
||||||
|
moveSelectedMultipleEmailToTrash(listEmails, mailboxContainCurrent);
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case EmailActionType.deletePermanently:
|
||||||
|
final mailboxContainCurrent = listEmails.getCurrentMailboxContain(mailboxDashBoardController.mapMailbox);
|
||||||
|
if (mailboxContainCurrent != null) {
|
||||||
|
deleteSelectionEmailsPermanently(
|
||||||
|
context,
|
||||||
|
DeleteActionType.multiple,
|
||||||
|
listEmails: listEmails,
|
||||||
|
mailboxCurrent: mailboxContainCurrent,
|
||||||
|
onCancelSelectionEmail: () => cancelSelectionMode(context));
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case EmailActionType.moveToSpam:
|
||||||
|
cancelSelectionMode(context);
|
||||||
|
final mailboxContainCurrent = listEmails.getCurrentMailboxContain(mailboxDashBoardController.mapMailbox);
|
||||||
|
if (mailboxContainCurrent != null) {
|
||||||
|
moveSelectedMultipleEmailToSpam(listEmails, mailboxContainCurrent);
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
case EmailActionType.unSpam:
|
||||||
|
cancelSelectionMode(context);
|
||||||
|
unSpamSelectedMultipleEmail(listEmails);
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void onClose() {
|
||||||
|
textInputSearchController.dispose();
|
||||||
|
resultSearchScrollController.dispose();
|
||||||
|
_deBouncerTime.cancel();
|
||||||
|
dashBoardViewStateWorker.dispose();
|
||||||
|
super.onClose();
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,499 @@
|
|||||||
|
|
||||||
|
import 'package:core/presentation/extensions/color_extension.dart';
|
||||||
|
import 'package:core/presentation/resources/image_paths.dart';
|
||||||
|
import 'package:core/presentation/utils/responsive_utils.dart';
|
||||||
|
import 'package:core/presentation/utils/style_utils.dart';
|
||||||
|
import 'package:core/presentation/views/background/background_widget_builder.dart';
|
||||||
|
import 'package:core/presentation/views/button/icon_button_web.dart';
|
||||||
|
import 'package:core/presentation/views/text/text_field_builder.dart';
|
||||||
|
import 'package:core/utils/build_utils.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_svg/flutter_svg.dart';
|
||||||
|
import 'package:get/get.dart';
|
||||||
|
import 'package:model/model.dart';
|
||||||
|
import 'package:tmail_ui_user/features/base/mixin/app_loader_mixin.dart';
|
||||||
|
import 'package:tmail_ui_user/features/email/presentation/widgets/email_action_cupertino_action_sheet_action_builder.dart';
|
||||||
|
import 'package:tmail_ui_user/features/mailbox_dashboard/domain/model/recent_search.dart';
|
||||||
|
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/model/search/email_receive_time_type.dart';
|
||||||
|
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/model/search/quick_search_filter.dart';
|
||||||
|
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/email_quick_search_item_tile_widget.dart';
|
||||||
|
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/recent_search_item_tile_widget.dart';
|
||||||
|
import 'package:tmail_ui_user/features/search/presentation/model/search_more_state.dart';
|
||||||
|
import 'package:tmail_ui_user/features/search/presentation/search_email_controller.dart';
|
||||||
|
import 'package:tmail_ui_user/features/search/presentation/utils/search_email_utils.dart';
|
||||||
|
import 'package:tmail_ui_user/features/search/presentation/widgets/app_bar_selection_mode.dart';
|
||||||
|
import 'package:tmail_ui_user/features/search/presentation/widgets/email_receive_time_action_tile_widget.dart';
|
||||||
|
import 'package:tmail_ui_user/features/search/presentation/widgets/email_receive_time_cupertino_action_sheet_action_builder.dart';
|
||||||
|
import 'package:tmail_ui_user/features/thread/domain/state/search_email_state.dart';
|
||||||
|
import 'package:tmail_ui_user/features/thread/domain/state/search_more_email_state.dart';
|
||||||
|
import 'package:tmail_ui_user/features/thread/presentation/model/search_status.dart';
|
||||||
|
import 'package:tmail_ui_user/main/localizations/app_localizations.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';
|
||||||
|
|
||||||
|
class SearchEmailView extends GetWidget<SearchEmailController>
|
||||||
|
with AppLoaderMixin {
|
||||||
|
|
||||||
|
final _imagePaths = Get.find<ImagePaths>();
|
||||||
|
final _responsiveUtils = Get.find<ResponsiveUtils>();
|
||||||
|
|
||||||
|
SearchEmailView({Key? key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
body: GestureDetector(
|
||||||
|
onTap: () => FocusScope.of(context).unfocus(),
|
||||||
|
child: Container(
|
||||||
|
color: Colors.white,
|
||||||
|
child: Column(children: [
|
||||||
|
Container(
|
||||||
|
height: 52,
|
||||||
|
color: Colors.white,
|
||||||
|
padding: SearchEmailUtils.getPaddingAppBar(context, _responsiveUtils),
|
||||||
|
child: Obx(() {
|
||||||
|
if (controller.selectionMode.value == SelectMode.ACTIVE) {
|
||||||
|
return AppBarSelectionMode(
|
||||||
|
controller.listResultSearch.listEmailSelected,
|
||||||
|
controller.mailboxDashBoardController.mapMailbox,
|
||||||
|
onCancelSelection: () => controller.cancelSelectionMode(context),
|
||||||
|
onHandleEmailAction: (actionType, listEmails) =>
|
||||||
|
controller.handleSelectionEmailAction(context, actionType, listEmails));
|
||||||
|
} else {
|
||||||
|
return _buildSearchInputForm(context);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
),
|
||||||
|
const Divider(color: AppColor.colorDividerComposer, height: 1),
|
||||||
|
_buildListSearchFilterAction(context),
|
||||||
|
_buildLoadingView(),
|
||||||
|
Expanded(child: Obx(() {
|
||||||
|
if (controller.searchIsRunning.isFalse) {
|
||||||
|
return SingleChildScrollView(
|
||||||
|
physics: const ClampingScrollPhysics(),
|
||||||
|
child: Column(children: [
|
||||||
|
if (controller.currentSearchText.value.isNotEmpty)
|
||||||
|
_buildShowAllResultSearchButton(context, controller.currentSearchText.value),
|
||||||
|
if (controller.listSuggestionSearch.isNotEmpty && controller.currentSearchText.isNotEmpty)
|
||||||
|
_buildListSuggestionSearch(context, controller.listSuggestionSearch)
|
||||||
|
else if (controller.listRecentSearch.isNotEmpty && controller.listSuggestionSearch.isEmpty)
|
||||||
|
_buildListRecentSearch(context, controller.listRecentSearch)
|
||||||
|
]),
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
if (controller.listResultSearch.isNotEmpty) {
|
||||||
|
return Container(
|
||||||
|
color: Colors.white,
|
||||||
|
child: _buildListEmailBody(context, controller.listResultSearch)
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
return _buildEmptyEmail(context);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})),
|
||||||
|
_buildLoadingViewLoadMore(),
|
||||||
|
]),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildSearchInputForm(BuildContext context) {
|
||||||
|
return Row(
|
||||||
|
children: [
|
||||||
|
buildIconWeb(
|
||||||
|
icon: SvgPicture.asset(_imagePaths.icBack,
|
||||||
|
width: 18,
|
||||||
|
height: 18,
|
||||||
|
color: AppColor.colorTextButton,
|
||||||
|
fit: BoxFit.fill),
|
||||||
|
tooltip: AppLocalizations.of(context).back,
|
||||||
|
onTap: () => controller.closeSearchView(context)
|
||||||
|
),
|
||||||
|
Expanded(child: (TextFieldBuilder()
|
||||||
|
..onChange(controller.onTextSearchChange)
|
||||||
|
..textInputAction(TextInputAction.search)
|
||||||
|
..addController(controller.textInputSearchController)
|
||||||
|
..addFocusNode(controller.textInputSearchFocus)
|
||||||
|
..textStyle(const TextStyle(color: Colors.black, fontSize: 16))
|
||||||
|
..keyboardType(TextInputType.text)
|
||||||
|
..onSubmitted((value) {
|
||||||
|
final query = value.trim();
|
||||||
|
if (query.isNotEmpty) {
|
||||||
|
controller.saveRecentSearch(RecentSearch.now(query));
|
||||||
|
controller.submitSearchAction(context, query);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
..maxLines(1)
|
||||||
|
..textDecoration(InputDecoration(
|
||||||
|
contentPadding: const EdgeInsets.all(12),
|
||||||
|
hintText: AppLocalizations.of(context).search_emails,
|
||||||
|
fillColor: Colors.redAccent,
|
||||||
|
hintStyle: const TextStyle(
|
||||||
|
color: AppColor.loginTextFieldHintColor,
|
||||||
|
fontSize: 16),
|
||||||
|
border: InputBorder.none)))
|
||||||
|
.build()),
|
||||||
|
Obx(() {
|
||||||
|
if (controller.currentSearchText.isNotEmpty) {
|
||||||
|
return
|
||||||
|
buildIconWeb(
|
||||||
|
icon: SvgPicture.asset(
|
||||||
|
_imagePaths.icClearTextSearch,
|
||||||
|
width: 18,
|
||||||
|
height: 18,
|
||||||
|
fit: BoxFit.fill),
|
||||||
|
tooltip: AppLocalizations.of(context).clearAll,
|
||||||
|
onTap: controller.clearAllTextInputSearchForm);
|
||||||
|
} else {
|
||||||
|
return const SizedBox.shrink();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
]
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildListSearchFilterAction(BuildContext context) {
|
||||||
|
return Container(
|
||||||
|
margin: SearchEmailUtils.getMarginSearchFilterButton(context, _responsiveUtils),
|
||||||
|
padding: SearchEmailUtils.getPaddingSearchFilterButton(context, _responsiveUtils),
|
||||||
|
height: 60,
|
||||||
|
child: ListView.builder(
|
||||||
|
scrollDirection: Axis.horizontal,
|
||||||
|
itemCount: QuickSearchFilter.values.length,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
return _buildQuickSearchFilterButton(
|
||||||
|
context,
|
||||||
|
QuickSearchFilter.values[index]);
|
||||||
|
}
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildQuickSearchFilterButton(BuildContext context, QuickSearchFilter filter) {
|
||||||
|
return Obx(() {
|
||||||
|
final filterSelected = controller.checkQuickSearchFilterSelected(filter);
|
||||||
|
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.only(right: 8),
|
||||||
|
child: InkWell(
|
||||||
|
onTap: () {
|
||||||
|
if (filter != QuickSearchFilter.last7Days) {
|
||||||
|
controller.selectQuickSearchFilter(context, filter);
|
||||||
|
} else if (_responsiveUtils.isMobile(context)) {
|
||||||
|
controller.openContextMenuAction(
|
||||||
|
context,
|
||||||
|
_emailReceiveTimeCupertinoActionTile(
|
||||||
|
context,
|
||||||
|
controller.emailReceiveTimeType.value,
|
||||||
|
(receiveTime) => controller.selectReceiveTimeQuickSearchFilter(context, receiveTime)));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onTapDown: (detail) {
|
||||||
|
if (filter == QuickSearchFilter.last7Days &&
|
||||||
|
!_responsiveUtils.isMobile(context)) {
|
||||||
|
final screenSize = MediaQuery.of(context).size;
|
||||||
|
final offset = detail.globalPosition;
|
||||||
|
final position = RelativeRect.fromLTRB(
|
||||||
|
offset.dx,
|
||||||
|
offset.dy,
|
||||||
|
screenSize.width - offset.dx,
|
||||||
|
screenSize.height - offset.dy,
|
||||||
|
);
|
||||||
|
controller.openPopupMenuAction(
|
||||||
|
context,
|
||||||
|
position,
|
||||||
|
_popupMenuEmailReceiveTimeType(
|
||||||
|
context,
|
||||||
|
controller.emailReceiveTimeType.value,
|
||||||
|
(receiveTime) => controller.selectReceiveTimeQuickSearchFilter(context, receiveTime)));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
borderRadius: const BorderRadius.all(Radius.circular(10)),
|
||||||
|
child: Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(10),
|
||||||
|
color: filter.getBackgroundColor(quickSearchFilterSelected: filterSelected)),
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
|
||||||
|
child: Row(mainAxisAlignment: MainAxisAlignment.center, children: [
|
||||||
|
SvgPicture.asset(
|
||||||
|
filter.getIcon(_imagePaths, quickSearchFilterSelected: filterSelected),
|
||||||
|
width: 16,
|
||||||
|
height: 16,
|
||||||
|
fit: BoxFit.fill),
|
||||||
|
const SizedBox(width: 4),
|
||||||
|
Text(
|
||||||
|
filter.getTitle(context, receiveTimeType: controller.emailReceiveTimeType.value),
|
||||||
|
maxLines: 1,
|
||||||
|
overflow: CommonTextStyle.defaultTextOverFlow,
|
||||||
|
softWrap: CommonTextStyle.defaultSoftWrap,
|
||||||
|
style: filter.getTextStyle(quickSearchFilterSelected: filterSelected),
|
||||||
|
),
|
||||||
|
if (filter == QuickSearchFilter.last7Days)
|
||||||
|
... [
|
||||||
|
const SizedBox(width: 4),
|
||||||
|
SvgPicture.asset(
|
||||||
|
_imagePaths.icChevronDown,
|
||||||
|
width: 16,
|
||||||
|
height: 16,
|
||||||
|
fit: BoxFit.fill),
|
||||||
|
]
|
||||||
|
])
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
List<PopupMenuEntry> _popupMenuEmailReceiveTimeType(
|
||||||
|
BuildContext context,
|
||||||
|
EmailReceiveTimeType? receiveTimeSelected,
|
||||||
|
Function(EmailReceiveTimeType?)? onCallBack
|
||||||
|
) {
|
||||||
|
return EmailReceiveTimeType.values
|
||||||
|
.map((timeType) => PopupMenuItem(
|
||||||
|
padding: EdgeInsets.zero,
|
||||||
|
child: EmailReceiveTimeActionTileWidget(
|
||||||
|
receiveTimeSelected: receiveTimeSelected,
|
||||||
|
receiveTimeType: timeType,
|
||||||
|
onCallBack: onCallBack)))
|
||||||
|
.toList();
|
||||||
|
}
|
||||||
|
|
||||||
|
List<Widget> _emailReceiveTimeCupertinoActionTile(
|
||||||
|
BuildContext context,
|
||||||
|
EmailReceiveTimeType? receiveTimeSelected,
|
||||||
|
Function(EmailReceiveTimeType?)? onCallBack
|
||||||
|
) {
|
||||||
|
return EmailReceiveTimeType.values
|
||||||
|
.map((timeType) => (EmailReceiveTimeCupertinoActionSheetActionBuilder(
|
||||||
|
timeType.getTitle(context),
|
||||||
|
timeType,
|
||||||
|
timeTypeCurrent: receiveTimeSelected,
|
||||||
|
iconLeftPadding: _responsiveUtils.isMobile(context)
|
||||||
|
? const EdgeInsets.only(left: 12, right: 16)
|
||||||
|
: const EdgeInsets.only(right: 12),
|
||||||
|
iconRightPadding: _responsiveUtils.isMobile(context)
|
||||||
|
? const EdgeInsets.only(right: 12)
|
||||||
|
: EdgeInsets.zero,
|
||||||
|
actionSelected: SvgPicture.asset(
|
||||||
|
_imagePaths.icFilterSelected,
|
||||||
|
width: 20,
|
||||||
|
height: 20,
|
||||||
|
fit: BoxFit.fill))
|
||||||
|
..onActionClick((timeType) => onCallBack?.call(timeType == receiveTimeSelected ? null : timeType)))
|
||||||
|
.build())
|
||||||
|
.toList();
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildShowAllResultSearchButton(BuildContext context, String textSearch) {
|
||||||
|
return Material(
|
||||||
|
color: Colors.transparent,
|
||||||
|
child: InkWell(
|
||||||
|
onTap: () {
|
||||||
|
final query = textSearch.trim();
|
||||||
|
if (query.isNotEmpty) {
|
||||||
|
controller.saveRecentSearch(RecentSearch.now(query));
|
||||||
|
controller.showAllResultSearchAction(context, query);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
child: Padding(
|
||||||
|
padding: SearchEmailUtils.getPaddingShowAllResultButton(context, _responsiveUtils),
|
||||||
|
child: Row(children: [
|
||||||
|
Text(AppLocalizations.of(context).showingResultsFor,
|
||||||
|
style: const TextStyle(fontSize: 13.0,
|
||||||
|
color: AppColor.colorTextButtonHeaderThread,
|
||||||
|
fontWeight: FontWeight.w500)
|
||||||
|
),
|
||||||
|
const SizedBox(width: 4),
|
||||||
|
Expanded(child: Text('"${controller.currentSearchText.value}"',
|
||||||
|
style: const TextStyle(
|
||||||
|
fontSize: 13.0,
|
||||||
|
color: Colors.black,
|
||||||
|
fontWeight: FontWeight.w500)))
|
||||||
|
])
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildListRecentSearch(
|
||||||
|
BuildContext context,
|
||||||
|
List<RecentSearch> listRecentSearch
|
||||||
|
) {
|
||||||
|
return Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
|
||||||
|
Padding(
|
||||||
|
padding: SearchEmailUtils.getPaddingSearchRecentTitle(context, _responsiveUtils),
|
||||||
|
child: Text(AppLocalizations.of(context).recent,
|
||||||
|
style: const TextStyle(fontSize: 13.0,
|
||||||
|
color: AppColor.colorTextButtonHeaderThread,
|
||||||
|
fontWeight: FontWeight.w500)
|
||||||
|
)
|
||||||
|
),
|
||||||
|
ListView.builder(
|
||||||
|
shrinkWrap: true,
|
||||||
|
primary: false,
|
||||||
|
itemCount: listRecentSearch.length,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
final recentSearch = listRecentSearch[index];
|
||||||
|
return Material(
|
||||||
|
color: Colors.transparent,
|
||||||
|
child: InkWell(
|
||||||
|
child: RecentSearchItemTileWidget(
|
||||||
|
recentSearch,
|
||||||
|
contentPadding: SearchEmailUtils.getPaddingListRecentSearch(context, _responsiveUtils)),
|
||||||
|
onTap: () => controller.searchEmailByRecentAction(context, recentSearch),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
})
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildListSuggestionSearch(
|
||||||
|
BuildContext context,
|
||||||
|
List<PresentationEmail> listSuggestionSearch
|
||||||
|
) {
|
||||||
|
return ListView.builder(
|
||||||
|
shrinkWrap: true,
|
||||||
|
primary: false,
|
||||||
|
itemCount: listSuggestionSearch.length,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
return Material(
|
||||||
|
color: Colors.transparent,
|
||||||
|
child: InkWell(
|
||||||
|
child: EmailQuickSearchItemTileWidget(
|
||||||
|
listSuggestionSearch[index],
|
||||||
|
controller.currentMailbox,
|
||||||
|
contentPadding: SearchEmailUtils.getPaddingSearchSuggestionList(context, _responsiveUtils)),
|
||||||
|
onTap: () => controller.previewEmail(context, listSuggestionSearch[index]),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildEmptyEmail(BuildContext context) {
|
||||||
|
return Obx(() => controller.viewState.value.fold(
|
||||||
|
(failure) => const SizedBox.shrink(),
|
||||||
|
(success) => success is! SearchingState
|
||||||
|
? (BackgroundWidgetBuilder(context)
|
||||||
|
..image(SvgPicture.asset(
|
||||||
|
_imagePaths.icEmptyImageDefault,
|
||||||
|
width: 120,
|
||||||
|
height: 120,
|
||||||
|
fit: BoxFit.fill))
|
||||||
|
..text(AppLocalizations.of(context).no_emails_matching_your_search))
|
||||||
|
.build()
|
||||||
|
: const SizedBox.shrink())
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildListEmailBody(BuildContext context, List<PresentationEmail> listPresentationEmail) {
|
||||||
|
return NotificationListener<ScrollNotification>(
|
||||||
|
onNotification: (ScrollNotification scrollInfo) {
|
||||||
|
if (scrollInfo is ScrollEndNotification
|
||||||
|
&& controller.searchMoreState != SearchMoreState.waiting
|
||||||
|
&& scrollInfo.metrics.pixels == scrollInfo.metrics.maxScrollExtent) {
|
||||||
|
controller.searchMoreEmailsAction();
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
child: ListView.builder(
|
||||||
|
controller: controller.resultSearchScrollController,
|
||||||
|
physics: const AlwaysScrollableScrollPhysics(),
|
||||||
|
key: const PageStorageKey('list_presentation_email_in_search_view'),
|
||||||
|
itemExtent: _getItemExtent(context),
|
||||||
|
itemCount: listPresentationEmail.length,
|
||||||
|
itemBuilder: (context, index) => Obx(() => (EmailTileBuilder(
|
||||||
|
context,
|
||||||
|
listPresentationEmail[index],
|
||||||
|
controller.selectionMode.value,
|
||||||
|
SearchStatus.ACTIVE,
|
||||||
|
controller.searchQuery,
|
||||||
|
padding: SearchEmailUtils.getPaddingSearchResultList(context, _responsiveUtils),
|
||||||
|
paddingDivider: SearchEmailUtils.getPaddingDividerSearchResultList(context, _responsiveUtils),
|
||||||
|
mailboxCurrent: listPresentationEmail[index].findMailboxContain(
|
||||||
|
controller.mailboxDashBoardController.mapMailbox))
|
||||||
|
..addOnPressEmailActionClick((action, email) =>
|
||||||
|
controller.pressEmailAction(
|
||||||
|
context,
|
||||||
|
action,
|
||||||
|
email,
|
||||||
|
mailboxContain: email.findMailboxContain(
|
||||||
|
controller.mailboxDashBoardController.mapMailbox)))
|
||||||
|
..addOnMoreActionClick((email, position) => _responsiveUtils.isMobile(context)
|
||||||
|
? controller.openContextMenuAction(context, _contextMenuActionTile(context, email))
|
||||||
|
: controller.openPopupMenuAction(context, position, _popupMenuActionTile(context, email))))
|
||||||
|
.build()))
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
double? _getItemExtent(BuildContext context) {
|
||||||
|
if (BuildUtils.isWeb) {
|
||||||
|
return _responsiveUtils.isDesktop(context) ? 52 : 95;
|
||||||
|
} else {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildLoadingView() {
|
||||||
|
return Obx(() => controller.viewState.value.fold(
|
||||||
|
(failure) => const SizedBox.shrink(),
|
||||||
|
(success) => success is SearchingState
|
||||||
|
? Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 16),
|
||||||
|
child: loadingWidget)
|
||||||
|
: const SizedBox.shrink()));
|
||||||
|
}
|
||||||
|
|
||||||
|
List<Widget> _contextMenuActionTile(BuildContext context, PresentationEmail email) {
|
||||||
|
return <Widget>[
|
||||||
|
_markAsEmailSpamOrUnSpamAction(context, email),
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _markAsEmailSpamOrUnSpamAction(BuildContext context, PresentationEmail email) {
|
||||||
|
final mailboxContain = email.findMailboxContain(controller.mailboxDashBoardController.mapMailbox);
|
||||||
|
|
||||||
|
return (EmailActionCupertinoActionSheetActionBuilder(
|
||||||
|
const Key('mark_as_spam_or_un_spam_action'),
|
||||||
|
SvgPicture.asset(
|
||||||
|
mailboxContain?.isSpam == true ? _imagePaths.icNotSpam : _imagePaths.icSpam,
|
||||||
|
width: 28, height: 28, fit: BoxFit.fill, color: AppColor.colorTextButton),
|
||||||
|
mailboxContain?.isSpam == true
|
||||||
|
? AppLocalizations.of(context).remove_from_spam
|
||||||
|
: AppLocalizations.of(context).mark_as_spam,
|
||||||
|
email,
|
||||||
|
iconLeftPadding: _responsiveUtils.isMobile(context)
|
||||||
|
? const EdgeInsets.only(left: 12, right: 16)
|
||||||
|
: const EdgeInsets.only(right: 12),
|
||||||
|
iconRightPadding: _responsiveUtils.isMobile(context)
|
||||||
|
? const EdgeInsets.only(right: 12)
|
||||||
|
: EdgeInsets.zero)
|
||||||
|
..onActionClick((email) => controller.pressEmailAction(context,
|
||||||
|
mailboxContain?.isSpam == true
|
||||||
|
? EmailActionType.unSpam
|
||||||
|
: EmailActionType.moveToSpam,
|
||||||
|
email)))
|
||||||
|
.build();
|
||||||
|
}
|
||||||
|
|
||||||
|
List<PopupMenuEntry> _popupMenuActionTile(BuildContext context, PresentationEmail email) {
|
||||||
|
return [
|
||||||
|
PopupMenuItem(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 8),
|
||||||
|
child: _markAsEmailSpamOrUnSpamAction(context, email)),
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildLoadingViewLoadMore() {
|
||||||
|
return Obx(() => controller.viewState.value.fold(
|
||||||
|
(failure) => const SizedBox.shrink(),
|
||||||
|
(success) {
|
||||||
|
return success is SearchingMoreState
|
||||||
|
? Padding(
|
||||||
|
padding: const EdgeInsets.only(bottom: 16),
|
||||||
|
child: loadingWidget)
|
||||||
|
: const SizedBox.shrink();
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,90 @@
|
|||||||
|
|
||||||
|
import 'package:core/presentation/utils/responsive_utils.dart';
|
||||||
|
import 'package:core/utils/build_utils.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
class SearchEmailUtils {
|
||||||
|
static EdgeInsets getPaddingAppBar(BuildContext context, ResponsiveUtils responsiveUtils) {
|
||||||
|
if (BuildUtils.isWeb) {
|
||||||
|
return const EdgeInsets.symmetric(horizontal: 16);
|
||||||
|
} else {
|
||||||
|
if (responsiveUtils.isScreenWithShortestSide(context)) {
|
||||||
|
return const EdgeInsets.symmetric(horizontal: 10);
|
||||||
|
} else {
|
||||||
|
return const EdgeInsets.symmetric(horizontal: 32);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
static EdgeInsets getPaddingSearchSuggestionList(BuildContext context, ResponsiveUtils responsiveUtils) {
|
||||||
|
if (BuildUtils.isWeb || !responsiveUtils.isScreenWithShortestSide(context)) {
|
||||||
|
return const EdgeInsets.symmetric(horizontal: 32, vertical: 12);
|
||||||
|
} else {
|
||||||
|
return const EdgeInsets.symmetric(horizontal: 16, vertical: 12);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
static EdgeInsets getPaddingShowAllResultButton(BuildContext context, ResponsiveUtils responsiveUtils) {
|
||||||
|
if (BuildUtils.isWeb || !responsiveUtils.isScreenWithShortestSide(context)) {
|
||||||
|
return const EdgeInsets.symmetric(horizontal: 32, vertical: 12);
|
||||||
|
} else {
|
||||||
|
return const EdgeInsets.symmetric(horizontal: 16, vertical: 12);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
static EdgeInsets getPaddingSearchRecentTitle(BuildContext context, ResponsiveUtils responsiveUtils) {
|
||||||
|
if (BuildUtils.isWeb || !responsiveUtils.isScreenWithShortestSide(context)) {
|
||||||
|
return const EdgeInsets.symmetric(horizontal: 32, vertical: 8);
|
||||||
|
} else {
|
||||||
|
return const EdgeInsets.symmetric(horizontal: 16, vertical: 8);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
static EdgeInsets getPaddingListRecentSearch(BuildContext context, ResponsiveUtils responsiveUtils) {
|
||||||
|
if (BuildUtils.isWeb || !responsiveUtils.isScreenWithShortestSide(context)) {
|
||||||
|
return const EdgeInsets.symmetric(horizontal: 32, vertical: 12);
|
||||||
|
} else {
|
||||||
|
return const EdgeInsets.symmetric(horizontal: 16, vertical: 12);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
static EdgeInsets getPaddingSearchFilterButton(BuildContext context, ResponsiveUtils responsiveUtils) {
|
||||||
|
if (BuildUtils.isWeb || !responsiveUtils.isScreenWithShortestSide(context)) {
|
||||||
|
return const EdgeInsets.all(12);
|
||||||
|
} else {
|
||||||
|
return const EdgeInsets.symmetric(vertical: 12, horizontal: 16);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
static EdgeInsets getMarginSearchFilterButton(BuildContext context, ResponsiveUtils responsiveUtils) {
|
||||||
|
if (BuildUtils.isWeb || !responsiveUtils.isScreenWithShortestSide(context)) {
|
||||||
|
return const EdgeInsets.symmetric(horizontal: 20);
|
||||||
|
} else {
|
||||||
|
return EdgeInsets.zero;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
static EdgeInsets getPaddingSearchResultList(BuildContext context, ResponsiveUtils responsiveUtils) {
|
||||||
|
if (BuildUtils.isWeb) {
|
||||||
|
return const EdgeInsets.only(left: 10);
|
||||||
|
} else {
|
||||||
|
if (responsiveUtils.isScreenWithShortestSide(context)) {
|
||||||
|
return const EdgeInsets.symmetric(horizontal: 16, vertical: 5);
|
||||||
|
} else {
|
||||||
|
return const EdgeInsets.symmetric(horizontal: 32, vertical: 5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
static EdgeInsets getPaddingDividerSearchResultList(BuildContext context, ResponsiveUtils responsiveUtils) {
|
||||||
|
if (BuildUtils.isWeb) {
|
||||||
|
return const EdgeInsets.symmetric(horizontal: 16);
|
||||||
|
} else {
|
||||||
|
if (responsiveUtils.isScreenWithShortestSide(context)) {
|
||||||
|
return const EdgeInsets.symmetric(horizontal: 16);
|
||||||
|
} else {
|
||||||
|
return const EdgeInsets.symmetric(horizontal: 32);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,149 @@
|
|||||||
|
|
||||||
|
import 'package:core/presentation/extensions/color_extension.dart';
|
||||||
|
import 'package:core/presentation/resources/image_paths.dart';
|
||||||
|
import 'package:core/presentation/views/button/icon_button_web.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_svg/flutter_svg.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: [
|
||||||
|
buildIconWeb(
|
||||||
|
icon: SvgPicture.asset(_imagePaths.icCloseComposer,
|
||||||
|
color: AppColor.colorTextButton,
|
||||||
|
fit: BoxFit.fill),
|
||||||
|
minSize: 25,
|
||||||
|
iconSize: 25,
|
||||||
|
iconPadding: const EdgeInsets.all(5),
|
||||||
|
splashRadius: 15,
|
||||||
|
tooltip: AppLocalizations.of(context).cancel,
|
||||||
|
onTap: onCancelSelection),
|
||||||
|
Expanded(child: Text(
|
||||||
|
AppLocalizations.of(context).count_email_selected(listEmail.length),
|
||||||
|
style: const TextStyle(
|
||||||
|
fontSize: 17,
|
||||||
|
fontWeight: FontWeight.w500,
|
||||||
|
color: AppColor.colorTextButton))),
|
||||||
|
buildIconWeb(
|
||||||
|
minSize: 25,
|
||||||
|
iconSize: 25,
|
||||||
|
iconPadding: const EdgeInsets.all(5),
|
||||||
|
splashRadius: 15,
|
||||||
|
icon: SvgPicture.asset(
|
||||||
|
listEmail.isAllEmailRead
|
||||||
|
? _imagePaths.icRead
|
||||||
|
: _imagePaths.icUnread,
|
||||||
|
fit: BoxFit.fill),
|
||||||
|
tooltip: listEmail.isAllEmailRead
|
||||||
|
? AppLocalizations.of(context).unread
|
||||||
|
: AppLocalizations.of(context).read,
|
||||||
|
onTap: () => onHandleEmailAction?.call(
|
||||||
|
listEmail.isAllEmailRead
|
||||||
|
? EmailActionType.markAsUnread
|
||||||
|
: EmailActionType.markAsRead,
|
||||||
|
listEmail)),
|
||||||
|
const SizedBox(width: 5),
|
||||||
|
buildIconWeb(
|
||||||
|
minSize: 25,
|
||||||
|
iconSize: 25,
|
||||||
|
iconPadding: const EdgeInsets.all(5),
|
||||||
|
splashRadius: 15,
|
||||||
|
icon: SvgPicture.asset(
|
||||||
|
listEmail.isAllEmailStarred
|
||||||
|
? _imagePaths.icUnStar
|
||||||
|
: _imagePaths.icStar,
|
||||||
|
fit: BoxFit.fill),
|
||||||
|
tooltip: listEmail.isAllEmailStarred
|
||||||
|
? AppLocalizations.of(context).not_starred
|
||||||
|
: AppLocalizations.of(context).starred,
|
||||||
|
onTap: () => onHandleEmailAction?.call(
|
||||||
|
listEmail.isAllEmailStarred
|
||||||
|
? EmailActionType.unMarkAsStarred
|
||||||
|
: EmailActionType.markAsStarred,
|
||||||
|
listEmail)),
|
||||||
|
const SizedBox(width: 5),
|
||||||
|
if (canSpamAndMove)
|
||||||
|
... [
|
||||||
|
buildIconWeb(
|
||||||
|
minSize: 25,
|
||||||
|
iconSize: 25,
|
||||||
|
iconPadding: const EdgeInsets.all(5),
|
||||||
|
splashRadius: 15,
|
||||||
|
icon: SvgPicture.asset(_imagePaths.icMove, fit: BoxFit.fill),
|
||||||
|
tooltip: AppLocalizations.of(context).move,
|
||||||
|
onTap: () => onHandleEmailAction?.call(EmailActionType.moveToMailbox, listEmail)),
|
||||||
|
const SizedBox(width: 5),
|
||||||
|
buildIconWeb(
|
||||||
|
minSize: 25,
|
||||||
|
iconSize: 25,
|
||||||
|
iconPadding: const EdgeInsets.all(5),
|
||||||
|
splashRadius: 15,
|
||||||
|
icon: SvgPicture.asset(isAllSpam
|
||||||
|
? _imagePaths.icNotSpam
|
||||||
|
: _imagePaths.icSpam,
|
||||||
|
fit: BoxFit.fill),
|
||||||
|
tooltip: isAllSpam
|
||||||
|
? AppLocalizations.of(context).un_spam
|
||||||
|
: AppLocalizations.of(context).mark_as_spam,
|
||||||
|
onTap: () => isAllSpam
|
||||||
|
? onHandleEmailAction?.call(EmailActionType.unSpam, listEmail)
|
||||||
|
: onHandleEmailAction?.call(EmailActionType.moveToSpam, listEmail.listEmailCanSpam(mapMailbox))),
|
||||||
|
const SizedBox(width: 5),
|
||||||
|
],
|
||||||
|
if (isAllBelongToTheSameMailbox)
|
||||||
|
...[
|
||||||
|
buildIconWeb(
|
||||||
|
minSize: 25,
|
||||||
|
iconSize: 25,
|
||||||
|
iconPadding: const EdgeInsets.all(5),
|
||||||
|
splashRadius: 15,
|
||||||
|
icon: SvgPicture.asset(
|
||||||
|
canDeletePermanently
|
||||||
|
? _imagePaths.icDeleteComposer
|
||||||
|
: _imagePaths.icDelete,
|
||||||
|
color: canDeletePermanently
|
||||||
|
? AppColor.colorDeletePermanentlyButton
|
||||||
|
: AppColor.primaryColor,
|
||||||
|
width: 20,
|
||||||
|
height: 20,
|
||||||
|
fit: BoxFit.fill),
|
||||||
|
tooltip: canDeletePermanently
|
||||||
|
? AppLocalizations.of(context).delete_permanently
|
||||||
|
: AppLocalizations.of(context).move_to_trash,
|
||||||
|
onTap: () => canDeletePermanently
|
||||||
|
? onHandleEmailAction?.call(EmailActionType.deletePermanently, listEmail)
|
||||||
|
: onHandleEmailAction?.call(EmailActionType.moveToTrash, listEmail)),
|
||||||
|
const SizedBox(width: 10)
|
||||||
|
],
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,51 @@
|
|||||||
|
|
||||||
|
import 'package:core/presentation/resources/image_paths.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_svg/flutter_svg.dart';
|
||||||
|
import 'package:get/get.dart';
|
||||||
|
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/model/search/email_receive_time_type.dart';
|
||||||
|
|
||||||
|
class EmailReceiveTimeActionTileWidget extends StatelessWidget {
|
||||||
|
|
||||||
|
final EmailReceiveTimeType? receiveTimeSelected;
|
||||||
|
final EmailReceiveTimeType receiveTimeType;
|
||||||
|
final Function(EmailReceiveTimeType?)? onCallBack;
|
||||||
|
|
||||||
|
const EmailReceiveTimeActionTileWidget({
|
||||||
|
Key? key,
|
||||||
|
this.receiveTimeSelected,
|
||||||
|
required this.receiveTimeType,
|
||||||
|
this.onCallBack
|
||||||
|
}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
final imagePaths = Get.find<ImagePaths>();
|
||||||
|
|
||||||
|
return InkWell(
|
||||||
|
onTap: () => onCallBack?.call(receiveTimeType == receiveTimeSelected ? null : receiveTimeType),
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
|
||||||
|
child: SizedBox(
|
||||||
|
width: 320,
|
||||||
|
child: Row(children: [
|
||||||
|
Expanded(child: Text(
|
||||||
|
receiveTimeType.getTitle(context),
|
||||||
|
style: const TextStyle(
|
||||||
|
fontSize: 17,
|
||||||
|
color: Colors.black,
|
||||||
|
fontWeight: FontWeight.normal))),
|
||||||
|
if (receiveTimeType == receiveTimeSelected)
|
||||||
|
const SizedBox(width: 12),
|
||||||
|
if (receiveTimeType == receiveTimeSelected)
|
||||||
|
SvgPicture.asset(
|
||||||
|
imagePaths.icFilterSelected,
|
||||||
|
width: 24,
|
||||||
|
height: 24,
|
||||||
|
fit: BoxFit.fill),
|
||||||
|
])
|
||||||
|
),
|
||||||
|
)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
+54
@@ -0,0 +1,54 @@
|
|||||||
|
|
||||||
|
import 'package:core/core.dart';
|
||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter_svg/svg.dart';
|
||||||
|
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/model/search/email_receive_time_type.dart';
|
||||||
|
|
||||||
|
class EmailReceiveTimeCupertinoActionSheetActionBuilder
|
||||||
|
extends CupertinoActionSheetNoIconBuilder<EmailReceiveTimeType> {
|
||||||
|
|
||||||
|
final EmailReceiveTimeType timeType;
|
||||||
|
final EmailReceiveTimeType? timeTypeCurrent;
|
||||||
|
final SvgPicture? actionSelected;
|
||||||
|
final Color? bgColor;
|
||||||
|
final EdgeInsets? iconLeftPadding;
|
||||||
|
final EdgeInsets? iconRightPadding;
|
||||||
|
|
||||||
|
EmailReceiveTimeCupertinoActionSheetActionBuilder(
|
||||||
|
String actionName,
|
||||||
|
this.timeType, {
|
||||||
|
Key? key,
|
||||||
|
this.timeTypeCurrent,
|
||||||
|
this.actionSelected,
|
||||||
|
this.bgColor,
|
||||||
|
this.iconLeftPadding,
|
||||||
|
this.iconRightPadding,
|
||||||
|
}) : super(actionName);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build() {
|
||||||
|
return Container(
|
||||||
|
color: bgColor ?? Colors.white,
|
||||||
|
child: MouseRegion(
|
||||||
|
cursor: BuildUtils.isWeb ? MaterialStateMouseCursor.clickable : MouseCursor.defer,
|
||||||
|
child: CupertinoActionSheetAction(
|
||||||
|
key: key,
|
||||||
|
child: Row(mainAxisAlignment: MainAxisAlignment.center, children: [
|
||||||
|
const SizedBox(width: 16),
|
||||||
|
Expanded(child: Text(actionName, textAlign: TextAlign.left, style: actionTextStyle())),
|
||||||
|
if (timeTypeCurrent == timeType && actionSelected != null)
|
||||||
|
Padding(
|
||||||
|
padding: iconRightPadding ?? const EdgeInsets.only(right: 16),
|
||||||
|
child: actionSelected!),
|
||||||
|
]),
|
||||||
|
onPressed: () {
|
||||||
|
if (onCupertinoActionSheetActionClick != null) {
|
||||||
|
onCupertinoActionSheetActionClick!(timeType);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user