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

TF-3408 Auto load more when user uses arrow down of keyboard

Browse Source
This commit is contained in:
dab246
2025-01-16 14:52:11 +07:00
committed by Dat H. Pham
parent b73784742a
commit aceaebe869
18 changed files with 134 additions and 301 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/mailbox_dashboard/presentation/model/search/suggesstion_email_address.dart
-17
View File
@@ -1,17 +0,0 @@
import 'package:equatable/equatable.dart';
import 'package:jmap_dart_client/jmap/mail/email/email_address.dart';
class SuggestionEmailAddress with EquatableMixin {
final EmailAddress emailAddress;
final SuggestionEmailState state;
SuggestionEmailAddress(this.emailAddress, {this.state = SuggestionEmailState.valid});
@override
List<Object?> get props => [emailAddress, state];
}
enum SuggestionEmailState {
valid,
duplicated,
}
lib/features/mailbox_dashboard/presentation/styles/autocomplete_suggestion_item_web_style.dart
-27
View File
@@ -1,27 +0,0 @@
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:flutter/material.dart';
class AutoCompleteSuggestionItemWebStyle {
static const double iconSize = 24.0;
static const EdgeInsetsGeometry margin = EdgeInsets.all(8.0);
static const EdgeInsetsGeometry contentPaddingDuplicated = EdgeInsets.symmetric(horizontal: 8.0);
static const EdgeInsetsGeometry contentPaddingValid = EdgeInsets.symmetric(horizontal: 16.0);
static const Decoration decoration = BoxDecoration(
color: AppColor.colorBgMenuItemDropDownSelected,
borderRadius: BorderRadius.all(Radius.circular(20))
);
static const TextStyle subTitleTextOriginStyle = TextStyle(
color: AppColor.colorHintSearchBar,
fontSize: 13,
fontWeight: FontWeight.normal
);
static const TextStyle subTitleWordSearchStyle = TextStyle(
color: Colors.black,
fontSize: 13,
fontWeight: FontWeight.bold
);
}
lib/features/mailbox_dashboard/presentation/styles/text_field_autocomplete_email_address_web_style.dart
+2
View File
@@ -1,5 +1,6 @@
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:flutter/material.dart';
import 'package:tmail_ui_user/features/composer/presentation/styles/composer_style.dart';
class TextFieldAutoCompleteEmailAddressWebStyles {
static const EdgeInsetsGeometry padding = EdgeInsets.symmetric(vertical: 8);
@@ -15,6 +16,7 @@ class TextFieldAutoCompleteEmailAddressWebStyles {
static const double suggestionBoxElevation = 20.0;
static const double suggestionBoxMaxHeight = 350.0;
static const double suggestionBoxItemHeight = ComposerStyle.suggestionItemHeight;
static const double fieldTitleWidth = 112.0;
static const double space = 8.0;
lib/features/mailbox_dashboard/presentation/widgets/advanced_search/autocomplete_suggestion_item_widget_web.dart
-95
View File
@@ -1,95 +0,0 @@
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/email/email_address.dart';
import 'package:model/extensions/email_address_extension.dart';
import 'package:super_tag_editor/widgets/rich_text_widget.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/model/search/suggesstion_email_address.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/styles/autocomplete_suggestion_item_web_style.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/advanced_search/avatar_suggestion_item_widget.dart';
typedef OnSelectedRecipientSuggestionAction = Function(EmailAddress emailAddress);
class AutoCompleteSuggestionItemWidgetWeb extends StatelessWidget {
final SuggestionEmailState suggestionState;
final EmailAddress emailAddress;
final String? suggestionValid;
final bool highlight;
final OnSelectedRecipientSuggestionAction? onSelectedAction;
final _imagePaths = Get.find<ImagePaths>();
AutoCompleteSuggestionItemWidgetWeb({
Key? key,
required this.suggestionState,
required this.emailAddress,
this.highlight = false,
this.suggestionValid,
this.onSelectedAction,
}) : super(key: key);
@override
Widget build(BuildContext context) {
if (suggestionState == SuggestionEmailState.duplicated) {
return Container(
margin: AutoCompleteSuggestionItemWebStyle.margin,
decoration: AutoCompleteSuggestionItemWebStyle.decoration,
child: Material(
type: MaterialType.transparency,
child: ListTile(
contentPadding: AutoCompleteSuggestionItemWebStyle.contentPaddingDuplicated,
leading: AvatarSuggestionItemWidget(emailAddress: emailAddress),
title: RichTextWidget(
textOrigin: emailAddress.asString(),
wordSearched: suggestionValid ?? '',
overflow: TextOverflow.ellipsis,
),
subtitle: emailAddress.displayName.isNotEmpty
? RichTextWidget(
textOrigin: emailAddress.emailAddress,
wordSearched: suggestionValid ?? '',
styleTextOrigin: AutoCompleteSuggestionItemWebStyle.subTitleTextOriginStyle,
styleWordSearched: AutoCompleteSuggestionItemWebStyle.subTitleWordSearchStyle,
overflow: TextOverflow.ellipsis,
)
: null,
trailing: SvgPicture.asset(
_imagePaths.icFilterSelected,
width: AutoCompleteSuggestionItemWebStyle.iconSize,
height: AutoCompleteSuggestionItemWebStyle.iconSize,
fit: BoxFit.fill,
),
),
),
);
} else {
return Container(
color: highlight ? AppColor.colorItemSelected : Colors.white,
child: Material(
type: MaterialType.transparency,
child: ListTile(
contentPadding: AutoCompleteSuggestionItemWebStyle.contentPaddingValid,
leading: AvatarSuggestionItemWidget(emailAddress: emailAddress),
title: RichTextWidget(
textOrigin: emailAddress.asString(),
wordSearched: suggestionValid ?? '',
overflow: TextOverflow.ellipsis,
),
subtitle: emailAddress.displayName.isNotEmpty
? RichTextWidget(
textOrigin: emailAddress.emailAddress,
wordSearched: suggestionValid ?? '',
styleTextOrigin: AutoCompleteSuggestionItemWebStyle.subTitleTextOriginStyle,
styleWordSearched: AutoCompleteSuggestionItemWebStyle.subTitleWordSearchStyle,
overflow: TextOverflow.ellipsis,
)
: null,
onTap: () => onSelectedAction?.call(emailAddress),
),
),
);
}
}
}
lib/features/mailbox_dashboard/presentation/widgets/advanced_search/text_field_autocomplete_email_address_web.dart
+9 -3
View File
@@ -3,21 +3,23 @@ import 'dart:math';
import 'package:collection/collection.dart';
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/utils/app_logger.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.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:model/mailbox/expand_mode.dart';
import 'package:super_tag_editor/tag_editor.dart';
import 'package:tmail_ui_user/features/composer/presentation/model/draggable_email_address.dart';
import 'package:tmail_ui_user/features/composer/presentation/model/suggestion_email_address.dart';
import 'package:tmail_ui_user/features/composer/presentation/widgets/recipient_composer_widget.dart';
import 'package:tmail_ui_user/features/composer/presentation/widgets/recipient_suggestion_item_widget.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/model/search/advanced_search_filter.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/model/search/suggesstion_email_address.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/styles/advanced_search_input_form_style.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/styles/text_field_autocomplete_email_address_web_style.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/advanced_search/autocomplete_suggestion_item_widget_web.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/advanced_search/autocomplete_tag_item_widget_web.dart';
import 'package:tmail_ui_user/main/utils/app_config.dart';
@@ -73,6 +75,8 @@ class TextFieldAutocompleteEmailAddressWeb extends StatefulWidget {
}
class _TextFieldAutocompleteEmailAddressWebState extends State<TextFieldAutocompleteEmailAddressWeb> {
final _imagePaths = Get.find<ImagePaths>();
bool _lastTagFocused = false;
bool _isDragging = false;
late List<EmailAddress> _currentListEmailAddress;
@@ -166,6 +170,7 @@ class _TextFieldAutocompleteEmailAddressWebState extends State<TextFieldAutocomp
suggestionsBoxBackgroundColor: TextFieldAutoCompleteEmailAddressWebStyles.suggestionBoxBackgroundColor,
suggestionsBoxRadius: TextFieldAutoCompleteEmailAddressWebStyles.suggestionBoxRadius,
suggestionsBoxMaxHeight: TextFieldAutoCompleteEmailAddressWebStyles.suggestionBoxMaxHeight,
suggestionItemHeight: TextFieldAutoCompleteEmailAddressWebStyles.suggestionBoxItemHeight,
suggestionBoxWidth: _getSuggestionBoxWidth(constraints.maxWidth),
textStyle: AdvancedSearchInputFormStyle.inputTextStyle,
onFocusTagAction: (focused) => _handleFocusTagAction.call(focused, setState),
@@ -196,7 +201,8 @@ class _TextFieldAutocompleteEmailAddressWebState extends State<TextFieldAutocomp
isLoadMoreReplaceAllOld: false,
loadMoreSuggestions: _findSuggestions,
suggestionBuilder: (context, tagEditorState, suggestionEmailAddress, index, length, highlight, suggestionValid) {
return AutoCompleteSuggestionItemWidgetWeb(
return RecipientSuggestionItemWidget(
imagePaths: _imagePaths,
suggestionState: suggestionEmailAddress.state,
emailAddress: suggestionEmailAddress.emailAddress,
suggestionValid: suggestionValid,