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

TF-933 Implement search contact when select contact filter in search view

Browse Source
This commit is contained in:
dab246
2022-09-20 13:45:48 +07:00
committed by Dat H. Pham
parent 09fa15289d
commit 7fe899daf5
14 changed files with 587 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/contact/presentation/contact_view.dart
+190
View File
@@ -0,0 +1,190 @@
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:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:get/get.dart';
import 'package:jmap_dart_client/jmap/mail/email/email_address.dart';
import 'package:model/extensions/email_address_extension.dart';
import 'package:tmail_ui_user/features/contact/presentation/contact_controller.dart';
import 'package:tmail_ui_user/features/contact/presentation/utils/contact_utils.dart';
import 'package:tmail_ui_user/features/contact/presentation/widgets/app_bar_contact_widget.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 ContactView extends GetWidget<ContactController> {
final _responsiveUtils = Get.find<ResponsiveUtils>();
final _imagePaths = Get.find<ImagePaths>();
ContactView({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
if (_responsiveUtils.isWebDesktop(context)) {
WidgetsBinding.instance.addPostFrameCallback((_) {
controller.closeContactView(context);
});
}
return Scaffold(
backgroundColor: Colors.black38,
body: GestureDetector(
onTap: () => FocusScope.of(context).unfocus(),
child: SafeArea(
bottom: false,
left: false,
right: false,
top: ContactUtils.supportAppBarTopBorder(context, _responsiveUtils),
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(ContactUtils.getRadiusBorderAppBarTop(
context,
_responsiveUtils)),
topRight: Radius.circular(ContactUtils.getRadiusBorderAppBarTop(
context,
_responsiveUtils))),
color: Colors.white),
child: ClipRRect(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(ContactUtils.getRadiusBorderAppBarTop(
context,
_responsiveUtils)),
topRight: Radius.circular(ContactUtils.getRadiusBorderAppBarTop(
context,
_responsiveUtils))),
child: SafeArea(child: Container(
color: Colors.white,
child: Column(children: [
Container(
height: 52,
color: Colors.white,
padding: ContactUtils.getPaddingAppBar(context, _responsiveUtils),
child: AppBarContactWidget(
onCloseContactView: () => controller.closeContactView(context))
),
const Divider(color: AppColor.colorDividerComposer, height: 1),
(SearchAppBarWidget(
_imagePaths,
controller.searchQuery.value,
controller.textInputSearchFocus,
controller.textInputSearchController,
hasBackButton: false,
hasSearchButton: true)
..addPadding(EdgeInsets.zero)
..setHeightSearchBar(44)
..setMargin(ContactUtils.getPaddingSearchInputForm(context, _responsiveUtils))
..addDecoration(BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: AppColor.colorBgSearchBar))
..addIconClearText(SvgPicture.asset(
_imagePaths.icClearTextSearch,
width: 18,
height: 18,
fit: BoxFit.fill))
..setHintText(AppLocalizations.of(context).hintSearchInputContact)
..addOnClearTextSearchAction(() => controller.clearAllTextInputSearchForm())
..addOnTextChangeSearchAction(controller.onTextSearchChange)
..addOnSearchTextAction((query) => {}))
.build(),
Expanded(child: Obx(() {
if (controller.listContactSearched.isNotEmpty) {
return Container(
color: Colors.white,
child: ListView.separated(
itemCount: controller.listContactSearched.length,
separatorBuilder: (context, index) {
return Padding(
padding: ContactUtils.getPaddingDividerSearchResultList(context, _responsiveUtils),
child: const Divider(
height: 1,
color: AppColor.colorDivider),
);
},
itemBuilder: (context, index) {
final emailAddress = controller.listContactSearched[index];
return _buildItemSearchContact(context, emailAddress);
}
)
);
} else {
return const SizedBox.shrink();
}
})),
]),
))
)
),
),
)
);
}
Widget _buildItemSearchContact(BuildContext context, EmailAddress emailAddress) {
return Material(
color: Colors.transparent,
child: ListTile(
onTap: () => controller.selectContact(context, emailAddress),
contentPadding: ContactUtils.getPaddingSearchInputForm(context, _responsiveUtils),
leading: Container(
width: 44,
height: 44,
alignment: Alignment.center,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(44) * 0.5,
border: Border.all(color: Colors.transparent),
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
stops: const [0.0, 1.0],
colors: emailAddress.avatarColors),
color: AppColor.avatarColor
),
child: Text(
emailAddress.asString().isNotEmpty
? emailAddress.asString()[0].toUpperCase()
: '',
style: const TextStyle(
color: Colors.white,
fontSize: 16,
fontWeight: FontWeight.w600))),
title: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
emailAddress.asString(),
maxLines: 1,
overflow: CommonTextStyle.defaultTextOverFlow,
softWrap: CommonTextStyle.defaultSoftWrap,
style: const TextStyle(
color: Colors.black,
fontSize: 15,
fontWeight: FontWeight.normal)),
if (emailAddress.displayName.isNotEmpty && emailAddress.emailAddress.isNotEmpty)
Padding(
padding: const EdgeInsets.only(top: 4),
child: Text(
emailAddress.emailAddress,
maxLines: 1,
overflow: CommonTextStyle.defaultTextOverFlow,
softWrap: CommonTextStyle.defaultSoftWrap,
style: const TextStyle(
color: AppColor.colorContentEmail,
fontSize: 13,
fontWeight: FontWeight.normal)))
]
),
trailing: controller.contactSelected?.email == emailAddress.email
? SvgPicture.asset(_imagePaths.icFilterSelected,
width: 24,
height: 24,
fit: BoxFit.fill)
: null,
),
);
}
}