Add presentation layer for GetEmailContent

lib/features/email/presentation/constants/email_contants.dart

@@ -0,0 +1,5 @@
+
+class EmailConstants {
+  static const HTML_TEXT = 'text/html';
+  static const PLAIN_TEXT = 'text/plain';
+}

lib/features/email/presentation/email_bindings.dart

@@ -1,10 +1,20 @@
-import 'package:core/presentation/utils/responsive_utils.dart';
 import 'package:get/get.dart';
+import 'package:tmail_ui_user/features/email/data/datasource/email_datasource.dart';
+import 'package:tmail_ui_user/features/email/data/datasource_impl/email_datasource_impl.dart';
+import 'package:tmail_ui_user/features/email/data/network/email_api.dart';
+import 'package:tmail_ui_user/features/email/data/repository/email_repository_impl.dart';
+import 'package:tmail_ui_user/features/email/domain/repository/email_repository.dart';
+import 'package:tmail_ui_user/features/email/domain/usecases/get_email_content_interactor.dart';
 import 'package:tmail_ui_user/features/email/presentation/email_controller.dart';
 
 class EmailBindings extends Bindings {
   @override
   void dependencies() {
-    Get.lazyPut(() => EmailController(Get.find<ResponsiveUtils>()));
+    Get.lazyPut(() => EmailDataSourceImpl(Get.find<EmailAPI>()));
+    Get.lazyPut<EmailDataSource>(() => Get.find<EmailDataSourceImpl>());
+    Get.lazyPut(() => EmailRepositoryImpl(Get.find<EmailDataSource>()));
+    Get.lazyPut<EmailRepository>(() => Get.find<EmailRepositoryImpl>());
+    Get.lazyPut(() => GetEmailContentInteractor(Get.find<EmailRepository>()));
+    Get.put(EmailController(Get.find<GetEmailContentInteractor>()));
   }
 }

lib/features/email/presentation/email_controller.dart

@@ -1,22 +1,49 @@
 import 'package:core/core.dart';
+import 'package:dartz/dartz.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/widgets.dart';
 import 'package:get/get.dart';
+import 'package:jmap_dart_client/jmap/account_id.dart';
+import 'package:jmap_dart_client/jmap/mail/email/email.dart';
+import 'package:model/model.dart';
 import 'package:tmail_ui_user/features/base/base_controller.dart';
