Skip to content

Commit

Permalink
Add presentation layer for get EmailContent
Browse files Browse the repository at this point in the history
  • Loading branch information
dab246 committed Aug 13, 2021
1 parent 0c254d9 commit b06e51a
Show file tree
Hide file tree
Showing 36 changed files with 849 additions and 120 deletions.
5 changes: 5 additions & 0 deletions 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';
}
15 changes: 14 additions & 1 deletion lib/features/email/presentation/email_bindings.dart
@@ -1,10 +1,23 @@
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.lazyPut(() => EmailController(
Get.find<ResponsiveUtils>(),
Get.find<GetEmailContentInteractor>()));
}
}
38 changes: 35 additions & 3 deletions lib/features/email/presentation/email_controller.dart
@@ -1,22 +1,50 @@
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/email/presentation_email.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/email/presentation/model/email_arguments.dart';

class EmailController extends BaseController {

final ResponsiveUtils responsiveUtils;
final GetEmailContentInteractor _getEmailContentInteractor;

EmailController(this.responsiveUtils);
final emailArgument = EmailArgument.emailArgumentEmpty.obs;

EmailController(this.responsiveUtils, this._getEmailContentInteractor);

void updateEmailArguments(EmailArgument newEmailArgument) {
emailArgument.value = newEmailArgument;

if (newEmailArgument.email.id != PresentationEmail.presentationEmailEmpty.id) {
_getEmailContentAction(emailArgument.value.accountId, emailArgument.value.email.id);
}
}

@override
void onReady() {
super.onReady();
final arguments = Get.arguments;
if (arguments is EmailArgument) {
emailArgument.value = arguments;
}

_getEmailContentAction(emailArgument.value.accountId, emailArgument.value.email.id);
}

void goToMailboxListMail(BuildContext context) {
Get.back();
void _getEmailContentAction(AccountId accountId, EmailId emailId) async {
consumeState(_getEmailContentInteractor.execute(accountId, emailId));
}

@override
void onData(Either<Failure, Success> newState) {
super.onData(newState);
}

@override
Expand All @@ -26,4 +54,8 @@ class EmailController extends BaseController {
@override
void onError(error) {
}

void goToThreadView(BuildContext context) {
Get.back();
}
}
159 changes: 139 additions & 20 deletions lib/features/email/presentation/email_view.dart
@@ -1,21 +1,28 @@
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_information_tile_builder.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';

class EmailView extends GetWidget<EmailController> {
class EmailView extends GetView {

final mailboxDashBoardController = Get.find<MailboxDashBoardController>();
final emailController = Get.find<EmailController>();
final responsiveUtils = Get.find<ResponsiveUtils>();
final imagePaths = Get.find<ImagePaths>();

@override
Widget build(BuildContext context) {
emailController.onReady();

return Scaffold(
resizeToAvoidBottomInset: false,
backgroundColor: AppColor.primaryLightColor,
Expand All @@ -29,7 +36,7 @@ class EmailView extends GetWidget<EmailController> {
crossAxisAlignment: CrossAxisAlignment.center,
children: [
_buildAppBar(context),
Expanded(child: _buildListMail(context)),
Expanded(child: _buildEmailContent(context)),
_buildBottomBar(context),
])
)
Expand All @@ -38,11 +45,11 @@ class EmailView extends GetWidget<EmailController> {
}

Widget _buildAppBar(BuildContext context) {
return Padding(
return Obx(() => Padding(
padding: EdgeInsets.only(left: 16, top: 16.0, right: 16, bottom: 16),
child: AppBarMailWidgetBuilder(context, imagePaths, responsiveUtils)
.onBackActionClick(() => controller.goToMailboxListMail(context))
.build());
child: AppBarMailWidgetBuilder(context, imagePaths, responsiveUtils, emailController.emailArgument.value)
.onBackActionClick(() => emailController.goToThreadView(context))
.build()));
}

Widget _buildBottomBar(BuildContext context) {
Expand All @@ -52,21 +59,133 @@ class EmailView extends GetWidget<EmailController> {
.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.emailArgument.value.email.id != PresentationEmail.presentationEmailEmpty.id
? 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.emailArgument.value.email.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.emailCurrent.value != PresentationEmail.presentationEmailEmpty
? '${mailboxDashBoardController.emailCurrent.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: [
SenderInformationTileBuilder(
context,
imagePaths,
emailController.emailArgument.value.email)
.build(),
_buildLoadingView(),
SizedBox(height: 16),
_buildListAttachments(context),
_buildListMessageContent(),
],
)
);
}

Widget _buildListAttachments(BuildContext context) {
return Obx(() => emailController.viewState.value.fold(
(failure) => SizedBox.shrink(),
(success) {
if (success is GetEmailContentSuccess) {
final attachments = success.emailContent.getListAttachment();
return attachments.isNotEmpty
? GridView.builder(
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();
}
})
);
}

Widget _buildListMessageContent() {
return Obx(() => emailController.viewState.value.fold(
(failure) => SizedBox.shrink(),
(success) {
if (success is GetEmailContentSuccess) {
final messageContents = success.emailContent.getListMessageContent();
return messageContents.isNotEmpty
? ListView.builder(
primary: false,
shrinkWrap: true,
key: Key('list_message_content'),
itemCount: messageContents.length,
itemBuilder: (context, index) => MessageContentTileBuilder(messageContents[index]).build())
: SizedBox.shrink();
} else {
return SizedBox.shrink();
}
})
);
}
}
@@ -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);
}
@@ -0,0 +1,39 @@
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 != 'inline')
.map((item) => item.toAttachmentFile())
.toList();
}
return [];
}
}
@@ -0,0 +1,31 @@
import 'package:intl/intl.dart';
import 'package:model/model.dart';

extension PresentationEmailExtension on PresentationEmail {

String getNameReceiver() {
if (to != null) {
final listNameEmail = to!.map((emailAddress) => emailAddress.getNameEmail()).toList();
return listNameEmail.join(', ');
}
return '';
}

String getNameReceiverCc() {
if (cc != null) {
final listNameEmail = cc!.map((emailAddress) => emailAddress.getNameEmail()).toList();
return listNameEmail.join(', ');
}
return '';
}

String getNameReceiverBcc() {
if (bcc != null) {
final listNameEmail = bcc!.map((emailAddress) => emailAddress.getNameEmail()).toList();
return listNameEmail.join(', ');
}
return '';
}

String getTimeSent() => sentAt != null ? DateFormat('dd/MM/yyyy h:mm a').format(sentAt!.value) : '';
}

0 comments on commit b06e51a

Please sign in to comment.