Add presentation layer for GetEmailContent

This commit is contained in:
dab246
2021-08-18 17:50:53 +07:00
committed by Dat H. Pham
parent f8b8f73a86
commit 842072e0d6
33 changed files with 1107 additions and 115 deletions
@@ -5,6 +5,7 @@ import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:model/mailbox/presentation_mailbox.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
typedef OnOpenSearchMailActionClick = void Function();
typedef OnOpenListMailboxActionClick = void Function();
@@ -18,7 +19,7 @@ class AppBarThreadWidgetBuilder {
final BuildContext _context;
final ImagePaths _imagePaths;
final ResponsiveUtils _responsiveUtils;
final PresentationMailbox _presentationMailbox;
final PresentationMailbox? _presentationMailbox;
AppBarThreadWidgetBuilder(
this._context,
@@ -49,6 +50,7 @@ class AppBarThreadWidgetBuilder {
return Container(
key: Key('app_bar_thread_widget'),
alignment: Alignment.center,
padding: EdgeInsets.only(top: 8, bottom: 2),
color: Colors.white,
child: MediaQuery(
data: MediaQueryData(padding: EdgeInsets.zero),
@@ -72,13 +74,16 @@ class AppBarThreadWidgetBuilder {
_onOpenUserInformationActionClick!()
}},
child: Padding(
padding: EdgeInsets.only(left: _responsiveUtils.isMobile(_context) ? 24 : 0),
child: SvgPicture.asset(_imagePaths.icTMailLogo, width: 24, height: 24, fit: BoxFit.fill)));
padding: EdgeInsets.zero,
child: AvatarBuilder()
.text('J')
.size(36)
.build()));
}
Widget _buildIconSearch() {
return Padding(
padding: EdgeInsets.only(left: 16, right: 0),
padding: EdgeInsets.only(left: 16),
child: IconButton(
icon: SvgPicture.asset(_imagePaths.icSearch, width: 24, height: 24, fit: BoxFit.fill),
onPressed: () => {
@@ -102,20 +107,20 @@ class AppBarThreadWidgetBuilder {
child: Padding(
padding: EdgeInsets.only(left: 16),
child: Text(
'${_presentationMailbox.name?.name}',
'${_presentationMailbox?.name != null ? _presentationMailbox?.name?.name : ''}',
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(fontSize: 22, color: AppColor.titleAppBarMailboxListMail, fontWeight: FontWeight.w500),
))),
if(_presentationMailbox.getCountUnReadEmails().isNotEmpty)
if(_presentationMailbox != null && _presentationMailbox!.getCountUnReadEmails().isNotEmpty)
Container(
margin: EdgeInsets.only(left: 9),
padding: EdgeInsets.only(left: 8, right: 8, top: 2, bottom: 2),
padding: EdgeInsets.only(left: 8, right: 8, top: 2.5, bottom: 2.5),
decoration:BoxDecoration(
borderRadius: BorderRadius.circular(8),
color: AppColor.bgNotifyCountAppBarMailboxListMail),
child: Text(
'${_presentationMailbox.getCountUnReadEmails()} new',
'${_presentationMailbox!.getCountUnReadEmails()} ${AppLocalizations.of(_context).unread_email_notification}',
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(fontSize: 10, color: AppColor.notifyCountAppBarMailboxListMail, fontWeight: FontWeight.w500),
@@ -3,8 +3,8 @@ import 'dart:ui';
import 'package:core/core.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:model/model.dart';
import 'package:tmail_ui_user/features/email/domain/extensions/presentation_email_extension.dart';
typedef OnOpenMailActionClick = void Function();
@@ -39,7 +39,7 @@ class EmailTileBuilder {
child: Container(
key: Key('thread_tile'),
margin: EdgeInsets.only(bottom: 10),
padding: EdgeInsets.only(left: 16, right: 16, top: 10, bottom: 10),
padding: EdgeInsets.only(top: 10, bottom: 10, left: 25, right: 6),
alignment: Alignment.center,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(16),
@@ -51,8 +51,6 @@ class EmailTileBuilder {
child: MediaQuery(
data: MediaQueryData(padding: EdgeInsets.zero),
child: ListTile(
focusColor: AppColor.primaryLightColor,
hoverColor: AppColor.primaryLightColor,
contentPadding: EdgeInsets.zero,
onTap: () => {
if (_onOpenMailActionClick != null) {
@@ -60,46 +58,41 @@ class EmailTileBuilder {
}
},
leading: Transform(
transform: Matrix4.translationValues(0.0, -12.0, 0.0),
child: SvgPicture.asset(
_imagePaths.icTMailLogo,
width: 32,
height: 32,
color: _selectMode == SelectMode.ACTIVE
? _responsiveUtils.isDesktop(_context) ? AppColor.mailboxSelectedIconColor : AppColor.mailboxIconColor
: AppColor.mailboxIconColor,
fit: BoxFit.fill)),
title: Padding(
padding: EdgeInsets.only(left: 0),
transform: Matrix4.translationValues(-10.0, -10.0, 0.0),
child: AvatarBuilder()
.text('${_presentationEmail.getAvatarText()}')
.size(40)
.iconStatus(_imagePaths.icOffline)
.build()),
title: Transform(
transform: Matrix4.translationValues(-10.0, 0.0, 0.0),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
children: [
Expanded(
child: Text(
'${_presentationEmail.getSenderName()}',
'${_presentationEmail.getSenderName().inCaps}',
maxLines: 1,
overflow:TextOverflow.ellipsis,
style: TextStyle(
fontSize: 14,
color: _selectMode == SelectMode.ACTIVE
? _responsiveUtils.isDesktop(_context) ? AppColor.mailboxSelectedTextColor : AppColor.mailboxTextColor
: AppColor.mailboxTextColor,
fontWeight: FontWeight.bold))),
Text(
'${_presentationEmail.getTimeThisYear()}',
maxLines: 1,
overflow:TextOverflow.ellipsis,
style: TextStyle(
color: AppColor.mailboxTextColor,
fontWeight: _presentationEmail.isUnReadEmail() ? FontWeight.bold : FontWeight.w500))),
Padding(
padding: EdgeInsets.only(right: 4),
child: Text(
'${_presentationEmail.getTimeSentEmail('${Localizations.localeOf(_context).languageCode}_${Localizations.localeOf(_context).countryCode}')}',
maxLines: 1,
overflow:TextOverflow.ellipsis,
style: TextStyle(
fontSize: 12,
color: _selectMode == SelectMode.ACTIVE
? _responsiveUtils.isDesktop(_context) ? AppColor.mailboxSelectedTextColor : AppColor.mailboxTextColor
: AppColor.mailboxTextColor))
color: _presentationEmail.isUnReadEmail() ? AppColor.sentTimeTextColorUnRead : AppColor.baseTextColor)))
],
)
),
subtitle: Padding(
padding: EdgeInsets.only(left: 0, top: 8),
subtitle: Transform(
transform: Matrix4.translationValues(-10.0, 8.0, 0.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
@@ -112,8 +105,8 @@ class EmailTileBuilder {
overflow:TextOverflow.ellipsis,
style: TextStyle(
fontSize: 12,
color: AppColor.baseTextColor,
fontWeight: FontWeight.bold))),
color: _presentationEmail.isUnReadEmail() ? AppColor.subjectEmailTextColorUnRead : AppColor.baseTextColor,
fontWeight: _presentationEmail.isUnReadEmail() ? FontWeight.bold : FontWeight.w500))),
Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.start,
@@ -124,9 +117,11 @@ class EmailTileBuilder {
maxLines: 1,
overflow:TextOverflow.ellipsis,
style: TextStyle(fontSize: 12, color: AppColor.baseTextColor))),
if (_presentationEmail.hasAttachment == true) ButtonBuilder(_imagePaths.icShare).build(),
SizedBox(width: 12),
ButtonBuilder(_imagePaths.icStar).build(),
if (_presentationEmail.hasAttachment == true) ButtonBuilder(_imagePaths.icShare).padding(2).build(),
SizedBox(width: 2),
ButtonBuilder(_presentationEmail.isFlaggedEmail() ? _imagePaths.icFlagged : _imagePaths.icFlag)
.padding(2)
.build(),
],
)
],