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

edit advanced_search_filter_form remove scroll view

Browse Source
This commit is contained in:
ManhNTX
2022-06-26 13:54:35 +07:00
committed by Dat H. Pham
parent e5f4e36561
commit b23e905dd9
1 changed files with 153 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/mailbox_dashboard/presentation/widgets/advanced_search/advanced_search_filter_form.dart
+40 -32
View File
@@ -22,10 +22,7 @@ class AdvancedSearchInputForm extends GetWidget<AdvancedFilterController>
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
controller.initSearchFilterField(context); controller.initSearchFilterField(context);
return SingleChildScrollView( return Material(
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 28, vertical: 12),
child: Material(
color: Colors.white, color: Colors.white,
child: Column( child: Column(
children: [ children: [
@@ -60,18 +57,19 @@ class AdvancedSearchInputForm extends GetWidget<AdvancedFilterController>
advancedSearchFilterField: AdvancedSearchFilterField.mailBox, advancedSearchFilterField: AdvancedSearchFilterField.mailBox,
isSelectFormList: true, isSelectFormList: true,
), ),
_buildFilterField( // _buildFilterField(
textEditingController: controller.dateFilterInputController, // textEditingController: controller.dateFilterInputController,
context: context, // context: context,
advancedSearchFilterField: AdvancedSearchFilterField.date, // advancedSearchFilterField: AdvancedSearchFilterField.date,
isSelectFormList: true, // isSelectFormList: true,
onTap: () { // onTap: () {
openContextMenuAction( // openContextMenuAction(
context, // context,
_buildEmailReceiveTimeTypeActionTiles(context), // _buildEmailReceiveTimeTypeActionTiles(context),
); // );
}, // },
) , // ),
_buildEmailReceiveTimeTypeDropDownButton(),
_buildCheckboxHasAttachment(context), _buildCheckboxHasAttachment(context),
Row( Row(
children: [ children: [
@@ -101,8 +99,6 @@ class AdvancedSearchInputForm extends GetWidget<AdvancedFilterController>
), ),
], ],
), ),
),
),
); );
} }
@@ -148,7 +144,8 @@ class AdvancedSearchInputForm extends GetWidget<AdvancedFilterController>
context: context, context: context,
advancedSearchFilterField: advancedSearchFilterField, advancedSearchFilterField: advancedSearchFilterField,
textEditingController: textEditingController, textEditingController: textEditingController,
) : Expanded( )
: Expanded(
child: _buildTextField( child: _buildTextField(
isSelectFormList: isSelectFormList, isSelectFormList: isSelectFormList,
onTap: onTap, onTap: onTap,
@@ -207,12 +204,13 @@ class AdvancedSearchInputForm extends GetWidget<AdvancedFilterController>
imagePaths.icDropDown, imagePaths.icDropDown,
), ),
) )
: null), : null,
),
); );
Widget _buildCheckboxHasAttachment(BuildContext context) { Widget _buildCheckboxHasAttachment(BuildContext context) {
return Obx( return Obx(
()=> CheckboxListTile( () => CheckboxListTile(
contentPadding: EdgeInsets.zero, contentPadding: EdgeInsets.zero,
controlAffinity: ListTileControlAffinity.leading, controlAffinity: ListTileControlAffinity.leading,
value: controller.hasAttachment.value, value: controller.hasAttachment.value,
@@ -238,7 +236,8 @@ class AdvancedSearchInputForm extends GetWidget<AdvancedFilterController>
child: Container( child: Container(
padding: const EdgeInsets.symmetric(vertical: 16), padding: const EdgeInsets.symmetric(vertical: 16),
alignment: Alignment.center, alignment: Alignment.center,
decoration: BoxDecoration(borderRadius: BorderRadius.circular(10), color: colorButton), decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10), color: colorButton),
child: Text( child: Text(
text, text,
style: TextStyle(fontSize: 17, color: colorText), style: TextStyle(fontSize: 17, color: colorText),
@@ -247,28 +246,38 @@ class AdvancedSearchInputForm extends GetWidget<AdvancedFilterController>
); );
} }
Widget _buildEmailReceiveTimeTypeDropDownButton(){ Widget _buildEmailReceiveTimeTypeDropDownButton() {
return DropdownButtonHideUnderline( return DropdownButtonHideUnderline(
child: DropdownButton2<EmailReceiveTimeType>( child: DropdownButton2<EmailReceiveTimeType>(
isExpanded: true, isExpanded: true,
hint: Row( hint: Row(
children: [ children: [
Expanded(child: Text(controller.dateFilterSelectedFormAdvancedSearch.value.name, Expanded(
style: const TextStyle(fontSize: 16, fontWeight: FontWeight.normal, color: Colors.black), child: Text(
controller.dateFilterSelectedFormAdvancedSearch.value.name,
style: const TextStyle(
fontSize: 16,
fontWeight: FontWeight.normal,
color: Colors.black),
maxLines: 1, maxLines: 1,
overflow: BuildUtils.isWeb ? null : TextOverflow.ellipsis, overflow: BuildUtils.isWeb ? null : TextOverflow.ellipsis,
)), )),
], ],
), ),
items: EmailReceiveTimeType.values.map((item) => DropdownMenuItem<EmailReceiveTimeType>( items: EmailReceiveTimeType.values
.map((item) => DropdownMenuItem<EmailReceiveTimeType>(
value: item, value: item,
child: Text( child: Text(
item.name, item.name,
style: const TextStyle(fontSize: 16, fontWeight: FontWeight.normal, color: Colors.black), style: const TextStyle(
fontSize: 16,
fontWeight: FontWeight.normal,
color: Colors.black),
maxLines: 1, maxLines: 1,
overflow: BuildUtils.isWeb ? null : TextOverflow.ellipsis, overflow: BuildUtils.isWeb ? null : TextOverflow.ellipsis,
), ),
)).toList(), ))
.toList(),
value: controller.dateFilterSelectedFormAdvancedSearch.value, value: controller.dateFilterSelectedFormAdvancedSearch.value,
onChanged: (item) { onChanged: (item) {
controller.dateFilterSelectedFormAdvancedSearch.value = item!; controller.dateFilterSelectedFormAdvancedSearch.value = item!;
@@ -277,16 +286,15 @@ class AdvancedSearchInputForm extends GetWidget<AdvancedFilterController>
buttonPadding: const EdgeInsets.symmetric(horizontal: 12), buttonPadding: const EdgeInsets.symmetric(horizontal: 12),
buttonDecoration: BoxDecoration( buttonDecoration: BoxDecoration(
borderRadius: BorderRadius.circular(10), borderRadius: BorderRadius.circular(10),
border: Border.all(color: AppColor.colorInputBorderCreateMailbox, width: 0.5), border: Border.all(
color: AppColor.colorInputBorderCreateMailbox, width: 0.5),
color: AppColor.colorInputBackgroundCreateMailbox), color: AppColor.colorInputBackgroundCreateMailbox),
itemHeight: 44, itemHeight: 44,
buttonHeight: 44, buttonHeight: 44,
selectedItemHighlightColor: Colors.black12, selectedItemHighlightColor: Colors.black12,
itemPadding: const EdgeInsets.symmetric(horizontal: 12), itemPadding: const EdgeInsets.symmetric(horizontal: 12),
dropdownMaxHeight: 200, dropdownMaxHeight: 200,
dropdownDecoration: BoxDecoration( dropdownDecoration: BoxDecoration(borderRadius: BorderRadius.circular(10), color: Colors.white),
borderRadius: BorderRadius.circular(10),
color: Colors.white),
dropdownElevation: 4, dropdownElevation: 4,
scrollbarRadius: const Radius.circular(40), scrollbarRadius: const Radius.circular(40),
scrollbarThickness: 6, scrollbarThickness: 6,