eduvia/workavia-mail-front
11
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

TF-933 Add new SearchEmailView to handle search all email on Mobile/Tablet

Browse Source
This commit is contained in:
dab246
2022-09-16 03:21:49 +07:00
committed by Dat H. Pham
parent 9eac691b57
commit e3d86c67bd
8 changed files with 1521 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/search/presentation/widgets/app_bar_selection_mode.dart
+149
View File
@@ -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)
],
]);
}
}
lib/features/search/presentation/widgets/email_receive_time_action_tile_widget.dart
+51
View File
@@ -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),
])
),
)
);
}
}
lib/features/search/presentation/widgets/email_receive_time_cupertino_action_sheet_action_builder.dart
+54
View File
@@ -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);
}
},
),
),
);
}
}