dab246
420 lines
17 KiB
Dart
420 lines
17 KiB
Dart
import 'package:core/core.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/model.dart';
|
|
import 'package:pointer_interceptor/pointer_interceptor.dart';
|
|
import 'package:tmail_ui_user/features/base/mixin/app_loader_mixin.dart';
|
|
import 'package:tmail_ui_user/features/destination_picker/presentation/destination_picker_controller.dart';
|
|
import 'package:tmail_ui_user/features/destination_picker/presentation/model/destination_picker_arguments.dart';
|
|
import 'package:tmail_ui_user/features/destination_picker/presentation/widgets/top_bar_destination_picker_builder.dart';
|
|
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_actions.dart';
|
|
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_categories.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/widgets/mailbox_folder_tile_builder.dart';
|
|
import 'package:tmail_ui_user/features/mailbox/presentation/widgets/mailbox_search_tile_builder.dart';
|
|
import 'package:tmail_ui_user/features/thread/presentation/widgets/search_app_bar_widget.dart';
|
|
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
|
|
|
|
class DestinationPickerView extends GetWidget<DestinationPickerController>
|
|
with AppLoaderMixin {
|
|
|
|
final _maxHeight = 656.0;
|
|
final _imagePaths = Get.find<ImagePaths>();
|
|
final _responsiveUtils = Get.find<ResponsiveUtils>();
|
|
|
|
DestinationPickerView({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
MailboxActions? actions;
|
|
MailboxId? mailboxIdSelected;
|
|
final arguments = Get.arguments;
|
|
if (arguments != null && arguments is DestinationPickerArguments) {
|
|
actions = arguments.mailboxAction;
|
|
mailboxIdSelected = arguments.mailboxIdSelected;
|
|
}
|
|
|
|
return PointerInterceptor(
|
|
child: GestureDetector(
|
|
onTap: () => controller.closeDestinationPicker(),
|
|
child: Card(
|
|
margin: EdgeInsets.zero,
|
|
borderOnForeground: false,
|
|
color: Colors.transparent,
|
|
child: SafeArea(
|
|
top: !BuildUtils.isWeb && _responsiveUtils.isPortraitMobile(context),
|
|
bottom: false,
|
|
left: false,
|
|
right: false,
|
|
child: Center(
|
|
child: Container(
|
|
margin: _getMarginDestinationPicker(context),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: _getRadiusDestinationPicker(context),
|
|
boxShadow: const [
|
|
BoxShadow(
|
|
color: AppColor.colorShadowLayerBottom,
|
|
blurRadius: 96,
|
|
spreadRadius: 96,
|
|
offset: Offset.zero),
|
|
BoxShadow(
|
|
color: AppColor.colorShadowLayerTop,
|
|
blurRadius: 2,
|
|
spreadRadius: 2,
|
|
offset: Offset.zero),
|
|
]),
|
|
width: _getWidthDestinationPicker(context),
|
|
height: _getHeightDestinationPicker(context),
|
|
child: ClipRRect(
|
|
borderRadius: _getRadiusDestinationPicker(context),
|
|
child: GestureDetector(
|
|
onTap: () => {},
|
|
child: SafeArea(
|
|
top: false,
|
|
bottom: false,
|
|
left: !BuildUtils.isWeb && _responsiveUtils.isLandscapeMobile(context),
|
|
right: !BuildUtils.isWeb && _responsiveUtils.isLandscapeMobile(context),
|
|
child: Column(children: [
|
|
Obx(() => TopBarDestinationPickerBuilder(
|
|
controller.mailboxAction.value,
|
|
onCloseAction: () => controller.closeDestinationPicker())),
|
|
Obx(() => controller.isSearchActive()
|
|
? _buildInputSearchFormWidget(context)
|
|
: const SizedBox.shrink()),
|
|
Expanded(child: Container(
|
|
color: Colors.white,
|
|
child: RefreshIndicator(
|
|
color: AppColor.primaryColor,
|
|
onRefresh: () async => controller.getAllMailboxAction(),
|
|
child: Obx(() => controller.isSearchActive()
|
|
? _buildListMailboxSearched(context, actions, mailboxIdSelected)
|
|
: _buildListMailbox(context, actions, mailboxIdSelected)))
|
|
))
|
|
]),
|
|
))
|
|
)
|
|
)
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildLoadingView() {
|
|
return Obx(() => controller.viewState.value.fold(
|
|
(failure) => const SizedBox.shrink(),
|
|
(success) => success is LoadingState
|
|
? Padding(
|
|
padding: const EdgeInsets.only(top: 16),
|
|
child: loadingWidget)
|
|
: const SizedBox.shrink()));
|
|
}
|
|
|
|
Widget _buildListMailbox(
|
|
BuildContext context,
|
|
MailboxActions? actions,
|
|
MailboxId? mailboxIdSelected
|
|
) {
|
|
return SingleChildScrollView(
|
|
physics: const ClampingScrollPhysics(),
|
|
child: Column(children: [
|
|
if (actions?.canSearch() == true)
|
|
SearchBarView(
|
|
_imagePaths,
|
|
margin: const EdgeInsets.all(12),
|
|
hintTextSearch: AppLocalizations.of(context).hint_search_mailboxes,
|
|
onOpenSearchViewAction: controller.enableSearch),
|
|
_buildLoadingView(),
|
|
if (actions?.hasAllMailboxDefault() == true)
|
|
_buildAllMailboxes(context, actions, mailboxIdSelected),
|
|
Obx(() => controller.defaultMailboxHasChild
|
|
? _buildMailboxCategory(
|
|
context,
|
|
MailboxCategories.exchange,
|
|
controller.defaultRootNode,
|
|
actions,
|
|
mailboxIdSelected)
|
|
: const SizedBox.shrink()),
|
|
Obx(() => controller.folderMailboxHasChild
|
|
? _buildMailboxCategory(
|
|
context,
|
|
MailboxCategories.folders,
|
|
controller.folderRootNode,
|
|
actions,
|
|
mailboxIdSelected)
|
|
: const SizedBox.shrink()),
|
|
const SizedBox(height: 12),
|
|
])
|
|
);
|
|
}
|
|
|
|
Widget _buildMailboxCategory(
|
|
BuildContext context,
|
|
MailboxCategories categories,
|
|
MailboxNode mailboxNode,
|
|
MailboxActions? actions,
|
|
MailboxId? mailboxIdSelected
|
|
) {
|
|
return Container(
|
|
color: Colors.white,
|
|
child: TreeView(
|
|
key: Key('${categories.keyValue}_mailbox_list'),
|
|
children: _buildListChildTileWidget(
|
|
context,
|
|
mailboxNode,
|
|
mailboxIdSelected,
|
|
lastNode: mailboxNode.childrenItems?.last,
|
|
actions: actions)));
|
|
}
|
|
|
|
List<Widget> _buildListChildTileWidget(
|
|
BuildContext context,
|
|
MailboxNode parentNode,
|
|
MailboxId? mailboxIdSelected,
|
|
{
|
|
MailboxNode? lastNode,
|
|
MailboxActions? actions
|
|
}
|
|
) {
|
|
return parentNode.childrenItems
|
|
?.map((mailboxNode) => mailboxNode.hasChildren()
|
|
? TreeViewChild(
|
|
context,
|
|
key: const Key('children_tree_mailbox_child'),
|
|
isExpanded: mailboxNode.expandMode == ExpandMode.EXPAND,
|
|
parent: (MailBoxFolderTileBuilder(
|
|
context,
|
|
_imagePaths,
|
|
mailboxNode,
|
|
lastNode: lastNode,
|
|
mailboxActions: actions,
|
|
mailboxIdSelected: mailboxIdSelected,
|
|
mailboxDisplayed: MailboxDisplayed.destinationPicker)
|
|
..addOnOpenMailboxFolderClick(_handleOpenMailboxClick)
|
|
..addOnExpandFolderActionClick((mailboxNode) => controller.toggleMailboxFolder(mailboxNode)))
|
|
.build(),
|
|
children: _buildListChildTileWidget(context, mailboxNode, mailboxIdSelected, actions: actions)
|
|
).build()
|
|
: (MailBoxFolderTileBuilder(
|
|
context,
|
|
_imagePaths,
|
|
mailboxNode,
|
|
lastNode: lastNode,
|
|
mailboxDisplayed: MailboxDisplayed.destinationPicker,
|
|
mailboxIdSelected: mailboxIdSelected,
|
|
mailboxActions: actions)
|
|
..addOnOpenMailboxFolderClick(_handleOpenMailboxClick))
|
|
.build())
|
|
.toList() ?? <Widget>[];
|
|
}
|
|
|
|
Widget _buildListMailboxSearched(
|
|
BuildContext context,
|
|
MailboxActions? actions,
|
|
MailboxId? mailboxIdSelected
|
|
) {
|
|
return Obx(() => Container(
|
|
margin: const EdgeInsets.only(
|
|
right: 8,
|
|
bottom: 12,
|
|
top: BuildUtils.isWeb ? 8 : 0),
|
|
decoration: _responsiveUtils.isDesktop(context)
|
|
? BoxDecoration(
|
|
borderRadius: BorderRadius.circular(14),
|
|
color: Colors.white)
|
|
: null,
|
|
child: ListView.builder(
|
|
padding: const EdgeInsets.only(left: 16, right: 8),
|
|
key: const Key('list_mailbox_searched'),
|
|
itemCount: controller.listMailboxSearched.length,
|
|
shrinkWrap: true,
|
|
primary: false,
|
|
itemBuilder: (context, index) =>
|
|
Obx(() => (MailboxSearchTileBuilder(
|
|
context,
|
|
_imagePaths,
|
|
_responsiveUtils,
|
|
controller.listMailboxSearched[index],
|
|
mailboxActions: actions,
|
|
mailboxIdSelected: mailboxIdSelected,
|
|
mailboxDisplayed: MailboxDisplayed.destinationPicker,
|
|
lastMailbox: controller.listMailboxSearched.last)
|
|
..addOnOpenMailboxAction((mailbox) => controller.selectMailboxAction(mailbox)))
|
|
.build())
|
|
)
|
|
));
|
|
}
|
|
|
|
Widget _buildAllMailboxes(
|
|
BuildContext context,
|
|
MailboxActions? actions,
|
|
MailboxId? mailboxIdSelected
|
|
) {
|
|
return Material(
|
|
color: Colors.transparent,
|
|
child: InkWell(
|
|
onTap: () => controller.selectMailboxAction(PresentationMailbox.unifiedMailbox),
|
|
child: Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 14),
|
|
child: Row(children: [
|
|
SvgPicture.asset(
|
|
_imagePaths.icFolderMailbox,
|
|
width: BuildUtils.isWeb ? 20 : 24,
|
|
height: BuildUtils.isWeb ? 20 : 24,
|
|
fit: BoxFit.fill),
|
|
const SizedBox(width: 8),
|
|
Expanded(child: Text(
|
|
AppLocalizations.of(context).allMailboxes,
|
|
maxLines: 1,
|
|
softWrap: CommonTextStyle.defaultSoftWrap,
|
|
overflow: CommonTextStyle.defaultTextOverFlow,
|
|
style: const TextStyle(
|
|
fontSize: 15,
|
|
color: AppColor.colorNameEmail,
|
|
fontWeight: FontWeight.normal),
|
|
)),
|
|
const SizedBox(width: 8),
|
|
if (actions == MailboxActions.select && (mailboxIdSelected == null ||
|
|
mailboxIdSelected == PresentationMailbox.unifiedMailbox.id))
|
|
Padding(
|
|
padding: const EdgeInsets.only(right: 30.0),
|
|
child: SvgPicture.asset(
|
|
_imagePaths.icFilterSelected,
|
|
width: 20,
|
|
height: 20,
|
|
fit: BoxFit.fill),
|
|
)
|
|
])
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
void _handleOpenMailboxClick(MailboxNode mailboxNode) {
|
|
PresentationMailbox presentationMailbox;
|
|
final path = controller.findNodePath(mailboxNode.item.id)
|
|
?? mailboxNode.item.name?.name;
|
|
if (path != null) {
|
|
presentationMailbox = mailboxNode.item
|
|
.toPresentationMailboxWithMailboxPath(path);
|
|
} else {
|
|
presentationMailbox = mailboxNode.item;
|
|
}
|
|
controller.selectMailboxAction(presentationMailbox);
|
|
}
|
|
|
|
Widget _buildInputSearchFormWidget(BuildContext context) {
|
|
return Padding(
|
|
padding: const EdgeInsets.symmetric(
|
|
vertical: BuildUtils.isWeb ? 0 : 16),
|
|
child: Row(
|
|
children: [
|
|
Padding(padding: const EdgeInsets.only(left: 5), child: buildIconWeb(
|
|
icon: SvgPicture.asset(_imagePaths.icBack, color: AppColor.colorTextButton, fit: BoxFit.fill),
|
|
onTap: () => controller.disableSearch(context))),
|
|
Expanded(child: (SearchAppBarWidget(
|
|
_imagePaths,
|
|
controller.searchQuery.value,
|
|
controller.searchFocus,
|
|
controller.searchInputController,
|
|
hasBackButton: false,
|
|
hasSearchButton: true)
|
|
..addPadding(EdgeInsets.zero)
|
|
..setMargin(const EdgeInsets.only(right: 16))
|
|
..addDecoration(BoxDecoration(borderRadius: BorderRadius.circular(12), color: AppColor.colorBgSearchBar))
|
|
..addIconClearText(SvgPicture.asset(_imagePaths.icClearTextSearch, width: 18, height: 18, fit: BoxFit.fill))
|
|
..setHintText(AppLocalizations.of(context).hint_search_mailboxes)
|
|
..addOnClearTextSearchAction(() => controller.clearSearchText())
|
|
..addOnTextChangeSearchAction((query) => controller.searchMailbox(query))
|
|
..addOnSearchTextAction((query) => controller.searchMailbox(query)))
|
|
.build())
|
|
]
|
|
)
|
|
);
|
|
}
|
|
|
|
BorderRadius _getRadiusDestinationPicker(BuildContext context) {
|
|
if (!BuildUtils.isWeb && _responsiveUtils.isLandscapeMobile(context)) {
|
|
return BorderRadius.zero;
|
|
} else if (_responsiveUtils.isMobile(context)) {
|
|
return const BorderRadius.only(
|
|
topRight: Radius.circular(16),
|
|
topLeft: Radius.circular(16));
|
|
} else {
|
|
return const BorderRadius.all(Radius.circular(16));
|
|
}
|
|
}
|
|
|
|
double _getWidthDestinationPicker(BuildContext context) {
|
|
if (BuildUtils.isWeb) {
|
|
if (_responsiveUtils.isMobile(context)) {
|
|
return double.infinity;
|
|
} else {
|
|
return 556;
|
|
}
|
|
} else {
|
|
if (_responsiveUtils.isLandscapeMobile(context) ||
|
|
_responsiveUtils.isPortraitMobile(context)) {
|
|
return double.infinity;
|
|
} else {
|
|
return 556;
|
|
}
|
|
}
|
|
}
|
|
|
|
double _getHeightDestinationPicker(BuildContext context) {
|
|
if (BuildUtils.isWeb) {
|
|
if (_responsiveUtils.isMobile(context)) {
|
|
return double.infinity;
|
|
} else {
|
|
if (_responsiveUtils.getSizeScreenHeight(context) > _maxHeight) {
|
|
return _maxHeight;
|
|
} else {
|
|
return double.infinity;
|
|
}
|
|
}
|
|
} else {
|
|
if (_responsiveUtils.isLandscapeMobile(context) ||
|
|
_responsiveUtils.isPortraitMobile(context)) {
|
|
return double.infinity;
|
|
} else {
|
|
if (_responsiveUtils.getSizeScreenHeight(context) > _maxHeight) {
|
|
return _maxHeight;
|
|
} else {
|
|
return double.infinity;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
EdgeInsets _getMarginDestinationPicker(BuildContext context) {
|
|
if (BuildUtils.isWeb) {
|
|
if (_responsiveUtils.isMobile(context)) {
|
|
return EdgeInsets.zero;
|
|
} else {
|
|
if (_responsiveUtils.getSizeScreenHeight(context) > _maxHeight) {
|
|
return const EdgeInsets.symmetric(vertical: 12);
|
|
} else {
|
|
return const EdgeInsets.symmetric(vertical: 50);
|
|
}
|
|
}
|
|
} else {
|
|
if (_responsiveUtils.isLandscapeMobile(context) ||
|
|
_responsiveUtils.isPortraitMobile(context)) {
|
|
return EdgeInsets.zero;
|
|
} else {
|
|
if (_responsiveUtils.getSizeScreenHeight(context) > _maxHeight) {
|
|
return const EdgeInsets.symmetric(vertical: 12);
|
|
} else {
|
|
return const EdgeInsets.symmetric(vertical: 50);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} |