add view list rule

2022-08-08 08:57:30 +07:00
parent 6d8eb7ec85
commit 3daad3ee39
13 changed files with 314 additions and 25 deletions
@@ -0,0 +1,53 @@
+import 'package:core/core.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:get/get.dart';
+import 'package:rule_filter/rule_filter/tmail_rule.dart';
+import 'package:tmail_ui_user/features/manage_account/presentation/email_rules/email_rules_controller.dart';
+
+class EmailRulesItemWidget extends GetWidget<EmailRulesController> {
+  final _imagePaths = Get.find<ImagePaths>();
+
+  EmailRulesItemWidget({
+    Key? key,
+    required this.editRule,
+    required this.rule,
+    required this.deleteRule,
+  }) : super(key: key);
+
+  final void Function(TMailRule) editRule;
+  final TMailRule rule;
+  final void Function(TMailRule) deleteRule;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 24),
+      color: Colors.white,
+      child: Row(crossAxisAlignment: CrossAxisAlignment.start, children: [
+        Text(rule.name,
+            style: const TextStyle(
+                fontSize: 16,
+                fontWeight: FontWeight.w400,
+                color: Colors.black)),
+        const Spacer(),
+        buildIconWeb(
+            icon: SvgPicture.asset(
+              _imagePaths.icEditRule,
+              fit: BoxFit.fill,
+            ),
+            onTap: () {
+              editRule.call(rule);
+            }),
+        buildIconWeb(
+            icon: SvgPicture.asset(
+              _imagePaths.icDeleteAttachment,
+              fit: BoxFit.fill,
+            ),
+            onTap: () {
+              deleteRule.call(rule);
+            }),
+      ]),
+    );
+  }
+}
@@ -0,0 +1,72 @@
+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/presentation/views/button/button_builder.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:tmail_ui_user/features/manage_account/presentation/email_rules/email_rules_controller.dart';
+import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
+
+class EmailRulesHeaderWidget extends GetWidget<EmailRulesController> {
+  const EmailRulesHeaderWidget({
+    Key? key,
+    required this.createRule,
+    required this.imagePaths,
+    required this.responsiveUtils,
+  }) : super(key: key);
+
+  final VoidCallback createRule;
+  final ImagePaths imagePaths;
+  final ResponsiveUtils responsiveUtils;
+
+  @override
+  Widget build(BuildContext context) {
+    final buttonAddNewRule = Row(children: [
+      if (!responsiveUtils.isMobile(context))
+        (ButtonBuilder(imagePaths.icAddNewRules)
+              ..key(const Key('button_new_rule'))
+              ..decoration(BoxDecoration(
+                  borderRadius: BorderRadius.circular(10),
+                  color: AppColor.colorTextButton))
+              ..paddingIcon(const EdgeInsets.only(right: 8))
+              ..iconColor(Colors.white)
+              ..maxWidth(170)
+              ..size(20)
+              ..radiusSplash(10)
+              ..padding(const EdgeInsets.symmetric(vertical: 12))
+              ..textStyle(const TextStyle(
+                fontSize: 17,
+                color: Colors.white,
+                fontWeight: FontWeight.w500,
+              ))
+              ..onPressActionClick(() => controller.goToCreateNewRule())
+              ..text(
+                AppLocalizations.of(context).addNewRule,
+                isVertical: false,
+              ))
+            .build()
+    ]);
+    return Container(
+      padding: const EdgeInsets.all(24),
+      decoration: BoxDecoration(
+        color: AppColor.colorBackgroundWrapIconStyleCode,
+        borderRadius: BorderRadius.circular(16),
+      ),
+      child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
+        Text(AppLocalizations.of(context).emailRules,
+            style: const TextStyle(
+                fontSize: 17,
+                fontWeight: FontWeight.bold,
+                color: Colors.black)),
+        const SizedBox(height: 4),
+        Text(AppLocalizations.of(context).emailRulesSubtitle,
+            style: const TextStyle(
+                fontSize: 15,
+                fontWeight: FontWeight.normal,
+                color: AppColor.colorTextButtonHeaderThread)),
+        const SizedBox(height: 24),
+        buttonAddNewRule,
+      ]),
+    );
+  }
+}
@@ -1,23 +1,12 @@
 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/presentation/views/button/button_builder.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/email_rules/email_rules_controller.dart';
+import 'package:tmail_ui_user/features/manage_account/presentation/email_rules/widgets/email_rule_item_widget.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';

-class EmailRulesHeaderWidget extends GetWidget<EmailRulesController> {
-  const EmailRulesHeaderWidget({
-    Key? key,
-    required this.createRule,
-    required this.imagePaths,
-    required this.responsiveUtils,
-  }) : super(key: key);
-
-  final Function() createRule;
-  final ImagePaths imagePaths;
-  final ResponsiveUtils responsiveUtils;
+class ListEmailRulesWidget extends GetWidget<EmailRulesController> {
+  const ListEmailRulesWidget({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
@@ -38,14 +27,35 @@ class EmailRulesHeaderWidget extends GetWidget<EmailRulesController> {
                  fontWeight: FontWeight.w500,
                  color: AppColor.colorTextButtonHeaderThread)),
        ),
-        const SizedBox(height: 4),
-        Text(AppLocalizations.of(context).emailRulesSubtitle,
-            style: const TextStyle(
-                fontSize: 15,
-                fontWeight: FontWeight.normal,
-                color: AppColor.colorTextButtonHeaderThread)),
-        const SizedBox(height: 24),
-        buttonAddNewRule,
+        const Divider(
+          color: AppColor.lineItemListColor,
+          height: 1,
+          thickness: 0.2,
+        ),
+        Expanded(
+          child: ListView.separated(
+            shrinkWrap: true,
+            itemCount: controller.listEmailRule.length,
+            itemBuilder: (context, index) {
+              final rule = controller.listEmailRule[index];
+              return EmailRulesItemWidget(
+                rule: rule,
+                editRule: (rule) {
+                  controller.editEmailRule(rule);
+                },
+                deleteRule: (rule) {
+                  controller.editEmailRule(rule);
+                },
+              );
+            },
+            separatorBuilder: (BuildContext context, int index) =>
+                const Divider(
+              color: AppColor.lineItemListColor,
+              height: 1,
+              thickness: 0.2,
+            ),
+          ),
+        ),
      ]),
    );
  }