TF-524 Apply quick search for mobile and tablet

This commit is contained in:
dab246
2022-05-24 11:56:50 +07:00
committed by Dat H. Pham
parent 9a142a0e23
commit 11c9a8713a
30 changed files with 647 additions and 2429 deletions
@@ -5,7 +5,7 @@ import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:get/get.dart';
import 'package:model/model.dart';
import 'package:tmail_ui_user/features/thread/presentation/extensions/filter_message_option_extension.dart';
import 'package:tmail_ui_user/features/thread/domain/model/filter_message_option.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
typedef OnFilterEmailAction = void Function(FilterMessageOption, RelativeRect? position);
@@ -15,6 +15,9 @@ typedef OnCancelEditThread = void Function();
typedef OnEmailSelectionAction = void Function(EmailActionType actionType, List<PresentationEmail>);
class AppBarThreadWidgetBuilder {
final _imagePaths = Get.find<ImagePaths>();
final _responsiveUtils = Get.find<ResponsiveUtils>();
OnFilterEmailAction? _onFilterEmailAction;
OnOpenMailboxMenuActionClick? _onOpenMailboxMenuActionClick;
OnEditThreadAction? _onEditThreadAction;
@@ -22,8 +25,6 @@ class AppBarThreadWidgetBuilder {
OnEmailSelectionAction? _onEmailSelectionAction;
final BuildContext _context;
final ImagePaths _imagePaths;
final ResponsiveUtils _responsiveUtils;
final PresentationMailbox? _currentMailbox;
final List<PresentationEmail> _listSelectionEmail;
final SelectMode _selectMode;
@@ -31,8 +32,6 @@ class AppBarThreadWidgetBuilder {
AppBarThreadWidgetBuilder(
this._context,
this._imagePaths,
this._responsiveUtils,
this._currentMailbox,
this._listSelectionEmail,
this._selectMode,
@@ -65,8 +64,11 @@ class AppBarThreadWidgetBuilder {
alignment: Alignment.topCenter,
color: Colors.white,
margin: EdgeInsets.zero,
padding: EdgeInsets.only(left: 8, bottom: 8, right: 8,
top: (!BuildUtils.isWeb && _responsiveUtils.isPortraitMobile(_context)) ? 0 : 16),
padding: EdgeInsets.only(
left: 8,
bottom: !BuildUtils.isWeb ? 8 : 16,
right: 8,
top: !BuildUtils.isWeb && _responsiveUtils.isPortraitMobile(_context) ? 0 : 16),
child: MediaQuery(
data: const MediaQueryData(padding: EdgeInsets.zero),
child: kIsWeb
@@ -211,7 +213,8 @@ class AppBarThreadWidgetBuilder {
color: Colors.transparent,
child: Padding(
padding: const EdgeInsets.only(left: 16, right: 16),
child: GestureDetector(
child: InkWell(
borderRadius: const BorderRadius.all(Radius.circular(10)),
onTap: () {
if (_onFilterEmailAction != null && _responsiveUtils.isScreenWithShortestSide(_context)) {
_onFilterEmailAction!.call(_filterMessageOption, null);
@@ -3,9 +3,10 @@ import 'package:core/core.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:model/model.dart';
import 'package:tmail_ui_user/features/thread/domain/model/filter_message_option.dart';
class FilterMessageCupertinoActionSheetActionBuilder extends CupertinoActionSheetActionBuilder<FilterMessageOption> {
class FilterMessageCupertinoActionSheetActionBuilder
extends CupertinoActionSheetActionBuilder<FilterMessageOption> {
final FilterMessageOption option;
final FilterMessageOption? optionCurrent;
@@ -1,88 +0,0 @@
import 'package:core/core.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
typedef OnSelectedSuggestion = Function(String);
class SuggestionBoxWidget {
OnSelectedSuggestion? _onSelectedSuggestion;
final BuildContext _context;
final ImagePaths _imagePaths;
double? _suggestionHeight;
double? _elevation;
final List<String> _listData;
SuggestionBoxWidget(
this._context,
this._imagePaths,
this._listData,
);
void setSuggestionHeight(double suggestionHeight) {
_suggestionHeight = suggestionHeight;
}
void setElevation(double elevation) {
_elevation = elevation;
}
void addOnSelectedSuggestion(OnSelectedSuggestion onSelectedSuggestion) {
_onSelectedSuggestion = onSelectedSuggestion;
}
Widget build() {
return Material(
elevation: _elevation ?? 3,
color: Colors.white,
child: ConstrainedBox(
constraints: BoxConstraints(
maxHeight: _suggestionHeight ?? 60,
),
child: ListView.builder(
shrinkWrap: true,
padding: EdgeInsets.zero,
itemCount: _listData.length,
itemBuilder: (BuildContext context, int index) => ListTile(
contentPadding: const EdgeInsets.symmetric(horizontal: 10),
onTap: () {
if (_onSelectedSuggestion != null) {
_onSelectedSuggestion!(_listData[index]);
}},
leading: IconButton(
color: AppColor.baseTextColor,
icon: SvgPicture.asset(_imagePaths.icSearch, color: AppColor.baseTextColor, fit: BoxFit.fill),
onPressed: () {
if (_onSelectedSuggestion != null) {
_onSelectedSuggestion!(_listData[index]);
}
}),
title: Transform(
transform: Matrix4.translationValues(-12.0, 0.0, 0.0),
child: Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.start,
children: [
Text(
'${AppLocalizations.of(_context).prefix_suggestion_search} ',
style: const TextStyle(fontSize: 15, color: AppColor.baseTextColor),
),
Expanded(child: Text(
'"${_listData[index]}"',
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: const TextStyle(fontSize: 15, color: AppColor.colorNameEmail),
))
],
)
)
),
),
),
);
}
}