TF-80 Create pick destination screen

lib/features/mailbox/presentation/mailbox_view.dart

@@ -161,14 +161,16 @@ class MailboxView extends GetWidget<MailboxController> {
       shrinkWrap: true,
       primary: false,
       itemBuilder: (context, index) =>
-        Obx(() => MailboxTileBuilder(
-            context,
-            imagePaths,
-            responsiveUtils,
-            defaultMailbox[index],
-            controller.getSelectMode(defaultMailbox[index], controller.mailboxDashBoardController.selectedMailbox.value))
-          .onOpenMailboxAction(() => controller.selectMailbox(context, defaultMailbox[index]))
-          .build()));
+        Obx(() => (MailboxTileBuilder(
+              context,
+              imagePaths,
+              responsiveUtils,
+              defaultMailbox[index],
+              selectMode: controller.getSelectMode(
+                  defaultMailbox[index],
+                  controller.mailboxDashBoardController.selectedMailbox.value))
+          ..onOpenMailboxAction((mailbox) => controller.selectMailbox(context, mailbox)))
+        .build()));
   }
 
   Widget _buildFolderMailbox(BuildContext context) {
@@ -189,30 +191,34 @@ class MailboxView extends GetWidget<MailboxController> {
   List<Widget> _buildListChildTileWidget(BuildContext context, List<MailboxNode> listMailboxNode) {
     return listMailboxNode
       .map((mailboxNode) => mailboxNode.hasChildren()
-        ? Padding(
-            padding: EdgeInsets.only(left: 16),
-            child: TreeViewChild(
-              key: Key('children_tree_mailbox_child'),
-              parent: Obx(() => MailBoxFolderTileBuilder(
-                    context,
-                    imagePaths,
-                    responsiveUtils,
-                    mailboxNode,
-                    controller.getSelectMode(mailboxNode.item,
-                    controller.mailboxDashBoardController.selectedMailbox.value))
-                .build(context)),
-              children: _buildListChildTileWidget(context, mailboxNode.childrenItems!)))
-        : Padding(
-            padding: EdgeInsets.only(left: 16),
-            child: GestureDetector(
-              onTap: () => controller.selectMailbox(context, mailboxNode.item),
-              child: Obx(() => MailBoxFolderTileBuilder(
-                    context,
-                    imagePaths,
-                    responsiveUtils,
-                    mailboxNode,
-                    controller.getSelectMode(mailboxNode.item, controller.mailboxDashBoardController.selectedMailbox.value))
-                .build(context)))))
+          ? Padding(
+              padding: EdgeInsets.only(left: 16),
+              child: TreeViewChild(
+                key: Key('children_tree_mailbox_child'),
+                parent: Obx(() => MailBoxFolderTileBuilder(
+                      context,
+                      imagePaths,
+                      responsiveUtils,
+                      mailboxNode,
+                      selectMode: controller.getSelectMode(
+                          mailboxNode.item,
+                          controller.mailboxDashBoardController.selectedMailbox.value))
+                  .build()),
+                children: _buildListChildTileWidget(context, mailboxNode.childrenItems!)))
+          : Padding(
+              padding: EdgeInsets.only(left: 16),
+              child: Obx(() => GestureDetector(
+                onTap: () => controller.selectMailbox(context, mailboxNode.item),
+                child: MailBoxFolderTileBuilder(
+                      context,
+                      imagePaths,
+                      responsiveUtils,
+                      mailboxNode,
+                      selectMode: controller.getSelectMode(
+                          mailboxNode.item,
+                          controller.mailboxDashBoardController.selectedMailbox.value))
+                  .build(),
+              ))))
       .toList();
   }
 

lib/features/mailbox/presentation/model/mailbox_displayed.dart

@@ -0,0 +1,5 @@
+
+enum MailboxDisplayed {
+  mailbox,
+  destinationPicker
+}

lib/features/mailbox/presentation/widgets/mailbox_folder_tile_builder.dart

@@ -3,53 +3,52 @@ import 'package:flutter/material.dart';
 import 'package:flutter/widgets.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:model/mailbox/select_mode.dart';
+import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_displayed.dart';
 import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_node.dart';
-import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_tree.dart';
 
-typedef OnOpenMailBoxFolderActionClick = void Function(MailboxTree mailboxTree);
-
-class MailBoxFolderTileBuilder extends StatelessWidget {
+class MailBoxFolderTileBuilder {
 
   final MailboxNode _mailboxNode;
   final BuildContext _context;
   final ImagePaths _imagePaths;
   final ResponsiveUtils _responsiveUtils;
-  final SelectMode _selectMode;
-
-  final OnOpenMailBoxFolderActionClick? onOpenMailBoxFolderActionClick;
+  final SelectMode selectMode;
+  final MailboxDisplayed mailboxDisplayed;
 
   MailBoxFolderTileBuilder(
     this._context,
     this._imagePaths,
     this._responsiveUtils,
     this._mailboxNode,
-    this._selectMode,
     {
-      this.onOpenMailBoxFolderActionClick
+      this.selectMode = SelectMode.INACTIVE,
+      this.mailboxDisplayed = MailboxDisplayed.mailbox,
     }
   );
 
-  @override
-  Widget build(BuildContext context) {
+  Widget build() {
     return Container(
       key: Key('mailbox_folder_tile'),
       alignment: Alignment.center,
       decoration: BoxDecoration(
-        borderRadius: BorderRadius.circular(16),
-        color: _selectMode== SelectMode.ACTIVE
-          ? AppColor.mailboxSelectedBackgroundColor
-          : AppColor.mailboxBackgroundColor),
+        borderRadius: BorderRadius.circular( mailboxDisplayed == MailboxDisplayed.mailbox ? 16 : 0),
+        color: mailboxDisplayed == MailboxDisplayed.mailbox
+          ? selectMode == SelectMode.ACTIVE ? AppColor.mailboxSelectedBackgroundColor : AppColor.mailboxBackgroundColor
+          : AppColor.bgMailboxListMail
+      ),
       child: MediaQuery(
         data: MediaQueryData(padding: EdgeInsets.zero),
         child: ListTile(
           contentPadding: EdgeInsets.zero,
           leading: Padding(
-            padding: EdgeInsets.only(left: _responsiveUtils.isMobile(_context) ? 40 : 34),
+            padding: EdgeInsets.only(left: mailboxDisplayed == MailboxDisplayed.mailbox
+                ? _responsiveUtils.isMobile(_context) ? 40 : 34
+                : 34),
             child: SvgPicture.asset(
               _imagePaths.icMailboxFolder,
               width: 24,
               height: 24,
-              color: _selectMode == SelectMode.ACTIVE
+              color: selectMode == SelectMode.ACTIVE
                 ? AppColor.mailboxSelectedIconColor
                 : AppColor.mailboxIconColor,
               fit: BoxFit.fill)),
@@ -61,19 +60,23 @@ class MailBoxFolderTileBuilder extends StatelessWidget {
               overflow: TextOverflow.ellipsis,
               style: TextStyle(
                 fontSize: 15,
-                color: _selectMode == SelectMode.ACTIVE
+                color: selectMode == SelectMode.ACTIVE
                   ? AppColor.mailboxSelectedTextColor
                   : AppColor.mailboxTextColor,
-                fontWeight: FontWeight.bold),
+                fontWeight: mailboxDisplayed == MailboxDisplayed.mailbox ? FontWeight.bold : FontWeight.w500),
             )),
           trailing: Padding(
-            padding: EdgeInsets.only(right: _responsiveUtils.isMobile(_context) ? 36 : 8, left: 16),
+            padding: EdgeInsets.only(
+                right: mailboxDisplayed == MailboxDisplayed.mailbox
+                  ? _responsiveUtils.isMobile(_context) ? 36 : 8
+                  : 36,
+                left: mailboxDisplayed == MailboxDisplayed.mailbox ? 16 : 16),
             child: _mailboxNode.hasChildren()
               ? SvgPicture.asset(
                   _imagePaths.icFolderArrow,
                   width: 12,
                   height: 12,
-                  color: _selectMode == SelectMode.ACTIVE
+                  color: selectMode == SelectMode.ACTIVE
                     ? AppColor.mailboxSelectedIconColor
                     : AppColor.mailboxIconColor,
                   fit: BoxFit.fill)

lib/features/mailbox/presentation/widgets/mailbox_tile_builder.dart

@@ -6,16 +6,18 @@ import 'package:flutter/widgets.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:model/model.dart';
 import 'package:tmail_ui_user/features/mailbox/domain/extensions/presentation_mailbox_extension.dart';
+import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_displayed.dart';
 
-typedef OnOpenMailboxActionClick = void Function();
+typedef OnOpenMailboxActionClick = void Function(PresentationMailbox mailbox);
 
 class MailboxTileBuilder {
 
   final PresentationMailbox _presentationMailbox;
-  final SelectMode _selectMode;
+  final SelectMode selectMode;
   final BuildContext _context;
   final ImagePaths _imagePaths;
   final ResponsiveUtils _responsiveUtils;
+  final MailboxDisplayed mailboxDisplayed;
 
   OnOpenMailboxActionClick? _onOpenMailboxActionClick;
 
@@ -24,12 +26,14 @@ class MailboxTileBuilder {
     this._imagePaths,
     this._responsiveUtils,
     this._presentationMailbox,
-    this._selectMode
+    {
+      this.selectMode = SelectMode.INACTIVE,
+      this.mailboxDisplayed = MailboxDisplayed.mailbox
+    }
   );
 
-  MailboxTileBuilder onOpenMailboxAction(OnOpenMailboxActionClick onOpenMailboxActionClick) {
+  void onOpenMailboxAction(OnOpenMailboxActionClick onOpenMailboxActionClick) {
     _onOpenMailboxActionClick = onOpenMailboxActionClick;
-    return this;
   }
 
   Widget build() {
@@ -41,10 +45,11 @@ class MailboxTileBuilder {
         key: Key('mailbox_list_tile'),
         alignment: Alignment.center,
         decoration: BoxDecoration(
-          borderRadius: BorderRadius.circular(16),
-          color: _selectMode== SelectMode.ACTIVE
-            ? AppColor.mailboxSelectedBackgroundColor
-            : AppColor.mailboxBackgroundColor),
+          borderRadius: BorderRadius.circular(mailboxDisplayed == MailboxDisplayed.mailbox ? 16 : 0),
+          color: mailboxDisplayed == MailboxDisplayed.mailbox
+            ? selectMode == SelectMode.ACTIVE ? AppColor.mailboxSelectedBackgroundColor : AppColor.mailboxBackgroundColor
+            : AppColor.bgMailboxListMail
+        ),
         child: MediaQuery(
           data: MediaQueryData(padding: EdgeInsets.zero),
           child: ListTile(
@@ -53,16 +58,19 @@ class MailboxTileBuilder {
             contentPadding: EdgeInsets.zero,
             onTap: () => {
               if (_onOpenMailboxActionClick != null) {
-                _onOpenMailboxActionClick!()
+                _onOpenMailboxActionClick!(_presentationMailbox)
               }
             },
             leading: Padding(
-              padding: EdgeInsets.only(left: _responsiveUtils.isMobile(_context) ? 40 : 20),
+              padding: EdgeInsets.only(left: mailboxDisplayed == MailboxDisplayed.mailbox
+                  ? _responsiveUtils.isMobile(_context) ? 40 : 20
+                  : 40
+              ),
               child: SvgPicture.asset(
                 '${_presentationMailbox.getMailboxIcon(_imagePaths)}',
                 width: 24,
                 height: 24,
-                color: _selectMode == SelectMode.ACTIVE
+                color: selectMode == SelectMode.ACTIVE
                   ? AppColor.mailboxSelectedIconColor
                   : AppColor.mailboxIconColor,
                 fit: BoxFit.fill)),
@@ -74,23 +82,25 @@ class MailboxTileBuilder {
                 overflow:TextOverflow.ellipsis,
                 style: TextStyle(
                   fontSize: 15,
-                  color: _selectMode == SelectMode.ACTIVE
+                  color: selectMode == SelectMode.ACTIVE
                     ? AppColor.mailboxSelectedTextColor
                     : AppColor.mailboxTextColor,
-                  fontWeight: FontWeight.bold),
+                  fontWeight: mailboxDisplayed == MailboxDisplayed.mailbox ? FontWeight.bold : FontWeight.w500),
               )),
-            trailing: Padding(
-              padding: EdgeInsets.only(right: _responsiveUtils.isMobile(_context) ? 36 : 24, left: 16),
-              child: Text(
-                '${_presentationMailbox.getCountUnReadEmails()}',
-                maxLines: 1,
-                style: TextStyle(
-                  fontSize: 15,
-                  color: _selectMode == SelectMode.ACTIVE
-                    ? AppColor.mailboxSelectedTextNumberColor
-                    : AppColor.mailboxTextNumberColor,
-                  fontWeight: FontWeight.bold))
-            )),
+            trailing: mailboxDisplayed == MailboxDisplayed.mailbox
+                ? Padding(
+                    padding: EdgeInsets.only(right: _responsiveUtils.isMobile(_context) ? 36 : 24, left: 16),
+                    child: Text(
+                      '${_presentationMailbox.getCountUnReadEmails()}',
+                      maxLines: 1,
+                      style: TextStyle(
+                          fontSize: 15,
+                          color: selectMode == SelectMode.ACTIVE
+                              ? AppColor.mailboxSelectedTextNumberColor
+                              : AppColor.mailboxTextNumberColor,
+                          fontWeight: FontWeight.bold)))
+                : SizedBox.shrink()
+            ),
         )
       )
     );