TF-1983 Convert mailbox item tile builder to StatefulWidget
(cherry picked from commit 6aafea0339d556f8c0266d40c0de61ba24166fec)
This commit is contained in:
dab246
@@ -0,0 +1,255 @@
|
||||
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/utils/platform_info.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/presentation_email.dart';
|
||||
import 'package:model/mailbox/presentation_mailbox.dart';
|
||||
import 'package:model/mailbox/select_mode.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_actions.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_displayed.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_node.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/styles/mailbox_item_widget_styles.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/utils/mailbox_method_action_define.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/widgets/label_mailbox_item_widget.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/widgets/leading_mailbox_item_widget.dart';
|
||||
|
||||
class MailboxItemWidget extends StatefulWidget {
|
||||
|
||||
final MailboxNode mailboxNode;
|
||||
final SelectMode selectionMode;
|
||||
final MailboxDisplayed mailboxDisplayed;
|
||||
final PresentationMailbox? mailboxNodeSelected;
|
||||
final MailboxActions? mailboxActions;
|
||||
final MailboxId? mailboxIdAlreadySelected;
|
||||
|
||||
final OnClickExpandMailboxNodeAction? onExpandFolderActionClick;
|
||||
final OnClickOpenMailboxNodeAction? onOpenMailboxFolderClick;
|
||||
final OnSelectMailboxNodeAction? onSelectMailboxFolderClick;
|
||||
final OnClickOpenMenuMailboxNodeAction? onMenuActionClick;
|
||||
final OnDragEmailToMailboxAccepted? onDragItemAccepted;
|
||||
final OnLongPressMailboxNodeAction? onLongPressMailboxNodeAction;
|
||||
|
||||
const MailboxItemWidget({
|
||||
super.key,
|
||||
required this.mailboxNode,
|
||||
this.selectionMode = SelectMode.INACTIVE,
|
||||
this.mailboxDisplayed = MailboxDisplayed.mailbox,
|
||||
this.mailboxNodeSelected,
|
||||
this.mailboxActions,
|
||||
this.mailboxIdAlreadySelected,
|
||||
this.onExpandFolderActionClick,
|
||||
this.onOpenMailboxFolderClick,
|
||||
this.onSelectMailboxFolderClick,
|
||||
this.onMenuActionClick,
|
||||
this.onDragItemAccepted,
|
||||
this.onLongPressMailboxNodeAction,
|
||||
});
|
||||
|
||||
@override
|
||||
State<MailboxItemWidget> createState() => _MailboxItemWidgetState();
|
||||
}
|
||||
|
||||
class _MailboxItemWidgetState extends State<MailboxItemWidget> {
|
||||
|
||||
final _responsiveUtils = Get.find<ResponsiveUtils>();
|
||||
final _imagePaths = Get.find<ImagePaths>();
|
||||
|
||||
bool _isItemHovered = false;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
if (_responsiveUtils.isWebDesktop(context) && widget.mailboxDisplayed == MailboxDisplayed.mailbox) {
|
||||
return DragTarget<List<PresentationEmail>>(
|
||||
builder: (context, candidateEmails, rejectedEmails) {
|
||||
return InkWell(
|
||||
onTap: () => widget.onOpenMailboxFolderClick?.call(widget.mailboxNode),
|
||||
onHover: (value) => setState(() => _isItemHovered = value),
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: const BorderRadius.all(Radius.circular(MailboxItemWidgetStyles.borderRadius)),
|
||||
color: backgroundColorItem
|
||||
),
|
||||
padding: const EdgeInsets.all(MailboxItemWidgetStyles.padding),
|
||||
child: Row(
|
||||
children: [
|
||||
LeadingMailboxItemWidget(
|
||||
mailboxNode: widget.mailboxNode,
|
||||
selectionMode: widget.selectionMode,
|
||||
onSelectMailboxFolderClick: widget.onSelectMailboxFolderClick,
|
||||
onExpandFolderActionClick: widget.onExpandFolderActionClick,
|
||||
),
|
||||
const SizedBox(width: MailboxItemWidgetStyles.space),
|
||||
Expanded(
|
||||
child: LabelMailboxItemWidget(
|
||||
mailboxNode: widget.mailboxNode,
|
||||
isItemHovered: _isItemHovered,
|
||||
onMenuActionClick: widget.onMenuActionClick
|
||||
)
|
||||
),
|
||||
]
|
||||
)
|
||||
),
|
||||
);
|
||||
},
|
||||
onAccept: (emails) => widget.onDragItemAccepted?.call(emails, widget.mailboxNode.item),
|
||||
);
|
||||
} else {
|
||||
if (widget.mailboxDisplayed == MailboxDisplayed.mailbox) {
|
||||
if (PlatformInfo.isWeb) {
|
||||
return InkWell(
|
||||
onTap: () => widget.onOpenMailboxFolderClick?.call(widget.mailboxNode),
|
||||
onHover: (value) => setState(() => _isItemHovered = value),
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: const BorderRadius.all(Radius.circular(MailboxItemWidgetStyles.borderRadius)),
|
||||
color: backgroundColorItem
|
||||
),
|
||||
padding: const EdgeInsets.all(MailboxItemWidgetStyles.padding),
|
||||
child: Row(
|
||||
children: [
|
||||
LeadingMailboxItemWidget(
|
||||
mailboxNode: widget.mailboxNode,
|
||||
selectionMode: widget.selectionMode,
|
||||
onSelectMailboxFolderClick: widget.onSelectMailboxFolderClick,
|
||||
onExpandFolderActionClick: widget.onExpandFolderActionClick,
|
||||
),
|
||||
const SizedBox(width: MailboxItemWidgetStyles.space),
|
||||
Expanded(
|
||||
child: LabelMailboxItemWidget(
|
||||
mailboxNode: widget.mailboxNode,
|
||||
isItemHovered: _isItemHovered,
|
||||
onMenuActionClick: widget.onMenuActionClick
|
||||
)
|
||||
),
|
||||
]
|
||||
)
|
||||
),
|
||||
);
|
||||
} else {
|
||||
return Material(
|
||||
color: Colors.transparent,
|
||||
child: InkWell(
|
||||
onLongPress: () => widget.onLongPressMailboxNodeAction?.call(widget.mailboxNode),
|
||||
onTap: () => widget.selectionMode == SelectMode.ACTIVE
|
||||
? widget.onSelectMailboxFolderClick?.call(widget.mailboxNode)
|
||||
: widget.onOpenMailboxFolderClick?.call(widget.mailboxNode),
|
||||
borderRadius: const BorderRadius.all(Radius.circular(MailboxItemWidgetStyles.borderRadius)),
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: const BorderRadius.all(Radius.circular(MailboxItemWidgetStyles.borderRadius)),
|
||||
color: backgroundColorItem
|
||||
),
|
||||
padding: const EdgeInsets.all(MailboxItemWidgetStyles.padding),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
LeadingMailboxItemWidget(
|
||||
mailboxNode: widget.mailboxNode,
|
||||
selectionMode: widget.selectionMode,
|
||||
onSelectMailboxFolderClick: widget.onSelectMailboxFolderClick,
|
||||
onExpandFolderActionClick: widget.onExpandFolderActionClick,
|
||||
),
|
||||
const SizedBox(width: MailboxItemWidgetStyles.padding),
|
||||
Expanded(
|
||||
child: LabelMailboxItemWidget(
|
||||
mailboxNode: widget.mailboxNode,
|
||||
isItemHovered: _isItemHovered,
|
||||
onMenuActionClick: widget.onMenuActionClick
|
||||
)
|
||||
),
|
||||
if (_isSelectActionNoValid)
|
||||
SvgPicture.asset(
|
||||
_imagePaths.icSelectedSB,
|
||||
width: MailboxItemWidgetStyles.selectionIconSize,
|
||||
height: MailboxItemWidgetStyles.selectionIconSize,
|
||||
fit: BoxFit.fill
|
||||
)
|
||||
]
|
||||
),
|
||||
]
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
} else {
|
||||
return AbsorbPointer(
|
||||
absorbing: !widget.mailboxNode.isActivated,
|
||||
child: Opacity(
|
||||
opacity: widget.mailboxNode.isActivated ? 1.0 : 0.3,
|
||||
child: Material(
|
||||
color: Colors.transparent,
|
||||
child: InkWell(
|
||||
onTap: () => !_isSelectActionNoValid
|
||||
? widget.onOpenMailboxFolderClick?.call(widget.mailboxNode)
|
||||
: null,
|
||||
customBorder: const RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(8))),
|
||||
hoverColor: AppColor.colorMailboxHovered,
|
||||
child: Container(
|
||||
padding: const EdgeInsets.symmetric(vertical: MailboxItemWidgetStyles.padding),
|
||||
color: widget.mailboxNode.isSelected
|
||||
? AppColor.colorItemSelected
|
||||
: Colors.transparent,
|
||||
child: Row(
|
||||
children: [
|
||||
LeadingMailboxItemWidget(
|
||||
mailboxNode: widget.mailboxNode,
|
||||
selectionMode: widget.selectionMode,
|
||||
onSelectMailboxFolderClick: widget.onSelectMailboxFolderClick,
|
||||
onExpandFolderActionClick: widget.onExpandFolderActionClick,
|
||||
),
|
||||
const SizedBox(width: MailboxItemWidgetStyles.padding),
|
||||
Expanded(
|
||||
child: LabelMailboxItemWidget(
|
||||
mailboxNode: widget.mailboxNode,
|
||||
showTrailing: false,
|
||||
isItemHovered: _isItemHovered,
|
||||
onMenuActionClick: widget.onMenuActionClick
|
||||
)
|
||||
),
|
||||
if (_isSelectActionNoValid)
|
||||
SvgPicture.asset(
|
||||
_imagePaths.icSelectedSB,
|
||||
width: MailboxItemWidgetStyles.selectionIconSize,
|
||||
height: MailboxItemWidgetStyles.selectionIconSize,
|
||||
fit: BoxFit.fill
|
||||
),
|
||||
const SizedBox(width: MailboxItemWidgetStyles.padding),
|
||||
]
|
||||
)
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Color get backgroundColorItem {
|
||||
if (widget.mailboxDisplayed == MailboxDisplayed.destinationPicker) {
|
||||
return Colors.white;
|
||||
} else {
|
||||
if (widget.mailboxNodeSelected?.id == widget.mailboxNode.item.id || _isItemHovered) {
|
||||
return AppColor.colorBgMailboxSelected;
|
||||
} else {
|
||||
return Colors.transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
bool get _isSelectActionNoValid => widget.mailboxNode.item.id == widget.mailboxIdAlreadySelected &&
|
||||
widget.mailboxDisplayed == MailboxDisplayed.destinationPicker &&
|
||||
(
|
||||
widget.mailboxActions == MailboxActions.select ||
|
||||
widget.mailboxActions == MailboxActions.create ||
|
||||
widget.mailboxActions == MailboxActions.moveEmail
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user