TF-2084 Add widget for action row
(cherry picked from commit aef42f4f70a54b98fcfe4534aac85372424c9d25)
This commit is contained in:
hieubt
+57
@@ -0,0 +1,57 @@
|
||||
import 'package:core/core.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:model/mailbox/presentation_mailbox.dart';
|
||||
import 'package:tmail_ui_user/features/rules_filter_creator/presentation/model/email_rule_filter_action.dart';
|
||||
import 'package:tmail_ui_user/features/rules_filter_creator/presentation/widgets/rule_filter_button_field.dart';
|
||||
import 'package:tmail_ui_user/features/rules_filter_creator/presentation/widgets/rules_filter_input_field_builder.dart';
|
||||
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
|
||||
|
||||
class RuleFilterActionDetailed extends StatelessWidget {
|
||||
final EmailRuleFilterAction? actionType;
|
||||
final PresentationMailbox? mailboxSelected;
|
||||
final String? errorValue;
|
||||
final Function()? tapActionDetailedCallback;
|
||||
final TextEditingController? forwardEmailEditingController;
|
||||
final FocusNode? forwardEmailFocusNode;
|
||||
final OnChangeFilterInputAction? forwardEmailOnChangeAction;
|
||||
|
||||
const RuleFilterActionDetailed({
|
||||
Key? key,
|
||||
this.actionType,
|
||||
this.mailboxSelected,
|
||||
this.errorValue,
|
||||
this.tapActionDetailedCallback,
|
||||
this.forwardEmailEditingController,
|
||||
this.forwardEmailFocusNode,
|
||||
this.forwardEmailOnChangeAction,
|
||||
}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final borderColor = errorValue?.isNotEmpty == true ? AppColor.colorInputBorderErrorVerifyName : AppColor.colorInputBorderCreateMailbox;
|
||||
switch (actionType) {
|
||||
case EmailRuleFilterAction.moveMessage:
|
||||
return RuleFilterButtonField<PresentationMailbox>(
|
||||
value: mailboxSelected,
|
||||
borderColor: borderColor,
|
||||
tapActionCallback: (value) {
|
||||
tapActionDetailedCallback!();
|
||||
},
|
||||
);
|
||||
case EmailRuleFilterAction.forwardTo:
|
||||
return RulesFilterInputField(
|
||||
errorText: errorValue,
|
||||
hintText: AppLocalizations.of(context).forwardEmailHintText,
|
||||
editingController: forwardEmailEditingController,
|
||||
focusNode: forwardEmailFocusNode,
|
||||
onChangeAction: forwardEmailOnChangeAction,
|
||||
);
|
||||
case EmailRuleFilterAction.maskAsSeen:
|
||||
case EmailRuleFilterAction.startIt:
|
||||
case EmailRuleFilterAction.rejectIt:
|
||||
case EmailRuleFilterAction.markAsSpam:
|
||||
default:
|
||||
return const SizedBox.shrink();
|
||||
}
|
||||
}
|
||||
}
|
||||
+93
@@ -0,0 +1,93 @@
|
||||
import 'package:core/presentation/resources/image_paths.dart';
|
||||
import 'package:core/presentation/utils/style_utils.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:model/mailbox/presentation_mailbox.dart';
|
||||
import 'package:tmail_ui_user/features/base/widget/drop_down_button_widget.dart';
|
||||
import 'package:tmail_ui_user/features/rules_filter_creator/presentation/model/email_rule_filter_action.dart';
|
||||
import 'package:tmail_ui_user/features/rules_filter_creator/presentation/styles/rule_filter_action_styles.dart';
|
||||
import 'package:tmail_ui_user/features/rules_filter_creator/presentation/widgets/rule_filter_action_detailed_builder.dart';
|
||||
import 'package:tmail_ui_user/features/rules_filter_creator/presentation/widgets/rule_filter_condition_remove_button_builder.dart';
|
||||
import 'package:tmail_ui_user/features/rules_filter_creator/presentation/widgets/rules_filter_input_field_builder.dart';
|
||||
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
|
||||
|
||||
class RuleFilterActionRow extends StatelessWidget {
|
||||
final List<EmailRuleFilterAction> actionList;
|
||||
final EmailRuleFilterAction? actionSelected;
|
||||
final Function(EmailRuleFilterAction?)? onActionChanged;
|
||||
final PresentationMailbox? mailboxSelected;
|
||||
final String? errorValue;
|
||||
final Function()? tapActionDetailedCallback;
|
||||
final ImagePaths? imagePaths;
|
||||
final Function()? tapRemoveActionCallback;
|
||||
final TextEditingController? forwardEmailEditingController;
|
||||
final FocusNode? forwardEmailFocusNode;
|
||||
final OnChangeFilterInputAction? onChangeForwardEmail;
|
||||
|
||||
const RuleFilterActionRow({
|
||||
Key? key,
|
||||
required this.actionList,
|
||||
this.actionSelected,
|
||||
this.onActionChanged,
|
||||
this.mailboxSelected,
|
||||
this.errorValue,
|
||||
this.tapActionDetailedCallback,
|
||||
this.imagePaths,
|
||||
this.tapRemoveActionCallback,
|
||||
this.forwardEmailEditingController,
|
||||
this.forwardEmailFocusNode,
|
||||
this.onChangeForwardEmail,
|
||||
}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final supportedAction = actionList.where((action) => action.getSupported() == true).toList();
|
||||
return Row(
|
||||
crossAxisAlignment: actionSelected == EmailRuleFilterAction.moveMessage ? CrossAxisAlignment.center : CrossAxisAlignment.start,
|
||||
children: [
|
||||
Expanded(
|
||||
child: DropDownButtonWidget<EmailRuleFilterAction>(
|
||||
items: supportedAction,
|
||||
itemSelected: actionSelected,
|
||||
onChanged: (newAction) => onActionChanged!(newAction),
|
||||
supportSelectionIcon: true,
|
||||
supportHint: true,
|
||||
hintText: AppLocalizations.of(context).selectAction,
|
||||
),
|
||||
),
|
||||
actionSelected == EmailRuleFilterAction.moveMessage
|
||||
? Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: RuleFilterActionStyles.mainPadding),
|
||||
child: Text(
|
||||
AppLocalizations.of(context).toMailbox,
|
||||
overflow: CommonTextStyle.defaultTextOverFlow,
|
||||
softWrap: CommonTextStyle.defaultSoftWrap,
|
||||
maxLines: RuleFilterActionStyles.maxLines,
|
||||
style: RuleFilterActionStyles.textStyle,
|
||||
),
|
||||
)
|
||||
: SizedBox(
|
||||
width: actionSelected == EmailRuleFilterAction.forwardTo ? RuleFilterActionStyles.itemDistance : 0,
|
||||
),
|
||||
Expanded(
|
||||
child: RuleFilterActionDetailed(
|
||||
actionType: actionSelected,
|
||||
mailboxSelected: mailboxSelected,
|
||||
errorValue: errorValue,
|
||||
tapActionDetailedCallback: tapActionDetailedCallback,
|
||||
forwardEmailEditingController: forwardEmailEditingController,
|
||||
forwardEmailFocusNode: forwardEmailFocusNode,
|
||||
forwardEmailOnChangeAction: onChangeForwardEmail,
|
||||
),
|
||||
),
|
||||
Container(
|
||||
padding: const EdgeInsets.only(left: RuleFilterActionStyles.mainPadding),
|
||||
alignment: Alignment.center,
|
||||
child: RuleFilterConditionRemoveButton(
|
||||
imagePath: imagePaths,
|
||||
tapRemoveRuleFilterConditionCallback: tapRemoveActionCallback,
|
||||
),
|
||||
)
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
+72
@@ -0,0 +1,72 @@
|
||||
import 'package:core/core.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:model/mailbox/presentation_mailbox.dart';
|
||||
import 'package:tmail_ui_user/features/rules_filter_creator/presentation/model/email_rule_filter_action.dart';
|
||||
import 'package:tmail_ui_user/features/rules_filter_creator/presentation/styles/rule_filter_action_styles.dart';
|
||||
import 'package:tmail_ui_user/features/rules_filter_creator/presentation/widgets/rule_filter_action_detailed_builder.dart';
|
||||
import 'package:tmail_ui_user/features/rules_filter_creator/presentation/widgets/rule_filter_button_field.dart';
|
||||
import 'package:tmail_ui_user/features/rules_filter_creator/presentation/widgets/rules_filter_input_field_builder.dart';
|
||||
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
|
||||
|
||||
class RuleFilterActionRowMobile extends StatelessWidget {
|
||||
final EmailRuleFilterAction? actionSelected;
|
||||
final Function()? tapActionCallback;
|
||||
final PresentationMailbox? mailboxSelected;
|
||||
final String? errorValue;
|
||||
final Function()? tapActionDetailedCallback;
|
||||
final TextEditingController? forwardEmailEditingController;
|
||||
final FocusNode? forwardEmailFocusNode;
|
||||
final OnChangeFilterInputAction? onChangeForwardEmail;
|
||||
|
||||
const RuleFilterActionRowMobile({
|
||||
Key? key,
|
||||
this.actionSelected,
|
||||
this.tapActionCallback,
|
||||
this.mailboxSelected,
|
||||
this.errorValue,
|
||||
this.tapActionDetailedCallback,
|
||||
this.forwardEmailEditingController,
|
||||
this.forwardEmailFocusNode,
|
||||
this.onChangeForwardEmail,
|
||||
}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
RuleFilterButtonField<EmailRuleFilterAction>(
|
||||
value: actionSelected,
|
||||
tapActionCallback: (value) {
|
||||
tapActionCallback!();
|
||||
},
|
||||
hintText: AppLocalizations.of(context).selectAction,
|
||||
),
|
||||
actionSelected == EmailRuleFilterAction.moveMessage
|
||||
? Container(
|
||||
alignment: Alignment.centerLeft,
|
||||
padding: const EdgeInsets.symmetric(vertical: RuleFilterActionStyles.mainPadding),
|
||||
child: Text(
|
||||
AppLocalizations.of(context).toMailbox,
|
||||
overflow: CommonTextStyle.defaultTextOverFlow,
|
||||
softWrap: CommonTextStyle.defaultSoftWrap,
|
||||
maxLines: RuleFilterActionStyles.maxLines,
|
||||
style: RuleFilterActionStyles.textStyle,
|
||||
),
|
||||
)
|
||||
: SizedBox(
|
||||
height: actionSelected == EmailRuleFilterAction.forwardTo ? RuleFilterActionStyles.itemDistance : 0,
|
||||
),
|
||||
RuleFilterActionDetailed(
|
||||
actionType: actionSelected,
|
||||
mailboxSelected: mailboxSelected,
|
||||
errorValue: errorValue,
|
||||
tapActionDetailedCallback: tapActionDetailedCallback,
|
||||
forwardEmailEditingController: forwardEmailEditingController,
|
||||
forwardEmailFocusNode: forwardEmailFocusNode,
|
||||
forwardEmailOnChangeAction: onChangeForwardEmail,
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
+121
@@ -0,0 +1,121 @@
|
||||
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:flutter/material.dart';
|
||||
import 'package:flutter_slidable/flutter_slidable.dart';
|
||||
import 'package:flutter_svg/flutter_svg.dart';
|
||||
import 'package:model/mailbox/presentation_mailbox.dart';
|
||||
import 'package:tmail_ui_user/features/rules_filter_creator/presentation/model/email_rule_filter_action.dart';
|
||||
import 'package:tmail_ui_user/features/rules_filter_creator/presentation/styles/rule_filter_action_styles.dart';
|
||||
import 'package:tmail_ui_user/features/rules_filter_creator/presentation/widgets/rule_filter_action_row_builder.dart';
|
||||
import 'package:tmail_ui_user/features/rules_filter_creator/presentation/widgets/rule_filter_action_row_mobile_builder.dart';
|
||||
import 'package:tmail_ui_user/features/rules_filter_creator/presentation/widgets/rules_filter_input_field_builder.dart';
|
||||
|
||||
class RuleFilterActionWidget extends StatelessWidget {
|
||||
final ResponsiveUtils responsiveUtils;
|
||||
final Function()? tapRemoveCallback;
|
||||
final ImagePaths? imagePaths;
|
||||
final EmailRuleFilterAction? actionSelected;
|
||||
final Function(EmailRuleFilterAction?)? onActionChanged;
|
||||
final Function()? onActionChangeMobile;
|
||||
final PresentationMailbox? mailboxSelected;
|
||||
final String? errorValue;
|
||||
final Function()? tapActionDetailedCallback;
|
||||
final TextEditingController? forwardEmailEditingController;
|
||||
final FocusNode? forwardEmailFocusNode;
|
||||
final OnChangeFilterInputAction? onChangeForwardEmail;
|
||||
|
||||
const RuleFilterActionWidget({
|
||||
Key? key,
|
||||
required this.responsiveUtils,
|
||||
this.tapRemoveCallback,
|
||||
this.imagePaths,
|
||||
this.actionSelected,
|
||||
this.onActionChanged,
|
||||
this.mailboxSelected,
|
||||
this.errorValue,
|
||||
this.tapActionDetailedCallback,
|
||||
this.forwardEmailEditingController,
|
||||
this.forwardEmailFocusNode,
|
||||
this.onChangeForwardEmail,
|
||||
this.onActionChangeMobile,
|
||||
}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Slidable(
|
||||
enabled: responsiveUtils.isMobile(context) ? true : false,
|
||||
endActionPane: ActionPane(
|
||||
extentRatio: RuleFilterActionStyles.extentRatio,
|
||||
motion: const BehindMotion(),
|
||||
children: [
|
||||
CustomSlidableAction(
|
||||
padding: const EdgeInsets.only(right: RuleFilterActionStyles.mainPadding),
|
||||
borderRadius: const BorderRadius.only(
|
||||
topRight: Radius.circular(RuleFilterActionStyles.mainBorderRadius),
|
||||
bottomRight: Radius.circular(RuleFilterActionStyles.mainBorderRadius),
|
||||
),
|
||||
onPressed: (_) => tapRemoveCallback!(),
|
||||
backgroundColor: AppColor.colorBackgroundFieldConditionRulesFilter,
|
||||
child: CircleAvatar(
|
||||
backgroundColor: AppColor.colorRemoveRuleFilterConditionButton,
|
||||
radius: RuleFilterActionStyles.removeButtonRadius,
|
||||
child: SvgPicture.asset(
|
||||
imagePaths!.icMinimize,
|
||||
fit: BoxFit.fill,
|
||||
colorFilter: AppColor.colorDeletePermanentlyButton.asFilter(),
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
child: Builder(
|
||||
builder: (context) {
|
||||
SlidableController? slideController = Slidable.of(context);
|
||||
return ValueListenableBuilder<int>(
|
||||
valueListenable: slideController?.direction ?? ValueNotifier<int>(0),
|
||||
builder: (context, value, _) {
|
||||
var borderRadius = value != -1
|
||||
? BorderRadius.circular(RuleFilterActionStyles.mainBorderRadius)
|
||||
: const BorderRadius.only(
|
||||
bottomLeft: Radius.circular(RuleFilterActionStyles.mainBorderRadius),
|
||||
topLeft: Radius.circular(RuleFilterActionStyles.mainBorderRadius),
|
||||
);
|
||||
return Container(
|
||||
padding: const EdgeInsets.all(RuleFilterActionStyles.mainPadding),
|
||||
decoration: BoxDecoration(
|
||||
color: AppColor.colorBackgroundFieldConditionRulesFilter,
|
||||
borderRadius: borderRadius,
|
||||
),
|
||||
child: responsiveUtils.isMobile(context)
|
||||
? RuleFilterActionRowMobile(
|
||||
actionSelected: actionSelected,
|
||||
mailboxSelected: mailboxSelected,
|
||||
errorValue: errorValue,
|
||||
tapActionDetailedCallback: tapActionDetailedCallback,
|
||||
forwardEmailEditingController: forwardEmailEditingController,
|
||||
forwardEmailFocusNode: forwardEmailFocusNode,
|
||||
onChangeForwardEmail: onChangeForwardEmail,
|
||||
tapActionCallback: onActionChangeMobile,
|
||||
)
|
||||
: RuleFilterActionRow(
|
||||
actionList: EmailRuleFilterAction.values,
|
||||
actionSelected: actionSelected,
|
||||
onActionChanged: onActionChanged,
|
||||
mailboxSelected: mailboxSelected,
|
||||
errorValue: errorValue,
|
||||
tapActionDetailedCallback: tapActionDetailedCallback,
|
||||
imagePaths: imagePaths,
|
||||
tapRemoveActionCallback: tapRemoveCallback,
|
||||
forwardEmailEditingController: forwardEmailEditingController,
|
||||
forwardEmailFocusNode: forwardEmailFocusNode,
|
||||
onChangeForwardEmail: onChangeForwardEmail,
|
||||
)
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user