TF-2431 Show confirm dialog when logout

Signed-off-by: dab246 <[email protected]>
linagora · Jan 16, 2024 · f5aab19 · f5aab19
1 parent 176ba6d
commit f5aab19
Show file tree

Hide file tree

Showing 14 changed files with 198 additions and 100 deletions.
diff --git a/core/lib/presentation/views/dialog/confirmation_dialog_builder.dart b/core/lib/presentation/views/dialog/confirmation_dialog_builder.dart
@@ -23,12 +23,12 @@ class ConfirmDialogBuilder {
   TextStyle? _styleContent;
   double? _radiusButton;
   double? heightButton;
-  EdgeInsets? _paddingTitle;
-  EdgeInsets? _paddingContent;
-  EdgeInsets? _paddingButton;
+  EdgeInsetsGeometry? _paddingTitle;
+  EdgeInsetsGeometry? _paddingContent;
+  EdgeInsetsGeometry? _paddingButton;
   EdgeInsets? _outsideDialogPadding;
-  EdgeInsets? _marginIcon;
-  EdgeInsets? _margin;
+  EdgeInsetsGeometry? _marginIcon;
+  EdgeInsetsGeometry? _margin;
   double? _widthDialog;
   double? _heightDialog;
   double maxWith;
@@ -95,23 +95,23 @@ class ConfirmDialogBuilder {
     _radiusButton = radius;
   }
 
-  void paddingTitle(EdgeInsets? value) {
+  void paddingTitle(EdgeInsetsGeometry? value) {
     _paddingTitle = value;
   }
 
-  void paddingContent(EdgeInsets? value) {
+  void paddingContent(EdgeInsetsGeometry? value) {
     _paddingContent = value;
   }
 
-  void paddingButton(EdgeInsets? value) {
+  void paddingButton(EdgeInsetsGeometry? value) {
     _paddingButton = value;
   }
 
-  void marginIcon(EdgeInsets? value) {
+  void marginIcon(EdgeInsetsGeometry? value) {
     _marginIcon = value;
   }
 
-  void margin(EdgeInsets? value) {
+  void margin(EdgeInsetsGeometry? value) {
     _margin = value;
   }
 

diff --git a/lib/features/base/base_controller.dart b/lib/features/base/base_controller.dart
@@ -18,6 +18,7 @@ import 'package:get/get.dart';
 import 'package:jmap_dart_client/jmap/account_id.dart';
 import 'package:jmap_dart_client/jmap/core/capability/capability_identifier.dart';
 import 'package:jmap_dart_client/jmap/core/session/session.dart';
+import 'package:jmap_dart_client/jmap/core/user_name.dart';
 import 'package:model/account/authentication_type.dart';
 import 'package:model/account/personal_account.dart';
 import 'package:rule_filter/rule_filter/capability_rule_filter.dart';
@@ -296,11 +297,64 @@ abstract class BaseController extends GetxController
   }
 
   void logout({
+    required BuildContext context,
     required Session session,
     required AccountId accountId
   }) async {
     _isFcmEnabled = _isFcmActivated(session, accountId);
-    consumeState(_logoutCurrentAccountInteractor.execute());
+
+    if (PlatformInfo.isMobile) {
+      _showConfirmDialogLogout(
+        context: context,
+        userName: session.username
+      );
+    } else {
+      consumeState(_logoutCurrentAccountInteractor.execute());
+    }
+  }
+
+  void _showConfirmDialogLogout({
+    required BuildContext context,
+    required UserName userName
+  }) {
+    showConfirmDialogAction(
+      context: context,
+      actionName: AppLocalizations.of(currentContext!).yesLogout,
+      title: AppLocalizations.of(currentContext!).logoutConfirmation,
+      alignCenter: true,
+      titlePadding: const EdgeInsetsDirectional.only(top: 24),
+      messageStyle: Theme.of(context).textTheme.bodySmall?.copyWith(
+        color: AppColor.colorTextBody,
+        fontSize: 15
+      ),
+      titleStyle: Theme.of(context).textTheme.bodyLarge?.copyWith(
+        color: Colors.black,
+        fontSize: 20
+      ),
+      actionButtonColor: AppColor.primaryColor,
+      actionStyle: Theme.of(context).textTheme.bodyMedium?.copyWith(
+        color: Colors.white,
+        fontSize: 16
+      ),
+      cancelStyle: Theme.of(context).textTheme.bodyMedium?.copyWith(
+        color: AppColor.primaryColor,
+        fontSize: 16
+      ),
+      listTextSpan: [
+        TextSpan(text: AppLocalizations.of(context).messageConfirmationLogout),
+        TextSpan(
+          text: ' ${userName.value}',
+          style: Theme.of(context).textTheme.bodyLarge?.copyWith(
+            color: AppColor.colorTextBody,
+            fontSize: 15
+          ),
+        ),
+        const TextSpan(text: '?'),
+      ],
+      onConfirmAction: () {
+        consumeState(_logoutCurrentAccountInteractor.execute());
+      },
+    );
   }
 
   void _removeFirebaseRegistration(PersonalAccount deletedAccount) async {

diff --git a/lib/features/base/mixin/message_dialog_action_mixin.dart b/lib/features/base/mixin/message_dialog_action_mixin.dart
@@ -8,28 +8,27 @@ import 'package:tmail_ui_user/main/routes/route_navigation.dart';
 
 mixin MessageDialogActionMixin {
 
-  Future<dynamic> showConfirmDialogAction(
-      BuildContext context,
-      String message,
-      String actionName,
-      {
-        Function? onConfirmAction,
-        Function? onCancelAction,
-        String? title,
-        String? cancelTitle,
-        bool hasCancelButton = true,
-        bool showAsBottomSheet = false,
-        bool alignCenter = false,
-        List<TextSpan>? listTextSpan,
-        Widget? icon,
-        TextStyle? titleStyle,
-        TextStyle? messageStyle,
-        TextStyle? actionStyle,
-        TextStyle? cancelStyle,
-        Color? actionButtonColor,
-        Color? cancelButtonColor,
-      }
-  ) async {
+  Future<dynamic> showConfirmDialogAction({
+    required BuildContext context,
+    String? message,
+    String? actionName,
+    Function? onConfirmAction,
+    Function? onCancelAction,
+    String? title,
+    String? cancelTitle,
+    bool hasCancelButton = true,
+    bool showAsBottomSheet = false,
+    bool alignCenter = false,
+    List<TextSpan>? listTextSpan,
+    Widget? icon,
+    TextStyle? titleStyle,
+    TextStyle? messageStyle,
+    TextStyle? actionStyle,
+    TextStyle? cancelStyle,
+    Color? actionButtonColor,
+    Color? cancelButtonColor,
+    EdgeInsetsGeometry? titlePadding,
+  }) async {
     final responsiveUtils = Get.find<ResponsiveUtils>();
     final imagePaths = Get.find<ImagePaths>();
 
@@ -39,20 +38,20 @@ mixin MessageDialogActionMixin {
           child: (ConfirmDialogBuilder(imagePaths, listTextSpan: listTextSpan, heightButton: 44)
             ..key(const Key('confirm_dialog_action'))
             ..title(title ?? '')
-            ..content(message)
+            ..content(message ?? '')
             ..addIcon(icon)
             ..colorConfirmButton(actionButtonColor ?? AppColor.colorTextButton)
             ..colorCancelButton(cancelButtonColor ?? AppColor.colorCancelButton)
             ..marginIcon(icon != null ? const EdgeInsets.only(top: 24) : null)
-            ..paddingTitle(icon != null ? const EdgeInsets.only(top: 24) : EdgeInsets.zero)
+            ..paddingTitle(icon != null ? const EdgeInsets.only(top: 24) : titlePadding ?? EdgeInsets.zero)
             ..radiusButton(12)
-            ..paddingContent(const EdgeInsets.only(left: 24, right: 24, bottom: 24, top: 12))
-            ..paddingButton(hasCancelButton ? null : const EdgeInsets.only(bottom: 24, left: 24, right: 24))
+            ..paddingContent(const EdgeInsetsDirectional.only(start: 24, end: 24, bottom: 24, top: 12))
+            ..paddingButton(hasCancelButton ? null : const EdgeInsetsDirectional.only(bottom: 24, start: 24, end: 24))
             ..styleTitle(titleStyle ?? const TextStyle(fontSize: 20, fontWeight: FontWeight.bold, color: Colors.black))
             ..styleContent(messageStyle ?? const TextStyle(fontSize: 14, fontWeight: FontWeight.normal, color: AppColor.colorContentEmail))
             ..styleTextCancelButton(cancelStyle ?? const TextStyle(fontSize: 17, fontWeight: FontWeight.w500, color: AppColor.colorTextButton))
             ..styleTextConfirmButton(actionStyle ?? const TextStyle(fontSize: 17, fontWeight: FontWeight.w500, color: Colors.white))
-            ..onConfirmButtonAction(actionName, () {
+            ..onConfirmButtonAction(actionName ?? AppLocalizations.of(context).yes, () {
                 popBack();
                 onConfirmAction?.call();
             })
@@ -80,21 +79,21 @@ mixin MessageDialogActionMixin {
               )
                 ..key(const Key('confirm_dialog_action'))
                 ..title(title ?? '')
-                ..content(message)
+                ..content(message ?? '')
                 ..addIcon(icon)
                 ..margin(const EdgeInsets.only(bottom: 42))
                 ..widthDialog(responsiveUtils.getSizeScreenWidth(context))
                 ..colorConfirmButton(actionButtonColor ?? AppColor.colorTextButton)
                 ..colorCancelButton(cancelButtonColor ?? AppColor.colorCancelButton)
-                ..paddingTitle(icon != null ? const EdgeInsets.only(top: 24) : EdgeInsets.zero)
+                ..paddingTitle(icon != null ? const EdgeInsets.only(top: 24) : titlePadding ?? EdgeInsets.zero)
                 ..marginIcon(EdgeInsets.zero)
-                ..paddingContent(const EdgeInsets.only(left: 44, right: 44, bottom: 24, top: 12))
-                ..paddingButton(hasCancelButton ? null : const EdgeInsets.only(bottom: 16, left: 44, right: 44))
+                ..paddingContent(const EdgeInsetsDirectional.only(start: 44, end: 44, bottom: 24, top: 12))
+                ..paddingButton(hasCancelButton ? null : const EdgeInsetsDirectional.only(bottom: 16, start: 44, end: 44))
                 ..styleTitle(titleStyle ?? const TextStyle(fontSize: 20, fontWeight: FontWeight.bold, color: Colors.black))
                 ..styleContent(messageStyle ?? const TextStyle(fontSize: 14, fontWeight: FontWeight.normal, color: AppColor.colorContentEmail))
                 ..styleTextCancelButton(cancelStyle ?? const TextStyle(fontSize: 17, fontWeight: FontWeight.w500, color: AppColor.colorTextButton))
                 ..styleTextConfirmButton(actionStyle ?? const TextStyle(fontSize: 17, fontWeight: FontWeight.w500, color: Colors.white))
-                ..onConfirmButtonAction(actionName, () {
+                ..onConfirmButtonAction(actionName ?? AppLocalizations.of(context).yes, () {
                     popBack();
                     onConfirmAction?.call();
                 })
@@ -117,7 +116,7 @@ mixin MessageDialogActionMixin {
           );
         } else {
           return (ConfirmationDialogActionSheetBuilder(context, listTextSpan: listTextSpan)
-            ..messageText(message)
+            ..messageText(message ?? '')
             ..styleConfirmButton(const TextStyle(fontSize: 20, fontWeight: FontWeight.normal, color: Colors.black))
             ..styleMessage(messageStyle)
             ..styleCancelButton(cancelStyle)
@@ -128,7 +127,7 @@ mixin MessageDialogActionMixin {
                   onCancelAction?.call();
                 }
             )
-            ..onConfirmAction(actionName, () {
+            ..onConfirmAction(actionName ?? AppLocalizations.of(context).yes, () {
                 popBack();
                 onConfirmAction?.call();
             })).show();
@@ -139,20 +138,20 @@ mixin MessageDialogActionMixin {
             child: (ConfirmDialogBuilder(imagePaths, listTextSpan: listTextSpan)
               ..key(const Key('confirm_dialog_action'))
               ..title(title ?? '')
-              ..content(message)
+              ..content(message ?? '')
               ..addIcon(icon)
               ..colorConfirmButton(actionButtonColor ?? AppColor.colorTextButton)
               ..colorCancelButton(cancelButtonColor ?? AppColor.colorCancelButton)
               ..marginIcon(icon != null ? const EdgeInsets.only(top: 24) : null)
-              ..paddingTitle(icon != null ? const EdgeInsets.only(top: 24) : EdgeInsets.zero)
+              ..paddingTitle(icon != null ? const EdgeInsets.only(top: 24) : titlePadding ?? EdgeInsets.zero)
               ..marginIcon(EdgeInsets.zero)
-              ..paddingContent(const EdgeInsets.only(left: 44, right: 44, bottom: 24, top: 12))
+              ..paddingContent(const EdgeInsetsDirectional.only(start: 44, end: 44, bottom: 24, top: 12))
               ..paddingButton(hasCancelButton ? null : const EdgeInsets.only(bottom: 16, left: 44, right: 44))
               ..styleTitle(titleStyle ?? const TextStyle(fontSize: 20, fontWeight: FontWeight.bold, color: Colors.black))
               ..styleContent(messageStyle ?? const TextStyle(fontSize: 14, fontWeight: FontWeight.normal, color: AppColor.colorContentEmail))
               ..styleTextCancelButton(cancelStyle ?? const TextStyle(fontSize: 17, fontWeight: FontWeight.w500, color: AppColor.colorTextButton))
               ..styleTextConfirmButton(actionStyle ?? const TextStyle(fontSize: 17, fontWeight: FontWeight.w500, color: Colors.white))
-              ..onConfirmButtonAction(actionName, () {
+              ..onConfirmButtonAction(actionName ?? AppLocalizations.of(context).yes, () {
                 popBack();
                 onConfirmAction?.call();
               })