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

TF-682 Update padding quick search form for tablet landscape

Browse Source
This commit is contained in:
dab246
2022-07-01 19:54:49 +07:00
committed by Dat H. Pham
parent 6b58073790
commit 93177d042d
8 changed files with 162 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files
core/lib/presentation/utils/responsive_utils.dart
+8
View File
@@ -116,4 +116,12 @@ class ResponsiveUtils {
isTablet(context);
}
}
bool isMailboxDashboardSplitView(BuildContext context) {
if (BuildUtils.isWeb) {
return isTabletLarge(context);
} else {
return isLandscapeTablet(context) || isDesktop(context);
}
}
}
core/lib/presentation/views/quick_search/quick_search_input_form.dart
+4 -6
View File
@@ -1127,12 +1127,11 @@ class _SuggestionsListState<T, R> extends State<_SuggestionsList<T, R>>
),
);
final listAction = Row(
mainAxisSize: MainAxisSize.min,
final listAction = Wrap(
children: widget.listActionButton!.map((dynamic action) {
if (widget.actionButtonBuilder != null) {
return Padding(
padding: const EdgeInsets.only(right: 8),
padding: const EdgeInsets.only(right: 8, bottom: kIsWeb ? 8 : 0),
child: InkWell(
child: widget.actionButtonBuilder!(context, action),
borderRadius: BorderRadius.all(Radius.circular(10)),
@@ -1209,12 +1208,11 @@ class _SuggestionsListState<T, R> extends State<_SuggestionsList<T, R>>
),
);
final listAction = Row(
mainAxisSize: MainAxisSize.min,
final listAction = Wrap(
children: widget.listActionButton!.map((dynamic action) {
if (widget.actionButtonBuilder != null) {
return Padding(
padding: const EdgeInsets.only(right: 8),
padding: EdgeInsets.only(right: 8, bottom: kIsWeb ? 8 : 0),
child: InkWell(
child: widget.actionButtonBuilder!(context, action),
borderRadius: BorderRadius.all(Radius.circular(10)),
lib/features/email/presentation/email_view.dart
+5 -11
View File
@@ -37,7 +37,7 @@ class EmailView extends GetWidget<EmailController> with NetworkConnectionMixin {
? AppColor.colorBgDesktop
: Colors.white,
body: Row(children: [
if (_isMailboxDashboardSplitView(context))
if (responsiveUtils.isMailboxDashboardSplitView(context))
const VerticalDivider(color: AppColor.lineItemListColor, width: 1, thickness: 0.2),
Expanded(child: SafeArea(
right: responsiveUtils.isLandscapeMobile(context),
@@ -79,15 +79,6 @@ class EmailView extends GetWidget<EmailController> with NetworkConnectionMixin {
);
}
bool _isMailboxDashboardSplitView(BuildContext context) {
if (BuildUtils.isWeb) {
return responsiveUtils.isTabletLarge(context);
} else {
return responsiveUtils.isLandscapeTablet(context)
|| responsiveUtils.isDesktop(context);
}
}
Widget _buildDivider({EdgeInsets? edgeInsets}){
return Padding(
padding: edgeInsets ?? const EdgeInsets.symmetric(horizontal: 16),
@@ -138,7 +129,9 @@ class EmailView extends GetWidget<EmailController> with NetworkConnectionMixin {
}
Widget _buildEmailBody(BuildContext context) {
return Container(
return GestureDetector(
onTap: () => FocusManager.instance.primaryFocus?.unfocus(),
child: Container(
color: Colors.white,
margin: EdgeInsets.zero,
alignment: Alignment.topCenter,
@@ -163,6 +156,7 @@ class EmailView extends GetWidget<EmailController> with NetworkConnectionMixin {
return Center(child: _buildEmailEmpty(context));
}
})
),
);
}
lib/features/mailbox_dashboard/presentation/base_mailbox_dashboard_view.dart
+16 -15
View File
@@ -24,25 +24,26 @@ abstract class BaseMailboxDashBoardView extends GetWidget<MailboxDashBoardContro
quickSearchFilter: filter,
);
return Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: filter.getBackgroundColor(quickSearchFilterSelected: isQuickSearchFilterSelected)),
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
child: Row(mainAxisAlignment: MainAxisAlignment.center, children: [
SvgPicture.asset(
filter.getIcon(imagePaths, quickSearchFilterSelected: isQuickSearchFilterSelected),
width: 16,
height: 16,
fit: BoxFit.fill),
const SizedBox(width: 4),
Text(
return Chip(
labelPadding: const EdgeInsets.only(top: 2, bottom: 2, right: 10),
label: Text(
filter.getTitle(context, receiveTimeType: controller.searchController.emailReceiveTimeType.value),
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: filter.getTextStyle(quickSearchFilterSelected: isQuickSearchFilterSelected),
)
]));
),
avatar: SvgPicture.asset(
filter.getIcon(imagePaths, quickSearchFilterSelected: isQuickSearchFilterSelected),
width: 16,
height: 16,
fit: BoxFit.fill),
labelStyle: filter.getTextStyle(quickSearchFilterSelected: isQuickSearchFilterSelected),
backgroundColor: filter.getBackgroundColor(quickSearchFilterSelected: isQuickSearchFilterSelected),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
side: BorderSide(color: filter.getBackgroundColor(quickSearchFilterSelected: isQuickSearchFilterSelected)),
),
);
});
}
}
lib/features/mailbox_dashboard/presentation/controller/search_controller.dart
+1
View File
@@ -149,6 +149,7 @@ class SearchController extends BaseController {
searchInputController.clear();
cleanSearchFilter();
searchFocus.unfocus();
searchState.value = searchState.value.disableSearchState();
}
});
}
lib/features/mailbox_dashboard/presentation/mailbox_dashboard_view_web.dart
+1 -4
View File
@@ -520,10 +520,7 @@ class MailboxDashBoardView extends BaseMailboxDashBoardView {
}
},
listActionPadding: const EdgeInsets.only(
left: 24,
top: 24,
right: 24,
bottom: 16),
left: 24, right: 24, top: 20, bottom: 12),
titleHeaderRecent: Padding(
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 8),
child: Text(AppLocalizations.of(context).recent,
lib/features/mailbox_dashboard/presentation/widgets/email_quick_search_item_tile_widget.dart
+10 -1
View File
@@ -22,6 +22,10 @@ class EmailQuickSearchItemTileWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return LayoutBuilder(
builder: (context, constraints) {
final maxWidthItem = constraints.maxWidth;
log('EmailQuickSearchItemTileWidget::build(): maxWidthItem: $maxWidthItem');
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 14),
child: Row(
@@ -40,13 +44,16 @@ class EmailQuickSearchItemTileWidget extends StatelessWidget {
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(mainAxisAlignment: MainAxisAlignment.center, children: [
Text(_getInformationSender(),
Container(
constraints: BoxConstraints(maxWidth: maxWidthItem / 3),
child: Text(_getInformationSender(),
maxLines: 1,
overflow: BuildUtils.isWeb ? null : TextOverflow.ellipsis,
style: const TextStyle(
fontSize: 15,
fontWeight: FontWeight.w600,
color: Colors.black)),
),
const SizedBox(width: 16),
Expanded(
child: Text(_presentationEmail.getEmailTitle(),
@@ -84,6 +91,8 @@ class EmailQuickSearchItemTileWidget extends StatelessWidget {
),
);
}
);
}
String _getInformationSender() {
if (_presentationMailbox?.role == PresentationMailbox.roleSent
lib/features/thread/presentation/thread_view.dart
+17 -19
View File
@@ -294,10 +294,7 @@ class ThreadView extends GetWidget<ThreadController> with AppLoaderMixin,
}
},
listActionPadding: const EdgeInsets.only(
left: 24,
top: 24,
right: 24,
bottom: 16),
left: 24, right: 24, top: 20, bottom: 12),
titleHeaderRecent: Padding(
padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 8),
child: Text(AppLocalizations.of(context).recent,
@@ -787,25 +784,26 @@ class ThreadView extends GetWidget<ThreadController> with AppLoaderMixin,
quickSearchFilter: filter,
);
return Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: filter.getBackgroundColor(quickSearchFilterSelected: quickSearchFilterSelected)),
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
child: Row(mainAxisAlignment: MainAxisAlignment.center, children: [
SvgPicture.asset(
filter.getIcon(_imagePaths, quickSearchFilterSelected: quickSearchFilterSelected),
width: 16,
height: 16,
fit: BoxFit.fill),
const SizedBox(width: 4),
Text(
return Chip(
labelPadding: const EdgeInsets.only(top: 2, bottom: 2, right: 10),
label: Text(
filter.getTitle(context),
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: filter.getTextStyle(quickSearchFilterSelected: quickSearchFilterSelected),
)
]));
),
avatar: SvgPicture.asset(
filter.getIcon(_imagePaths, quickSearchFilterSelected: quickSearchFilterSelected),
width: 16,
height: 16,
fit: BoxFit.fill),
labelStyle: filter.getTextStyle(quickSearchFilterSelected: quickSearchFilterSelected),
backgroundColor: filter.getBackgroundColor(quickSearchFilterSelected: quickSearchFilterSelected),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
side: BorderSide(color: filter.getBackgroundColor(quickSearchFilterSelected: quickSearchFilterSelected)),
),
);
});
}