TF-2078 Display original email content when can not parse calendar event
(cherry picked from commit 295c3caa684bf5c4279e3219a961b96498c01373)
This commit is contained in:
dab246
@@ -0,0 +1,257 @@
|
||||
|
||||
import 'package:core/presentation/extensions/color_extension.dart';
|
||||
import 'package:core/presentation/resources/image_paths.dart';
|
||||
import 'package:core/presentation/utils/responsive_utils.dart';
|
||||
import 'package:core/presentation/utils/style_utils.dart';
|
||||
import 'package:core/utils/direction_utils.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_svg/flutter_svg.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:jmap_dart_client/jmap/mail/email/email_address.dart';
|
||||
import 'package:model/email/prefix_email_address.dart';
|
||||
import 'package:model/email/presentation_email.dart';
|
||||
import 'package:model/extensions/email_address_extension.dart';
|
||||
import 'package:model/extensions/list_email_address_extension.dart';
|
||||
import 'package:model/extensions/presentation_email_extension.dart';
|
||||
import 'package:tmail_ui_user/features/base/widget/material_text_button.dart';
|
||||
import 'package:tmail_ui_user/features/composer/presentation/extensions/prefix_email_address_extension.dart';
|
||||
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
|
||||
import 'package:tmail_ui_user/main/utils/app_utils.dart';
|
||||
|
||||
typedef OnPreviewEmailAddressActionCallback = Function(BuildContext context, EmailAddress emailAddress);
|
||||
|
||||
class EmailReceiverWidget extends StatefulWidget {
|
||||
|
||||
final PresentationEmail emailSelected;
|
||||
final double maxWidth;
|
||||
final OnPreviewEmailAddressActionCallback? onPreviewEmailAddressActionCallback;
|
||||
|
||||
const EmailReceiverWidget({
|
||||
Key? key,
|
||||
required this.emailSelected,
|
||||
this.maxWidth = 200,
|
||||
this.onPreviewEmailAddressActionCallback,
|
||||
}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<EmailReceiverWidget> createState() => _EmailReceiverWidgetState();
|
||||
}
|
||||
|
||||
class _EmailReceiverWidgetState extends State<EmailReceiverWidget> {
|
||||
|
||||
static const double _maxSizeFullDisplayEmailAddressArrowDownButton = 30.0;
|
||||
|
||||
final _imagePaths = Get.find<ImagePaths>();
|
||||
final _responsiveUtils = Get.find<ResponsiveUtils>();
|
||||
|
||||
bool _isDisplayAll = false;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Expanded(child: Padding(
|
||||
padding: EdgeInsets.only(top: _isDisplayAll
|
||||
? DirectionUtils.isDirectionRTLByLanguage(context) ? 3 : 5.5
|
||||
: 0),
|
||||
child: _buildEmailAddressOfReceiver(
|
||||
context,
|
||||
widget.emailSelected,
|
||||
_isDisplayAll,
|
||||
widget.maxWidth
|
||||
),
|
||||
)),
|
||||
if (_isDisplayAll)
|
||||
Padding(
|
||||
padding: EdgeInsets.symmetric(
|
||||
vertical: DirectionUtils.isDirectionRTLByLanguage(context) ? 0 : 6),
|
||||
child: MaterialTextButton(
|
||||
padding: DirectionUtils.isDirectionRTLByLanguage(context)
|
||||
? const EdgeInsets.symmetric(horizontal: 8, vertical: 4)
|
||||
: null,
|
||||
onTap: () => setState(() => _isDisplayAll = false),
|
||||
label: AppLocalizations.of(context).hide,
|
||||
)
|
||||
)
|
||||
]
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildEmailAddressOfReceiver(
|
||||
BuildContext context,
|
||||
PresentationEmail presentationEmail,
|
||||
bool isDisplayFull,
|
||||
double maxWidth
|
||||
) {
|
||||
if (!isDisplayFull && presentationEmail.numberOfAllEmailAddress() > 1) {
|
||||
return Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Container(
|
||||
height: 40,
|
||||
color: Colors.white,
|
||||
constraints: BoxConstraints(maxWidth: _getMaxWidthEmailAddressDisplayed(context, maxWidth)),
|
||||
child: ListView(
|
||||
scrollDirection: Axis.horizontal,
|
||||
physics: const NeverScrollableScrollPhysics(),
|
||||
shrinkWrap: true,
|
||||
children: [
|
||||
if (presentationEmail.to.numberEmailAddress() > 0)
|
||||
_buildEmailAddressByPrefix(
|
||||
context,
|
||||
presentationEmail,
|
||||
PrefixEmailAddress.to,
|
||||
isDisplayFull
|
||||
),
|
||||
if (presentationEmail.cc.numberEmailAddress() > 0)
|
||||
_buildEmailAddressByPrefix(
|
||||
context,
|
||||
presentationEmail,
|
||||
PrefixEmailAddress.cc,
|
||||
isDisplayFull
|
||||
),
|
||||
if (presentationEmail.bcc.numberEmailAddress() > 0)
|
||||
_buildEmailAddressByPrefix(
|
||||
context,
|
||||
presentationEmail,
|
||||
PrefixEmailAddress.bcc,
|
||||
isDisplayFull
|
||||
),
|
||||
]
|
||||
),
|
||||
),
|
||||
Material(
|
||||
color: Colors.transparent,
|
||||
child: InkWell(
|
||||
onTap: () => setState(() => _isDisplayAll = true),
|
||||
customBorder: const CircleBorder(),
|
||||
child: Container(
|
||||
padding: const EdgeInsets.all(5),
|
||||
color: Colors.transparent,
|
||||
constraints: const BoxConstraints(
|
||||
maxHeight: _maxSizeFullDisplayEmailAddressArrowDownButton,
|
||||
maxWidth: _maxSizeFullDisplayEmailAddressArrowDownButton
|
||||
),
|
||||
child: SvgPicture.asset(
|
||||
_imagePaths.icChevronDown,
|
||||
width: 16,
|
||||
height: 16,
|
||||
fit: BoxFit.fill
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
]
|
||||
);
|
||||
} else {
|
||||
return Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
if (presentationEmail.to.numberEmailAddress() > 0)
|
||||
_buildEmailAddressByPrefix(
|
||||
context,
|
||||
presentationEmail,
|
||||
PrefixEmailAddress.to,
|
||||
isDisplayFull
|
||||
),
|
||||
if (presentationEmail.cc.numberEmailAddress() > 0)
|
||||
_buildEmailAddressByPrefix(
|
||||
context,
|
||||
presentationEmail,
|
||||
PrefixEmailAddress.cc,
|
||||
isDisplayFull
|
||||
),
|
||||
if (presentationEmail.bcc.numberEmailAddress() > 0)
|
||||
_buildEmailAddressByPrefix(
|
||||
context,
|
||||
presentationEmail,
|
||||
PrefixEmailAddress.bcc,
|
||||
isDisplayFull
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Widget _buildEmailAddressByPrefix(
|
||||
BuildContext context,
|
||||
PresentationEmail presentationEmail,
|
||||
PrefixEmailAddress prefixEmailAddress,
|
||||
bool isDisplayFull
|
||||
) {
|
||||
return Row(
|
||||
children: [
|
||||
Text(
|
||||
'${prefixEmailAddress.asName(context)}:',
|
||||
style: const TextStyle(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w500,
|
||||
color: AppColor.colorEmailAddressFull
|
||||
)
|
||||
),
|
||||
if (!isDisplayFull && presentationEmail.numberOfAllEmailAddress() > 1)
|
||||
_buildListEmailAddressWidget(
|
||||
context,
|
||||
prefixEmailAddress.listEmailAddress(presentationEmail),
|
||||
isDisplayFull
|
||||
)
|
||||
else
|
||||
Expanded(child: _buildListEmailAddressWidget(
|
||||
context,
|
||||
prefixEmailAddress.listEmailAddress(presentationEmail),
|
||||
isDisplayFull
|
||||
))
|
||||
]
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildListEmailAddressWidget(
|
||||
BuildContext context,
|
||||
List<EmailAddress> listEmailAddress,
|
||||
bool isDisplayFull
|
||||
) {
|
||||
final lastEmailAddress = listEmailAddress.last;
|
||||
final emailAddressWidgets = listEmailAddress.map((emailAddress) {
|
||||
return MaterialTextButton(
|
||||
label: lastEmailAddress == emailAddress
|
||||
? emailAddress.asString()
|
||||
: '${emailAddress.asString()},',
|
||||
onTap: () => widget.onPreviewEmailAddressActionCallback?.call(context, emailAddress),
|
||||
onLongPress: () {
|
||||
AppUtils.copyEmailAddressToClipboard(context, emailAddress.emailAddress);
|
||||
},
|
||||
borderRadius: 8,
|
||||
labelColor: Colors.black,
|
||||
labelSize: 16,
|
||||
softWrap: CommonTextStyle.defaultSoftWrap,
|
||||
overflow: CommonTextStyle.defaultTextOverFlow,
|
||||
);
|
||||
}).toList();
|
||||
|
||||
if (isDisplayFull) {
|
||||
return Wrap(children: emailAddressWidgets);
|
||||
} else {
|
||||
return SingleChildScrollView(
|
||||
scrollDirection: Axis.horizontal,
|
||||
physics: const NeverScrollableScrollPhysics(),
|
||||
child: Row(
|
||||
crossAxisAlignment:CrossAxisAlignment.start,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: emailAddressWidgets
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
double _getMaxWidthEmailAddressDisplayed(BuildContext context, double maxWidth) {
|
||||
if (_responsiveUtils.isPortraitMobile(context)) {
|
||||
return maxWidth - _maxSizeFullDisplayEmailAddressArrowDownButton;
|
||||
} else if (_responsiveUtils.isWebDesktop(context)) {
|
||||
return maxWidth / 2;
|
||||
} else {
|
||||
return maxWidth * 3/4;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user