TF-1437 Handle search mailbox in destination picker
This commit is contained in:
dab246
@@ -1,266 +0,0 @@
|
||||
import 'package:core/core.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_svg/flutter_svg.dart';
|
||||
import 'package:jmap_dart_client/jmap/mail/mailbox/mailbox.dart';
|
||||
import 'package:model/model.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox/domain/extensions/presentation_mailbox_extension.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/utils/mailbox_method_action_define.dart';
|
||||
|
||||
class MailboxSearchTileBuilder {
|
||||
|
||||
final PresentationMailbox _presentationMailbox;
|
||||
final SelectMode allSelectMode;
|
||||
final ImagePaths _imagePaths;
|
||||
final ResponsiveUtils _responsiveUtils;
|
||||
final BuildContext _context;
|
||||
final MailboxDisplayed mailboxDisplayed;
|
||||
final MailboxActions? mailboxActions;
|
||||
final MailboxId? mailboxIdAlreadySelected;
|
||||
final MailboxId? lastMailboxIdInSearchedList;
|
||||
final MailboxId? mailboxIdDestination;
|
||||
|
||||
bool isHoverItem = false;
|
||||
|
||||
OnClickOpenMailboxAction? _onOpenMailboxActionClick;
|
||||
OnSelectMailboxAction? _onSelectMailboxActionClick;
|
||||
OnClickOpenMenuMailboxAction? _onMenuActionClick;
|
||||
OnDragEmailToMailboxAccepted? _onDragItemAccepted;
|
||||
|
||||
MailboxSearchTileBuilder(
|
||||
this._context,
|
||||
this._imagePaths,
|
||||
this._responsiveUtils,
|
||||
this._presentationMailbox,
|
||||
{
|
||||
this.allSelectMode = SelectMode.INACTIVE,
|
||||
this.lastMailboxIdInSearchedList,
|
||||
this.mailboxDisplayed = MailboxDisplayed.mailbox,
|
||||
this.mailboxActions,
|
||||
this.mailboxIdAlreadySelected,
|
||||
this.mailboxIdDestination,
|
||||
}
|
||||
);
|
||||
|
||||
void addOnOpenMailboxAction(OnClickOpenMailboxAction onOpenMailboxActionClick) {
|
||||
_onOpenMailboxActionClick = onOpenMailboxActionClick;
|
||||
}
|
||||
|
||||
void addOnSelectMailboxAction(OnSelectMailboxAction onSelectMailboxActionClick) {
|
||||
_onSelectMailboxActionClick = onSelectMailboxActionClick;
|
||||
}
|
||||
|
||||
void addOnMenuActionClick(OnClickOpenMenuMailboxAction onOpenMenuActionClick) {
|
||||
_onMenuActionClick = onOpenMenuActionClick;
|
||||
}
|
||||
|
||||
void addOnDragEmailToMailboxAccepted(OnDragEmailToMailboxAccepted onDragItemAccepted) {
|
||||
_onDragItemAccepted = onDragItemAccepted;
|
||||
}
|
||||
|
||||
Widget build() {
|
||||
return Theme(
|
||||
data: ThemeData(
|
||||
splashColor: Colors.transparent,
|
||||
highlightColor: Colors.transparent),
|
||||
child: DragTarget<List<PresentationEmail>>(
|
||||
builder: (context, _, __,) {
|
||||
return _buildMailboxItem();
|
||||
},
|
||||
onAccept: (emails) {
|
||||
_onDragItemAccepted?.call(emails, _presentationMailbox);
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildMailboxItem() {
|
||||
if (BuildUtils.isWeb) {
|
||||
return StatefulBuilder(
|
||||
builder: (BuildContext context, StateSetter setState) {
|
||||
return AbsorbPointer(
|
||||
absorbing: !_presentationMailbox.isActivated,
|
||||
child: Opacity(
|
||||
opacity: _presentationMailbox.isActivated ? 1.0 : 0.3,
|
||||
child: InkWell(
|
||||
onTap: () {},
|
||||
onHover: (value) => setState(() => isHoverItem = value),
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
color: backgroundColorItem),
|
||||
child: ListTile(
|
||||
contentPadding: const EdgeInsets.symmetric(horizontal: 24),
|
||||
onTap: () => _onOpenMailboxActionClick?.call(_presentationMailbox),
|
||||
leading: _buildLeadingIcon(),
|
||||
title: _buildTitleItem(),
|
||||
subtitle: _buildSubtitleItem(),
|
||||
trailing: _buildMenuIcon(),
|
||||
),
|
||||
)
|
||||
),
|
||||
),
|
||||
);
|
||||
});
|
||||
} else {
|
||||
return Column(children: [
|
||||
AbsorbPointer(
|
||||
absorbing: !_presentationMailbox.isActivated,
|
||||
child: Opacity(
|
||||
opacity: _presentationMailbox.isActivated ? 1.0 : 0.3,
|
||||
child: Container(
|
||||
color: _presentationMailbox.id == mailboxIdDestination &&
|
||||
mailboxDisplayed == MailboxDisplayed.destinationPicker
|
||||
? AppColor.colorItemSelected
|
||||
: Colors.transparent,
|
||||
padding: mailboxDisplayed == MailboxDisplayed.destinationPicker
|
||||
? const EdgeInsets.only(left: 16, right: 8)
|
||||
: EdgeInsets.zero,
|
||||
child: ListTile(
|
||||
contentPadding: EdgeInsets.zero,
|
||||
onTap: () => allSelectMode == SelectMode.ACTIVE
|
||||
? _onSelectMailboxActionClick?.call(_presentationMailbox)
|
||||
: _onOpenMailboxActionClick?.call(_presentationMailbox),
|
||||
leading: _buildLeadingIcon(),
|
||||
title: _buildTitleItem(),
|
||||
subtitle: _buildSubtitleItem(),
|
||||
trailing: _buildSelectedIcon(),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
if (lastMailboxIdInSearchedList != _presentationMailbox.id)
|
||||
Padding(
|
||||
padding: EdgeInsets.only(left: allSelectMode == SelectMode.ACTIVE ? 50 : 35),
|
||||
child: const Divider(color: AppColor.lineItemListColor, height: 0.5, thickness: 0.2)),
|
||||
]);
|
||||
}
|
||||
}
|
||||
|
||||
Widget _buildLeadingIcon() {
|
||||
if (BuildUtils.isWeb) {
|
||||
return _buildMailboxIcon();
|
||||
} else {
|
||||
return allSelectMode == SelectMode.ACTIVE ? _buildSelectModeIcon() : _buildMailboxIcon();
|
||||
}
|
||||
}
|
||||
|
||||
Widget _buildMailboxIcon() {
|
||||
return SvgPicture.asset(_presentationMailbox.getMailboxIcon(_imagePaths),
|
||||
width: BuildUtils.isWeb ? 20 : 24,
|
||||
height: BuildUtils.isWeb ? 20 : 24,
|
||||
fit: BoxFit.fill);
|
||||
}
|
||||
|
||||
Widget _buildSelectModeIcon() {
|
||||
return Container(
|
||||
color: Colors.transparent,
|
||||
child: Transform(
|
||||
transform: Matrix4.translationValues(BuildUtils.isWeb ? -8.0 : -10.0, 0.0, 0.0),
|
||||
child: buildIconWeb(
|
||||
icon: SvgPicture.asset(
|
||||
_presentationMailbox.selectMode == SelectMode.ACTIVE ? _imagePaths.icSelected : _imagePaths.icUnSelected,
|
||||
width: BuildUtils.isWeb ? 20 : 24,
|
||||
height: BuildUtils.isWeb ? 20 : 24,
|
||||
fit: BoxFit.fill),
|
||||
onTap: () => _onSelectMailboxActionClick?.call(_presentationMailbox))),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildTitleItem() {
|
||||
return Row(children: [
|
||||
if (allSelectMode == SelectMode.ACTIVE)
|
||||
Transform(
|
||||
transform: Matrix4.translationValues(-24.0, 0.0, 0.0),
|
||||
child: _buildMailboxIcon()),
|
||||
Expanded(child: Transform(
|
||||
transform: Matrix4.translationValues(allSelectMode == SelectMode.ACTIVE ? -16.0 : -20.0, 0.0, 0.0),
|
||||
child: Text(
|
||||
_presentationMailbox.name?.name ?? '',
|
||||
maxLines: 1,
|
||||
overflow:TextOverflow.ellipsis,
|
||||
style: const TextStyle(fontSize: 17, color: AppColor.colorNameEmail, fontWeight: FontWeight.normal),
|
||||
))),
|
||||
]);
|
||||
}
|
||||
|
||||
Widget? _buildSubtitleItem() {
|
||||
if (_presentationMailbox.mailboxPath?.isNotEmpty == true) {
|
||||
return Transform(
|
||||
transform: Matrix4.translationValues(allSelectMode == SelectMode.ACTIVE ? 12.0 : -20.0, 0.0, 0.0),
|
||||
child: Text(
|
||||
_presentationMailbox.mailboxPath ?? '',
|
||||
maxLines: 1,
|
||||
overflow:TextOverflow.ellipsis,
|
||||
style: const TextStyle(fontSize: 13, color: AppColor.colorContentEmail),
|
||||
),
|
||||
);
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
Widget? _buildMenuIcon() {
|
||||
if (isHoverItem && mailboxDisplayed == MailboxDisplayed.mailbox) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(right: 8),
|
||||
child: InkWell(
|
||||
onTapDown: (detail) {
|
||||
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,
|
||||
);
|
||||
_onMenuActionClick?.call(position, _presentationMailbox);
|
||||
},
|
||||
onTap: () => {},
|
||||
child: SvgPicture.asset(_imagePaths.icComposerMenu,
|
||||
width: 20,
|
||||
height: 20,
|
||||
fit: BoxFit.fill)),
|
||||
);
|
||||
} else {
|
||||
return _buildSelectedIcon();
|
||||
}
|
||||
}
|
||||
|
||||
Color get backgroundColorItem {
|
||||
if (_presentationMailbox.id == mailboxIdDestination &&
|
||||
mailboxDisplayed == MailboxDisplayed.destinationPicker) {
|
||||
return AppColor.colorItemSelected;
|
||||
} else {
|
||||
if (isHoverItem) {
|
||||
return AppColor.colorBgMailboxSelected;
|
||||
} else {
|
||||
if (mailboxDisplayed == MailboxDisplayed.mailbox) {
|
||||
return _responsiveUtils.isDesktop(_context)
|
||||
? AppColor.colorBgDesktop
|
||||
: Colors.white;
|
||||
} else {
|
||||
return Colors.white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Widget? _buildSelectedIcon() {
|
||||
if (_presentationMailbox.id == mailboxIdAlreadySelected &&
|
||||
mailboxDisplayed == MailboxDisplayed.destinationPicker &&
|
||||
(mailboxActions == MailboxActions.select ||
|
||||
mailboxActions == MailboxActions.create)) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(right: 8),
|
||||
child: SvgPicture.asset(
|
||||
_imagePaths.icFilterSelected,
|
||||
width: 20,
|
||||
height: 20,
|
||||
fit: BoxFit.fill),
|
||||
);
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user