eduvia/workavia-mail-front
11
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

TF-1801 Change design of email attachment

Browse Source 
(cherry picked from commit d2700ab7ebb13cc948a7cbacbd336a04b2f2bc93)
This commit is contained in:
hieubt
2023-10-17 13:39:43 +07:00
committed by Dat H. Pham
parent 8e9897166a
commit a7e5e3b7f6
5 changed files with 151 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/email/presentation/widgets/attachment_item_widget.dart
+55 -60
View File
@@ -1,7 +1,6 @@
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:extended_text/extended_text.dart';
import 'package:filesize/filesize.dart';
@@ -20,7 +19,6 @@ class AttachmentItemWidget extends StatelessWidget {
final OnDownloadAttachmentFileActionClick? downloadAttachmentAction;
final _imagePaths = Get.find<ImagePaths>();
final _responsiveUtils = Get.find<ResponsiveUtils>();
AttachmentItemWidget({
Key? key,
@@ -30,29 +28,26 @@ class AttachmentItemWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Padding(
padding: AttachmentItemWidgetStyle.padding,
child: Material(
color: Colors.transparent,
child: InkWell(
onTap: () => downloadAttachmentAction?.call(attachment),
customBorder: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(AttachmentItemWidgetStyle.radius))
return Material(
color: Colors.transparent,
child: InkWell(
onTap: () => downloadAttachmentAction?.call(attachment),
customBorder: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(AttachmentItemWidgetStyle.radius))
),
child: Container(
padding: AttachmentItemWidgetStyle.contentPadding,
decoration: BoxDecoration(
borderRadius: const BorderRadius.all(Radius.circular(AttachmentItemWidgetStyle.radius)),
border: Border.all(color: AttachmentItemWidgetStyle.borderColor),
),
child: Container(
padding: AttachmentItemWidgetStyle.contentPadding,
decoration: BoxDecoration(
borderRadius: const BorderRadius.all(Radius.circular(AttachmentItemWidgetStyle.radius)),
border: Border.all(color: AttachmentItemWidgetStyle.borderColor),
),
width: _responsiveUtils.isMobile(context)
? AttachmentItemWidgetStyle.mobileWidth
: AttachmentItemWidgetStyle.width,
height: AttachmentItemWidgetStyle.height,
child: Stack(
children: [
Positioned.fill(
child: Row(children: [
width: AttachmentItemWidgetStyle.width,
height: AttachmentItemWidgetStyle.height,
child: Stack(
children: [
Positioned.fill(
child: Row(
children: [
SvgPicture.asset(
attachment.getIcon(_imagePaths),
width: AttachmentItemWidgetStyle.iconSize,
@@ -60,26 +55,29 @@ class AttachmentItemWidget extends StatelessWidget {
fit: BoxFit.fill
),
const SizedBox(width: AttachmentItemWidgetStyle.space),
Expanded(child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
Expanded(child: Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
ExtendedText(
(attachment.name ?? ''),
maxLines: 1,
overflow: CommonTextStyle.defaultTextOverFlow,
softWrap: CommonTextStyle.defaultSoftWrap,
overflowWidget: TextOverflowWidget(
position: Directionality.maybeOf(context) == TextDirection.rtl
? TextOverflowPosition.start
: TextOverflowPosition.end,
child: const Text(
"...",
style: AttachmentItemWidgetStyle.dotsLabelTextStyle,
SizedBox(
width: AttachmentItemWidgetStyle.attachmentNameMaxWidth,
child: ExtendedText(
(attachment.name ?? ''),
maxLines: 1,
overflow: CommonTextStyle.defaultTextOverFlow,
softWrap: CommonTextStyle.defaultSoftWrap,
overflowWidget: TextOverflowWidget(
position: Directionality.maybeOf(context) == TextDirection.rtl
? TextOverflowPosition.start
: TextOverflowPosition.end,
child: const Text(
"...",
style: AttachmentItemWidgetStyle.dotsLabelTextStyle,
),
),
style: AttachmentItemWidgetStyle.labelTextStyle,
),
style: AttachmentItemWidgetStyle.labelTextStyle,
),
const SizedBox(height: 4),
Text(
filesize(attachment.size?.value),
maxLines: 1,
@@ -88,29 +86,26 @@ class AttachmentItemWidget extends StatelessWidget {
style: AttachmentItemWidgetStyle.sizeLabelTextStyle,
)
]
))
]),
),
Align(
alignment: AlignmentDirectional.bottomEnd,
child: Material(
color: Colors.transparent,
child: InkWell(
customBorder: const CircleBorder(),
child: SvgPicture.asset(
_imagePaths.icDownloadAttachment,
width: AttachmentItemWidgetStyle.downloadIconSize,
height: AttachmentItemWidgetStyle.downloadIconSize,
colorFilter: AttachmentItemWidgetStyle.downloadIconColor.asFilter(),
fit: BoxFit.fill
)),
Material(
color: Colors.transparent,
child: InkWell(
customBorder: const CircleBorder(),
child: SvgPicture.asset(
_imagePaths.icDownloadAttachment,
width: AttachmentItemWidgetStyle.downloadIconSize,
height: AttachmentItemWidgetStyle.downloadIconSize,
colorFilter: AttachmentItemWidgetStyle.downloadIconColor.asFilter(),
fit: BoxFit.fill
),
onTap: () => downloadAttachmentAction?.call(attachment)
),
onTap: () => downloadAttachmentAction?.call(attachment)
),
),
]
),
]
)
),
),
]
)
),
),
);