add view list rule

2022-08-08 08:55:50 +07:00
parent 77bad43ce6
commit 6d8eb7ec85
10 changed files with 67 additions and 0 deletions
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 0.5C9.55229 0.5 10 0.947716 10 1.5L10 8H16.5C17.0523 8 17.5 8.44772 17.5 9C17.5 9.55228 17.0523 10 16.5 10H10L10 16.5001C10 17.0524 9.55229 17.5001 9 17.5001C8.44772 17.5001 8 17.0524 8 16.5001L7.999 10H1.5C0.947715 10 0.5 9.55228 0.5 9C0.5 8.44772 0.947715 8 1.5 8H7.999L8 1.5C8 0.947716 8.44772 0.5 9 0.5Z" fill="white"/>
+</svg>
@@ -0,0 +1,5 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9445 9.50154C10.3931 9.53217 9.9709 10.004 10.0015 10.5555L10.5015 19.5555C10.5322 20.1069 11.004 20.5291 11.5555 20.4985C12.1069 20.4678 12.5291 19.996 12.4985 19.4445L11.9985 10.4445C11.9678 9.8931 11.496 9.4709 10.9445 9.50154Z" fill="#B8C1CC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.0555 9.50154C17.6069 9.53217 18.0291 10.004 17.9985 10.5555L17.4985 19.5555C17.4678 20.1069 16.996 20.5291 16.4445 20.4985C15.8931 20.4678 15.4709 19.996 15.5015 19.4445L16.0015 10.4445C16.0322 9.8931 16.504 9.4709 17.0555 9.50154Z" fill="#B8C1CC"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 5C2.94772 5 2.5 5.44772 2.5 6C2.5 6.55228 2.94772 7 3.5 7H4.59608L5.89361 19.8226C5.96744 20.5523 6.02861 21.157 6.11753 21.6489C6.21021 22.1618 6.345 22.629 6.60612 23.0628C7.01335 23.7394 7.61173 24.2803 8.32586 24.6173C8.78375 24.8334 9.2622 24.9205 9.78174 24.9611C10.2802 25 10.8879 25 11.6214 25H16.3786C17.1121 25 17.7198 25 18.2183 24.9611C18.7378 24.9205 19.2163 24.8334 19.6741 24.6173C20.3883 24.2803 20.9866 23.7394 21.3939 23.0628C21.655 22.629 21.7898 22.1618 21.8825 21.6489C21.9714 21.157 22.0326 20.5523 22.1064 19.8226L23.4039 7H24.5C25.0523 7 25.5 6.55228 25.5 6C25.5 5.44772 25.0523 5 24.5 5H18.3885C17.9338 2.99601 16.1416 1.5 14 1.5C11.8584 1.5 10.0662 2.99601 9.61151 5H3.5ZM7.87953 19.5826C7.95827 20.3607 8.01227 20.8873 8.08564 21.2932C8.15682 21.687 8.234 21.8891 8.31965 22.0314C8.52327 22.3697 8.82246 22.6401 9.17952 22.8087C9.32971 22.8796 9.53854 22.936 9.9375 22.9672C10.3488 22.9993 10.8781 23 11.6602 23H16.3398C17.1219 23 17.6512 22.9993 18.0625 22.9672C18.4615 22.936 18.6703 22.8796 18.8205 22.8087C19.1775 22.6401 19.4767 22.3697 19.6804 22.0314C19.766 21.8891 19.8432 21.687 19.9144 21.2932C19.9877 20.8873 20.0417 20.3607 20.1205 19.5826L21.3937 7H6.6063L7.87953 19.5826ZM14 3.5C12.9748 3.5 12.0938 4.11705 11.708 5H16.292C15.9062 4.11705 15.0252 3.5 14 3.5Z" fill="#B8C1CC"/>
+</svg>
@@ -0,0 +1,3 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.7819 3.33479C20.9263 2.89882 19.9136 2.89882 19.058 3.33479C18.6301 3.55279 18.2581 3.92573 17.8277 4.3572L4.67686 17.5082C4.32275 17.8622 4.06835 18.1164 3.85935 18.4041C3.44193 18.9786 3.16642 19.6438 3.05533 20.3452C2.9997 20.6964 2.99979 21.0561 2.99991 21.5567L2.99992 22.5994L2.99973 22.6804C2.9987 22.9622 2.99744 23.3085 3.09781 23.6174C3.29565 24.2263 3.77301 24.7037 4.38189 24.9015C4.69081 25.0019 5.03717 25.0006 5.31895 24.9996L5.39992 24.9994L6.4426 24.9994C6.94326 24.9995 7.30294 24.9996 7.65413 24.944C8.35554 24.8329 9.02069 24.5574 9.59521 24.14C9.88287 23.931 10.1371 23.6766 10.4911 23.3225L23.6421 10.1716C24.0736 9.7412 24.4465 9.3692 24.6645 8.94136C25.1005 8.08571 25.1005 7.07307 24.6645 6.21742C24.4465 5.78959 24.0736 5.4176 23.6421 4.98723L23.0121 4.35721C22.5817 3.92574 22.2097 3.55279 21.7819 3.33479ZM19.9659 5.11681C20.2512 4.97148 20.5887 4.97148 20.8739 5.11681C20.9795 5.17059 21.1112 5.28491 21.6927 5.86639L22.1329 6.3066C22.7144 6.88809 22.8287 7.01985 22.8825 7.1254C23.0278 7.41062 23.0278 7.74817 22.8825 8.03338C22.8287 8.13893 22.7144 8.2707 22.1329 8.85218L21.2749 9.7102L18.2891 6.72441L19.1471 5.86639C19.7286 5.28491 19.8604 5.17059 19.9659 5.11681ZM16.8749 8.13863L6.14221 18.8713C5.71675 19.2968 5.58227 19.4353 5.47738 19.5797C5.24549 19.8989 5.09242 20.2684 5.0307 20.658C5.00279 20.8343 4.99992 21.0273 4.99992 21.629V22.5994C4.99992 22.7964 5.00027 22.9042 5.00455 22.9824L5.00524 22.9941L5.0169 22.9948C5.09517 22.9991 5.2029 22.9994 5.39992 22.9994H6.37028C6.97197 22.9994 7.16501 22.9965 7.34126 22.9686C7.73093 22.9069 8.10046 22.7538 8.41964 22.5219C8.56401 22.4171 8.70254 22.2826 9.12799 21.8571L19.8607 11.1244L16.8749 8.13863Z" fill="#B8C1CC"/>
+</svg>
@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.6113 12.9832V14.6008C14.6113 14.8561 14.8491 15.063 15.1424 15.063C15.4357 15.063 15.6734 14.8561 15.6734 14.6008V12.9832L16.7162 11.6219C16.9514 11.3148 16.6984 10.9034 16.2743 10.9034H14.0104C13.5863 10.9034 13.3333 11.3148 13.5686 11.6219L14.6113 12.9832ZM15.1424 12.3084L15.5814 11.7353H14.7034L15.1424 12.3084Z" fill="#007AFF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.20283 14.5496H11.2877C11.9064 16.0706 13.3992 17.1429 15.1424 17.1429C17.4397 17.1429 19.302 15.2805 19.302 12.9832C19.302 10.8934 17.761 9.16359 15.7533 8.86808V5.17732C15.7533 4.46671 15.567 3.92726 15.1944 3.55895C14.8217 3.18632 14.2736 3 13.55 3H3.05985C2.4099 3 1.90294 3.18632 1.53897 3.55895C1.17933 3.92726 0.999512 4.46671 0.999512 5.17732V12.3657C0.999512 13.0807 1.18583 13.6223 1.55847 13.9906C1.93544 14.3632 2.48356 14.5496 3.20283 14.5496ZM14.4079 8.88816V5.38826L11.0094 8.73147L12.2671 9.97724C12.8463 9.42313 13.5852 9.03472 14.4079 8.88816ZM11.5177 10.941L10.1474 9.57945L9.8323 9.88944C9.59398 10.1278 9.35567 10.3011 9.11736 10.4094C8.87904 10.5134 8.63423 10.5654 8.38292 10.5654C8.1316 10.5654 7.88679 10.5134 7.64847 10.4094C7.41016 10.3011 7.17185 10.1278 6.93353 9.88944L6.62154 9.5825L3.00722 13.1683C3.07597 13.1792 3.14984 13.1847 3.22883 13.1847H10.9875C10.9843 13.1179 10.9827 13.0507 10.9827 12.9832C10.9827 12.241 11.1771 11.5443 11.5177 10.941ZM5.75644 8.73143L2.3449 12.1106V5.37519L5.75644 8.73143ZM3.22883 4.36489C3.16832 4.36489 3.11082 4.36819 3.05633 4.37478L7.67447 8.93402C7.80879 9.05968 7.93228 9.155 8.04494 9.22C8.1576 9.28066 8.27026 9.31099 8.38292 9.31099C8.49991 9.31099 8.61473 9.28066 8.72739 9.22C8.84004 9.15934 8.96354 9.06401 9.09786 8.93402L13.7091 4.37587C13.6528 4.36855 13.5933 4.36489 13.5305 4.36489H3.22883ZM15.1424 16.0613C16.8424 16.0613 18.2205 14.6832 18.2205 12.9832C18.2205 11.2832 16.8424 9.90504 15.1424 9.90504C13.4424 9.90504 12.0642 11.2832 12.0642 12.9832C12.0642 14.6832 13.4424 16.0613 15.1424 16.0613Z" fill="#007AFF"/>
+</svg>
@@ -0,0 +1,52 @@
+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 Function() createRule;
+  final ImagePaths imagePaths;
+  final ResponsiveUtils responsiveUtils;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      decoration: BoxDecoration(
+        color: AppColor.colorBackgroundWrapIconStyleCode,
+        borderRadius: BorderRadius.circular(16),
+      ),
+      child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
+        Padding(
+          padding: const EdgeInsets.symmetric(
+            vertical: 28,
+            horizontal: 24,
+          ),
+          child: Text(AppLocalizations.of(context).headerNameOfRules,
+              style: const TextStyle(
+                  fontSize: 16,
+                  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,
+      ]),
+    );
+  }
+}