TF-3312 Add logout confirmation dialog

lib/features/base/base_controller.dart

@@ -28,6 +28,7 @@ import 'package:jmap_dart_client/jmap/core/session/session.dart';
 import 'package:model/model.dart';
 import 'package:rule_filter/rule_filter/capability_rule_filter.dart';
 import 'package:tmail_ui_user/features/base/before_reconnect_manager.dart';
+import 'package:tmail_ui_user/features/base/mixin/logout_mixin.dart';
 import 'package:tmail_ui_user/features/base/mixin/message_dialog_action_mixin.dart';
 import 'package:tmail_ui_user/features/base/mixin/popup_context_menu_action_mixin.dart';
 import 'package:tmail_ui_user/features/caching/caching_manager.dart';
@@ -73,7 +74,8 @@ import 'package:uuid/uuid.dart';
 
 abstract class BaseController extends GetxController
     with MessageDialogActionMixin,
-        PopupContextMenuActionMixin {
+        PopupContextMenuActionMixin,
+        LogoutMixin {
 
   final CachingManager cachingManager = Get.find<CachingManager>();
   final LanguageCacheManager languageCacheManager = Get.find<LanguageCacheManager>();
@@ -437,11 +439,28 @@ abstract class BaseController extends GetxController
       arguments: LoginArguments(LoginFormType.none));
   }
 
-  void logout(Session? session, AccountId? accountId) async {
+  void logout(
+    BuildContext context,
+    Session? session,
+    AccountId? accountId,
+  ) {
+    if (PlatformInfo.isMobile) {
+      showLogoutConfirmDialog(
+        context: context,
+        username: session?.username.value ?? '',
+        onConfirmAction: () => _handleLogoutAction(session, accountId),
+      );
+    } else {
+      _handleLogoutAction(session, accountId);
+    }
+  }
+
+  Future<void> _handleLogoutAction(Session? session, AccountId? accountId) async {
     if (session == null || accountId == null) {
       await clearDataAndGoToLoginPage();
       return;
     }
+
     _isFcmEnabled = _isFcmActivated(session, accountId);
     if (isAuthenticatedWithOidc) {
       consumeState(logoutOidcInteractor.execute());

lib/features/base/mixin/logout_mixin.dart

@@ -0,0 +1,48 @@
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:flutter/material.dart';
+import 'package:tmail_ui_user/features/base/mixin/message_dialog_action_mixin.dart';
+import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
+
+mixin LogoutMixin implements MessageDialogActionMixin {
+  void showLogoutConfirmDialog({
+    required BuildContext context,
+    required String username,
+    required Function? onConfirmAction,
+  }) {
+    final appLocalizations = AppLocalizations.of(context);
+
+    showConfirmDialogAction(
+      context,
+      '',
+      appLocalizations.yesLogout,
+      title: appLocalizations.logoutConfirmation,
+      alignCenter: true,
+      outsideDismissible: false,
+      titleActionButtonMaxLines: 1,
+      titlePadding: const EdgeInsetsDirectional.only(
+        start: 24,
+        top: 24,
+        end: 24,
+        bottom: 12,
+      ),
+      messageStyle: const TextStyle(
+        color: AppColor.colorTextBody,
+        fontSize: 15,
+        fontWeight: FontWeight.w400,
+      ),
+      listTextSpan: [
+        TextSpan(text: AppLocalizations.of(context).messageConfirmationLogout),
+        TextSpan(
+          text: ' $username',
+          style: Theme.of(context).textTheme.bodyLarge?.copyWith(
+            color: AppColor.colorTextBody,
+            fontSize: 15,
+            fontWeight: FontWeight.bold,
+          ),
+        ),
+        const TextSpan(text: '?'),
+      ],
+      onConfirmAction: onConfirmAction,
+    );
+  }
+}

lib/features/base/mixin/message_dialog_action_mixin.dart

@@ -37,11 +37,17 @@ mixin MessageDialogActionMixin {
         PopInvokedCallback? onPopInvoked,
         bool isArrangeActionButtonsVertical = false,
         int? titleActionButtonMaxLines,
+        EdgeInsetsGeometry? titlePadding,
       }
   ) async {
     final responsiveUtils = Get.find<ResponsiveUtils>();
     final imagePaths = Get.find<ImagePaths>();
 
+    final paddingTitle = titlePadding ??
+        (icon != null
+            ? const EdgeInsetsDirectional.only(top: 24, start: 24, end: 24)
+            : const EdgeInsetsDirectional.symmetric(horizontal: 24));
+
     if (alignCenter) {
       final childWidget = PointerInterceptor(
         child: (ConfirmDialogBuilder(
@@ -57,10 +63,7 @@ mixin MessageDialogActionMixin {
           ..colorConfirmButton(actionButtonColor ?? AppColor.colorTextButton)
           ..colorCancelButton(cancelButtonColor ?? AppColor.colorCancelButton)
           ..marginIcon(icon != null ? (marginIcon ?? const EdgeInsets.only(top: 24)) : null)
-          ..paddingTitle(icon != null
-              ? const EdgeInsetsDirectional.only(top: 24, start: 24, end: 24)
-              : const EdgeInsetsDirectional.symmetric(horizontal: 24)
-          )
+          ..paddingTitle(paddingTitle)
           ..radiusButton(12)
           ..paddingButton(paddingButton)
           ..paddingContent(const EdgeInsets.only(left: 24, right: 24, bottom: 24, top: 12))
@@ -114,10 +117,7 @@ mixin MessageDialogActionMixin {
             ..widthDialog(responsiveUtils.getSizeScreenWidth(context))
             ..colorConfirmButton(actionButtonColor ?? AppColor.colorTextButton)
             ..colorCancelButton(cancelButtonColor ?? AppColor.colorCancelButton)
-            ..paddingTitle(icon != null
-                ? const EdgeInsetsDirectional.only(top: 24, start: 24, end: 24)
-                : const EdgeInsetsDirectional.symmetric(horizontal: 24)
-            )
+            ..paddingTitle(paddingTitle)
             ..marginIcon(EdgeInsets.zero)
             ..paddingContent(const EdgeInsets.only(left: 44, right: 44, bottom: 24, top: 12))
             ..marginButton(hasCancelButton ? null : const EdgeInsets.only(bottom: 16, left: 44, right: 44))
@@ -194,9 +194,7 @@ mixin MessageDialogActionMixin {
             ..colorConfirmButton(actionButtonColor ?? AppColor.colorTextButton)
             ..colorCancelButton(cancelButtonColor ?? AppColor.colorCancelButton)
             ..marginIcon(icon != null ? const EdgeInsets.only(top: 24) : null)
-            ..paddingTitle(icon != null
-                ? const EdgeInsetsDirectional.only(top: 24, start: 24, end: 24)
-                : const EdgeInsetsDirectional.symmetric(horizontal: 24))
+            ..paddingTitle(paddingTitle)
             ..marginIcon(EdgeInsets.zero)
             ..paddingContent(const EdgeInsets.only(left: 44, right: 44, bottom: 24, top: 12))
             ..marginButton(hasCancelButton ? null : const EdgeInsets.only(bottom: 16, left: 44, right: 44))