TF-1118 Apply new design Forwarding on Mobile/Tablet

lib/features/manage_account/presentation/forward/forward_controller.dart

@@ -141,8 +141,6 @@ class ForwardController extends BaseController {
   }
 
   void _handleDeleteRecipientAction(Set<String> listRecipients) {
-    popBack();
-
     final accountId = accountDashBoardController.accountId.value;
     if (accountId != null &&
         currentForward.value != null &&
@@ -236,6 +234,8 @@ class ForwardController extends BaseController {
   }
 
   void addRecipientAction(BuildContext context) {
+    FocusScope.of(context).unfocus();
+
     final accountId = accountDashBoardController.accountId.value;
     final emailAddressSelected = recipientController.emailAddressSelected;
 

lib/features/manage_account/presentation/forward/forward_view.dart

@@ -35,17 +35,24 @@ class ForwardView extends GetWidget<ForwardController> with AppLoaderMixin {
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
-            ForwardHeaderWidget(imagePaths: _imagePaths, responsiveUtils: _responsiveUtils),
-            Container(height: 1, color: AppColor.colorDividerHeaderSetting),
+            if (_responsiveUtils.isWebDesktop(context))
+              ...[
+                ForwardHeaderWidget(imagePaths: _imagePaths, responsiveUtils: _responsiveUtils),
+                Container(height: 1, color: AppColor.colorDividerHeaderSetting)
+              ],
             Expanded(child: SingleChildScrollView(
-              child: Column(children: [
+              physics: const ClampingScrollPhysics(),
+              child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
+                if (!_responsiveUtils.isWebDesktop(context))
+                  _buildTitleHeader(context),
                 _buildLoadingView(),
                 Obx(() {
                   if (controller.currentForward.value != null) {
                     return Column(children: [
                       _buildKeepLocalSwitchButton(context),
                       _buildAddRecipientsFormWidget(context),
-                      ListEmailForwardsWidget()
+                      if (controller.listRecipientForward.isNotEmpty)
+                        ListEmailForwardsWidget()
                     ]);
                   } else {
                     return const SizedBox.shrink();
@@ -59,6 +66,23 @@ class ForwardView extends GetWidget<ForwardController> with AppLoaderMixin {
     );
   }
 
+  Widget _buildTitleHeader(BuildContext context) {
+    return Container(
+      color: Colors.white,
+      width: double.infinity,
+      margin: SettingsUtils.getMarginTitleHeaderForwarding(context, _responsiveUtils),
+      padding: SettingsUtils.getPaddingTitleHeaderForwarding(context, _responsiveUtils),
+      child: Text(
+        AppLocalizations.of(context).forwardingSettingExplanation,
+        style: const TextStyle(
+          fontSize: 16,
+          fontWeight: FontWeight.normal,
+          color: AppColor.colorSettingExplanation
+        )
+      ),
+    );
+  }
+
   Widget _buildKeepLocalSwitchButton(BuildContext context) {
     return Container(
       color: Colors.transparent,
@@ -130,7 +154,7 @@ class ForwardView extends GetWidget<ForwardController> with AppLoaderMixin {
     ));
   }
 
-  Widget _buildAddRecipientButton(BuildContext context) {
+  Widget _buildAddRecipientButton(BuildContext context, {double? maxWidth}) {
     return (ButtonBuilder(_imagePaths.icAddIdentity)
       ..key(const Key('button_add_recipient'))
       ..decoration(BoxDecoration(
@@ -138,7 +162,7 @@ class ForwardView extends GetWidget<ForwardController> with AppLoaderMixin {
           color: AppColor.colorTextButton))
       ..paddingIcon(const EdgeInsets.only(right: 8))
       ..iconColor(Colors.white)
-      ..maxWidth(170)
+      ..maxWidth(maxWidth ?? 170)
       ..size(20)
       ..radiusSplash(10)
       ..padding(const EdgeInsets.symmetric(vertical: 12))
@@ -163,7 +187,7 @@ class ForwardView extends GetWidget<ForwardController> with AppLoaderMixin {
           children: [
             _buildAddRecipientInputField(),
             const SizedBox(height: 16),
-            _buildAddRecipientButton(context)
+            _buildAddRecipientButton(context, maxWidth: double.infinity)
           ],
         ),
       );

lib/features/manage_account/presentation/forward/widgets/forward_header_widget.dart

@@ -1,7 +1,6 @@
 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/utils/style_utils.dart';
 import 'package:flutter/material.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
 
@@ -23,9 +22,6 @@ class ForwardHeaderWidget extends StatelessWidget {
       child: Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
         Text(
           AppLocalizations.of(context).forwarding,
-          overflow: CommonTextStyle.defaultTextOverFlow,
-          softWrap: CommonTextStyle.defaultSoftWrap,
-          maxLines: 1,
           style: const TextStyle(
             fontSize: 20,
             fontWeight: FontWeight.w500,
@@ -33,9 +29,6 @@ class ForwardHeaderWidget extends StatelessWidget {
         const SizedBox(height: 8),
         Text(
           AppLocalizations.of(context).forwardingSettingExplanation,
-          overflow: CommonTextStyle.defaultTextOverFlow,
-          softWrap: CommonTextStyle.defaultSoftWrap,
-          maxLines: 3,
           style: const TextStyle(
             fontSize: 16,
             fontWeight: FontWeight.normal,

lib/features/manage_account/presentation/forward/widgets/list_email_forward_widget.dart

@@ -37,6 +37,7 @@ class ListEmailForwardsWidget extends GetWidget<ForwardController> {
               Obx(() {
                 return ListView.separated(
                   shrinkWrap: true,
+                  primary: false,
                   itemCount: controller.listRecipientForward.length,
                   itemBuilder: (context, index) {
                     final recipientForward = controller.listRecipientForward[index];

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

@@ -70,6 +70,7 @@ class SettingsFirstLevelView extends GetWidget<SettingsController> {
               SettingFirstLevelTileBuilder(
                 AccountMenuItem.forward.getName(context),
                 AccountMenuItem.forward.getIcon(_imagePaths),
+                subtitle: AppLocalizations.of(context).forwardingSettingExplanation,
                 () => controller.selectSettings(AccountMenuItem.forward)
               ),
               Divider(
@@ -90,7 +91,7 @@ class SettingsFirstLevelView extends GetWidget<SettingsController> {
                 AccountMenuItem.vacation.getName(context),
                 AccountMenuItem.vacation.getIcon(_imagePaths),
                 subtitle: AppLocalizations.of(context).vacationSettingExplanation,
-                  () => controller.selectSettings(AccountMenuItem.vacation)
+                () => controller.selectSettings(AccountMenuItem.vacation)
               ),
               Divider(
                 color: AppColor.colorDividerComposer,

lib/features/manage_account/presentation/menu/settings_utils.dart

@@ -87,13 +87,25 @@ class SettingsUtils {
   }
 
   static BoxDecoration? getBoxDecorationForListRecipient(BuildContext context, ResponsiveUtils responsiveUtils) {
-    if (responsiveUtils.isWebDesktop(context)) {
-      return BoxDecoration(
-          borderRadius: BorderRadius.circular(12),
-          border: Border.all(color: AppColor.colorBorderSettingContentWeb, width: 1),
-          color: Colors.white);
+    return BoxDecoration(
+      borderRadius: BorderRadius.circular(12),
+      border: Border.all(color: AppColor.colorBorderSettingContentWeb, width: 1),
+      color: Colors.white);
+  }
+
+  static EdgeInsets getMarginTitleHeaderForwarding(BuildContext context, ResponsiveUtils responsiveUtils) {
+    if (responsiveUtils.isPortraitMobile(context)) {
+      return EdgeInsets.zero;
     } else {
-      return null;
+      return const EdgeInsets.symmetric(horizontal: 20);
+    }
+  }
+
+  static EdgeInsets getPaddingTitleHeaderForwarding(BuildContext context, ResponsiveUtils responsiveUtils) {
+    if (responsiveUtils.isPortraitMobile(context)) {
+      return const EdgeInsets.only(left: 16, right: 16);
+    } else {
+      return const EdgeInsets.all(12);
     }
   }
 }

lib/features/manage_account/presentation/vacation/vacation_view.dart

@@ -442,7 +442,7 @@ class VacationView extends GetWidget<VacationController> with RichTextButtonMixi
       return html_editor_browser.HtmlEditor(
         key: const Key('vacation_message_html_text_editor_web'),
         controller: controller.richTextControllerForWeb.editorController,
-        htmlEditorOptions: html_editor_browser.HtmlEditorOptions(
+        htmlEditorOptions: const html_editor_browser.HtmlEditorOptions(
             hint: '',
             darkMode: false,
             customBodyCssStyle: bodyCssStyleForEditor),