TF-2877 Create notification setting view

lib/features/manage_account/presentation/manage_account_dashboard_controller.dart

@@ -29,6 +29,7 @@ import 'package:tmail_ui_user/features/manage_account/presentation/mailbox_visib
 import 'package:tmail_ui_user/features/manage_account/presentation/model/account_menu_item.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/model/manage_account_arguments.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/model/settings_page_level.dart';
+import 'package:tmail_ui_user/features/manage_account/presentation/notification/bindings/notification_binding.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/profiles/profiles_bindings.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/vacation/vacation_controller_bindings.dart';
 import 'package:tmail_ui_user/main/error/capability_validator.dart';
@@ -189,6 +190,9 @@ class ManageAccountDashBoardController extends ReloadableController {
       case AccountMenuItem.mailboxVisibility:
         MailboxVisibilityBindings().dependencies();
         break;
+      case AccountMenuItem.notification:
+        NotificationBinding().dependencies();
+        break;
       case AccountMenuItem.vacation:
       case AccountMenuItem.none:
         break;
@@ -295,6 +299,7 @@ class ManageAccountDashBoardController extends ReloadableController {
     clearInputFormView();
     selectAccountMenuItem(AccountMenuItem.none);
     settingsPageLevel.value = SettingsPageLevel.universal;
+    NotificationBinding().close();
     _replaceBrowserHistory();
   }
 

lib/features/manage_account/presentation/menu/settings/settings_first_level_view.dart

@@ -1,4 +1,5 @@
 import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:core/utils/platform_info.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:tmail_ui_user/features/mailbox/presentation/widgets/user_information_widget.dart';
@@ -138,6 +139,20 @@ class SettingsFirstLevelView extends GetWidget<SettingsController> {
           AccountMenuItem.languageAndRegion.getIcon(controller.imagePaths),
           () => controller.selectSettings(AccountMenuItem.languageAndRegion)
         ),
+        if (PlatformInfo.isMobile) ...[
+          Divider(
+            color: AppColor.colorDividerHorizontal,
+            height: 1,
+            indent: SettingsUtils.getHorizontalPadding(context, controller.responsiveUtils),
+            endIndent: SettingsUtils.getHorizontalPadding(context, controller.responsiveUtils)
+          ),
+          SettingFirstLevelTileBuilder(
+            AppLocalizations.of(context).notification,
+            controller.imagePaths.icNotification,
+            () => controller.selectSettings(AccountMenuItem.notification),
+            subtitle: AppLocalizations.of(context).allowsTwakeMailToNotifyYouWhenANewMessageArrivesOnYourPhone,
+          )
+        ],
         Divider(
           color: AppColor.colorDividerHorizontal,
           height: 1,

lib/features/manage_account/presentation/menu/settings/settings_view.dart

@@ -19,6 +19,7 @@ import 'package:tmail_ui_user/features/manage_account/presentation/menu/settings
 import 'package:tmail_ui_user/features/manage_account/presentation/menu/settings_utils.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/model/account_menu_item.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/model/settings_page_level.dart';
+import 'package:tmail_ui_user/features/manage_account/presentation/notification/notification_view.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/profiles/profiles_view.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/vacation/vacation_view.dart';
 import 'package:tmail_ui_user/features/manage_account/presentation/vacation/widgets/vacation_notification_message_widget.dart';
@@ -228,6 +229,8 @@ class SettingsView extends GetWidget<SettingsController> {
           }
         case AccountMenuItem.mailboxVisibility:
           return MailboxVisibilityView();
+        case AccountMenuItem.notification:
+          return const NotificationView();
         default:
           return const SizedBox.shrink();
       }

lib/features/manage_account/presentation/model/account_menu_item.dart

@@ -11,6 +11,7 @@ enum AccountMenuItem {
   forward,
   vacation,
   mailboxVisibility,
+  notification,
   none;
 
   String getIcon(ImagePaths imagePaths) {
@@ -29,6 +30,8 @@ enum AccountMenuItem {
         return imagePaths.icVacation;
       case AccountMenuItem.mailboxVisibility:
         return imagePaths.icMailboxVisibility;
+      case AccountMenuItem.notification:
+        return imagePaths.icNotification;
       case AccountMenuItem.none:
         return imagePaths.icProfiles;
     }
@@ -50,6 +53,8 @@ enum AccountMenuItem {
         return AppLocalizations.of(context).vacation;
       case AccountMenuItem.mailboxVisibility:
         return AppLocalizations.of(context).folderVisibility;
+      case AccountMenuItem.notification:
+        return AppLocalizations.of(context).notification;
       case AccountMenuItem.none:
         return AppLocalizations.of(context).profiles;
     }
@@ -71,6 +76,8 @@ enum AccountMenuItem {
         return 'vacation';
       case AccountMenuItem.mailboxVisibility:
         return 'folder-visibility';
+      case AccountMenuItem.notification:
+        return 'notification';
       case AccountMenuItem.none:
         return 'profiles';
     }

lib/features/manage_account/presentation/notification/notification_view.dart

@@ -0,0 +1,69 @@
+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_svg/flutter_svg.dart';
+import 'package:get/get.dart';
+import 'package:tmail_ui_user/features/manage_account/presentation/menu/settings_utils.dart';
+import 'package:tmail_ui_user/features/manage_account/presentation/notification/notification_controller.dart';
+import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
+
+class NotificationView extends GetWidget<NotificationController> {
+  const NotificationView({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      color: SettingsUtils.getBackgroundColor(context, Get.find<ResponsiveUtils>()),
+      padding: SettingsUtils.getMarginViewForSettingDetails(context, Get.find<ResponsiveUtils>()),
+      child: Obx(() {
+        if (controller.notificationSettingEnabled.value == null) {
+          return const SizedBox.shrink();
+        }
+            
+        return Row(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  const SizedBox(height: 10),
+                  Text(
+                    AppLocalizations.of(context).showNotifications,
+                    style: const TextStyle(
+                      fontSize: 17,
+                      height: 22 / 17,
+                      fontWeight: FontWeight.w500,
+                      color: Colors.black)),
+                  const SizedBox(height: 12),
+                  Text(
+                    AppLocalizations.of(context).allowsTwakeMailToNotifyYouWhenANewMessageArrivesOnYourPhone,
+                    style: const TextStyle(
+                      fontSize: 15,
+                      height: 20 / 15,
+                      color: AppColor.colorSettingExplanation),
+                  ),
+                ],
+              )
+            ),
+            const SizedBox(width: 12),
+            InkWell(
+              onTap: controller.toggleNotificationSetting,
+              child: Padding(
+                padding: const EdgeInsets.all(4),
+                child: SvgPicture.asset(
+                  controller.notificationSettingEnabled.value!
+                    ? Get.find<ImagePaths>().icSwitchOn
+                    : Get.find<ImagePaths>().icSwitchOff,
+                  fit: BoxFit.contain,
+                  width: 52,
+                  height: 32),
+              ),
+            ),
+          ],
+        );
+      }),
+    );
+  }
+}