+import 'package:tmail_ui_user/features/email/domain/usecases/get_email_content_interactor.dart';
+import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/mailbox_dashboard_controller.dart';
 
 class EmailController extends BaseController {
 
-  final ResponsiveUtils responsiveUtils;
+  final mailboxDashBoardController = Get.find<MailboxDashBoardController>();
+  final GetEmailContentInteractor _getEmailContentInteractor;
 
-  EmailController(this.responsiveUtils);
+  final emailAddressExpandMode = ExpandMode.COLLAPSE.obs;
+
+  EmailController(this._getEmailContentInteractor);
 
   @override
   void onReady() {
     super.onReady();
+    mailboxDashBoardController.selectedEmail.listen((presentationEmail) {
+      toggleDisplayEmailAddressAction(expandMode: ExpandMode.COLLAPSE);
+      final accountId = mailboxDashBoardController.accountId.value;
+      if (accountId != null && presentationEmail != null) {
+        _getEmailContentAction(accountId, presentationEmail.id);
+      }
+    });
   }
 
-  void goToMailboxListMail(BuildContext context) {
-    Get.back();
+  @override
+  void dispose() {
+    super.dispose();
+    mailboxDashBoardController.selectedEmail.close();
+  }
+
+  void _getEmailContentAction(AccountId accountId, EmailId emailId) async {
+    consumeState(_getEmailContentInteractor.execute(accountId, emailId));
+  }
+
+  @override
+  void onData(Either<Failure, Success> newState) {
+    super.onData(newState);
   }
 
   @override
@@ -26,4 +53,12 @@ class EmailController extends BaseController {
   @override
   void onError(error) {
   }
+
+  void toggleDisplayEmailAddressAction({required ExpandMode expandMode}) {
+    emailAddressExpandMode.value = expandMode;
+  }
+
+  void goToThreadView(BuildContext context) {
+    Get.back();
+  }
 }

lib/features/email/presentation/email_view.dart

@@ -1,16 +1,21 @@
 import 'package:core/core.dart';
+import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:model/model.dart';
+import 'package:tmail_ui_user/features/email/domain/state/get_email_content_state.dart';
 import 'package:tmail_ui_user/features/email/presentation/email_controller.dart';
 import 'package:tmail_ui_user/features/email/presentation/widgets/app_bar_mail_widget_builder.dart';
+import 'package:tmail_ui_user/features/email/presentation/widgets/attachment_file_tile_builder.dart';
 import 'package:tmail_ui_user/features/email/presentation/widgets/bottom_bar_mail_widget_builder.dart';
-import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/mailbox_dashboard_controller.dart';
+import 'package:tmail_ui_user/features/email/presentation/extensions/email_content_extension.dart';
+import 'package:tmail_ui_user/features/email/presentation/widgets/message_content_tile_builder.dart';
+import 'package:tmail_ui_user/features/email/presentation/widgets/sender_and_receiver_information_tile_builder.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
 
-class EmailView extends GetWidget<EmailController> {
+class EmailView extends GetWidget {
 
-  final mailboxDashBoardController = Get.find<MailboxDashBoardController>();
+  final emailController = Get.find<EmailController>();
   final responsiveUtils = Get.find<ResponsiveUtils>();
   final imagePaths = Get.find<ImagePaths>();
 
@@ -29,7 +34,7 @@ class EmailView extends GetWidget<EmailController> {
             crossAxisAlignment: CrossAxisAlignment.center,
             children: [
               _buildAppBar(context),
-              Expanded(child: _buildListMail(context)),
+              Expanded(child: _buildEmailContent(context)),
               _buildBottomBar(context),
             ])
         )
@@ -38,35 +43,166 @@ class EmailView extends GetWidget<EmailController> {
   }
 
   Widget _buildAppBar(BuildContext context) {
-    return Padding(
-      padding: EdgeInsets.only(left: 16, top: 16.0, right: 16, bottom: 16),
-      child: AppBarMailWidgetBuilder(context, imagePaths, responsiveUtils)
-        .onBackActionClick(() => controller.goToMailboxListMail(context))
-        .build());
+    return Obx(() => Padding(
+      padding: EdgeInsets.only(left: 6, top: 6, right: 6, bottom: 6),
+      child: AppBarMailWidgetBuilder(
+          context,
+          imagePaths,
+          responsiveUtils,
+          emailController.mailboxDashBoardController.selectedEmail.value)
+        .onBackActionClick(() => emailController.goToThreadView(context))
+        .build()));
   }
 
   Widget _buildBottomBar(BuildContext context) {
     return Padding(
-      padding: EdgeInsets.only(left: 16, top: 16.0, right: 16, bottom: 16),
+      padding: EdgeInsets.only(left: 6, top: 6, right: 6, bottom: 6),
       child: BottomBarMailWidgetBuilder(context, imagePaths, responsiveUtils)
           .build());
   }
 
-  Widget _buildListMail(BuildContext context) {
+  Widget _buildEmailContent(BuildContext context) {
     return Container(
+      color: AppColor.bgMessenger,
       margin: EdgeInsets.zero,
-      width: double.infinity,
-      height: double.infinity,
+      alignment: Alignment.topCenter,
+      child: Obx(() => emailController.mailboxDashBoardController.selectedEmail.value != null
+        ? SingleChildScrollView(
+            physics : ClampingScrollPhysics(),
+            child: Container(
+              margin: EdgeInsets.zero,
+              width: double.infinity,
+              alignment: Alignment.center,
+              padding: EdgeInsets.all(16),
+              color: AppColor.bgMessenger,
+              child:  Column(
+                mainAxisAlignment: MainAxisAlignment.center,
+                crossAxisAlignment: CrossAxisAlignment.start,
+                mainAxisSize: MainAxisSize.max,
+                children: [
+                  _buildEmailSubject(),
+                  _buildEmailMessage(context),
+                ])
+            ))
+        : Center(child: _buildEmailEmpty(context))
+      )
+    );
+  }
+
+  Widget _buildEmailEmpty(BuildContext context) {
+    return Text(
+      AppLocalizations.of(context).no_mail_selected,
+      textAlign: TextAlign.center,
+      style: TextStyle(fontSize: 25, color: AppColor.mailboxTextColor, fontWeight: FontWeight.bold));
+  }
+
+  Widget _buildEmailSubject() {
+    return Padding(
+      padding: EdgeInsets.only(left: 8, top: 4, bottom: 16),
+      child: Text(
+          '${emailController.mailboxDashBoardController.selectedEmail.value?.subject}',
+          style: TextStyle(fontSize: 18, color: AppColor.mailboxTextColor, fontWeight: FontWeight.w500)
+      ));
+  }
+
+  Widget _buildLoadingView() {
+    return Obx(() => emailController.viewState.value.fold(
+      (failure) => SizedBox.shrink(),
+      (success) => success == UIState.loading
+        ? Center(child: Padding(
+            padding: EdgeInsets.only(top: 25, bottom: 16),
+            child: SizedBox(
+              width: 30,
+              height: 30,
+              child: CircularProgressIndicator(color: AppColor.primaryColor))))
+        : SizedBox.shrink()));
+  }
+
+  Widget _buildEmailMessage(BuildContext context) {
+    return Container(
+      padding: EdgeInsets.only(left: 12, right: 12, top: 16, bottom: 24),
       alignment: Alignment.center,
-      padding: EdgeInsets.all(20),
-      color: AppColor.bgMessenger,
-      child: Obx(() => Text(
-        mailboxDashBoardController.selectedEmail.value != PresentationEmail.presentationEmailEmpty
-          ? '${mailboxDashBoardController.selectedEmail.value.preview}'
-          : AppLocalizations.of(context).no_mail_selected,
-        textAlign: TextAlign.center,
-        style: TextStyle(fontSize: 25, color: AppColor.mailboxTextColor, fontWeight: FontWeight.bold)
-      ))
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(12),
+        color: Colors.white),
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        mainAxisSize: MainAxisSize.max,
+        children: [
+          Obx(() => SenderAndReceiverInformationTileBuilder(
+              context,
+              imagePaths,
+              emailController.mailboxDashBoardController.selectedEmail.value,
+              emailController.emailAddressExpandMode.value)
+            .onOpenExpandAddressReceiverActionClick(() => emailController.toggleDisplayEmailAddressAction(expandMode: ExpandMode.EXPAND))
+            .build()),
+          _buildLoadingView(),
+          SizedBox(height: 16),
+          _buildListAttachments(context),
+          _buildListMessageContent(),
+        ],
+      )
+    );
+  }
+
+  Widget _buildListAttachments(BuildContext context) {
+    if (emailController.mailboxDashBoardController.selectedEmail.value?.hasAttachment == true) {
+      return Obx(() => emailController.viewState.value.fold(
+        (failure) => SizedBox.shrink(),
+        (success) {
+          if (success is GetEmailContentSuccess && success.emailContent != null) {
+            final attachments = success.emailContent!.getListAttachment();
+            return attachments.isNotEmpty
+              ? GridView.builder(
+                  key: Key('list_attachment'),
+                  primary: false,
+                  shrinkWrap: true,
+                  padding: EdgeInsets.only(bottom: 16),
+                  itemCount: attachments.length,
+                  gridDelegate: SliverGridDelegateFixedHeight(
+                      height: 60,
+                      crossAxisCount: responsiveUtils.isMobile(context) ? 2 : 4,
+                      crossAxisSpacing: 16.0,
+                      mainAxisSpacing: 8.0),
+                  itemBuilder: (context, index) => AttachmentFileTileBuilder(imagePaths, attachments[index]).build())
+              : SizedBox.shrink();
+          } else {
+            return SizedBox.shrink();
+          }
+        })
+      );
+    } else {
+      return SizedBox.shrink();
+    }
+  }
+
+  Widget _buildListMessageContent() {
+    return Obx(() => emailController.viewState.value.fold(
+      (failure) => SizedBox.shrink(),
+      (success) {
+        if (success is GetEmailContentSuccess && success.emailContent != null) {
+          final messageContents = success.emailContent!.getListMessageContent();
+          final attachmentsInline = success.emailContent!.getListAttachmentInline();
+          return messageContents.isNotEmpty
+            ? ListView.builder(
+                primary: false,
+                shrinkWrap: true,
+                key: Key('list_message_content'),
+                itemCount: messageContents.length,
+                itemBuilder: (context, index) =>
+                  MessageContentTileBuilder(
+                      messageContents[index],
+                      imagePaths,
+                      attachmentsInline,
+                      emailController.mailboxDashBoardController.sessionCurrent,
+                      emailController.mailboxDashBoardController.accountId.value)
+                    .build())
+            : SizedBox.shrink();
+        } else {
+          return SizedBox.shrink();
+        }
+      })
     );
   }
 }

lib/features/email/presentation/extensions/email_body_part_extension.dart

@@ -0,0 +1,6 @@
+import 'package:jmap_dart_client/jmap/mail/email/email_body_part.dart';
+import 'package:tmail_ui_user/features/email/presentation/model/attachment_file.dart';
+
+extension EmailBodyPartExtension on EmailBodyPart {
+  AttachmentFile toAttachmentFile() => AttachmentFile(partId, blobId, size, name, type, cid);
+}

lib/features/email/presentation/extensions/email_content_extension.dart

@@ -0,0 +1,49 @@
+import 'package:jmap_dart_client/jmap/mail/email/email_body_part.dart';
+import 'package:model/email/email_content.dart';
+import 'package:tmail_ui_user/features/email/presentation/constants/email_contants.dart';
+import 'package:tmail_ui_user/features/email/presentation/model/attachment_file.dart';
+import 'package:tmail_ui_user/features/email/presentation/model/message_content.dart';
+import 'package:tmail_ui_user/features/email/presentation/model/text_format.dart';
+import 'package:tmail_ui_user/features/email/presentation/extensions/email_body_part_extension.dart';
+
+extension EmailContentExtension on EmailContent {
+
+  List<MessageContent> getListMessageContent() {
+    Map<PartId, TextFormat> mapHtmlBody = Map();
+    List<MessageContent> listMessageContent = [];
+
+    htmlBody?.forEach((element) {
+      if (element.partId != null && element.type != null) {
+        mapHtmlBody[element.partId!] = element.type!.mimeType == EmailConstants.HTML_TEXT
+          ? TextFormat.HTML
+          : TextFormat.PLAIN;
+      }
+    });
+
+    bodyValues?.forEach((key, value) {
+      listMessageContent.add(MessageContent(mapHtmlBody[key] ?? TextFormat.PLAIN, value.value));
+    });
+
+    return listMessageContent;
+  }
+
+  List<AttachmentFile> getListAttachment() {
+    if (attachments != null) {
+      return attachments!
+        .where((element) => (element.disposition != null && element.disposition != 'inline'))
+        .map((item) => item.toAttachmentFile())
+        .toList();
+    }
+    return [];
+  }
+
+  List<AttachmentFile> getListAttachmentInline() {
+    if (attachments != null) {
+      return attachments!
+          .where((element) => element.disposition == 'inline')
+          .map((item) => item.toAttachmentFile())
+          .toList();
+    }
+    return [];
+  }
+}

lib/features/email/presentation/extensions/presentation_email_extension.dart

@@ -0,0 +1,9 @@
+import 'package:intl/intl.dart';
+import 'package:model/model.dart';
+
+extension PresentationEmailExtension on PresentationEmail {
+
+  int numberOfAllEmailAddress() => to.numberEmailAddress() + cc.numberEmailAddress() + bcc.numberEmailAddress();
+
+  String getSentTime() => sentAt != null ? DateFormat('dd/MM/yyyy h:mm a', 'en_US').format(sentAt!.value) : '';
+}