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

TF-2628 [Part-2] Integrate loading logic to attachment item UI

Browse Source
This commit is contained in:
DatDang
2024-02-28 08:57:40 +07:00
committed by Dat H. Pham
parent e727e60a6d
commit 01d62da036
2 changed files with 154 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/email/presentation/widgets/attachment_item_widget.dart
+24 -4
View File
@@ -8,8 +8,10 @@ import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:get/get.dart';
import 'package:model/email/attachment.dart';
import 'package:tmail_ui_user/features/email/presentation/controller/single_email_controller.dart';
import 'package:tmail_ui_user/features/email/presentation/extensions/attachment_extension.dart';
import 'package:tmail_ui_user/features/email/presentation/styles/attachment/attachment_item_widget_style.dart';
import 'package:tmail_ui_user/features/email/presentation/utils/email_utils.dart';
typedef OnDownloadAttachmentFileActionClick = void Function(Attachment attachment);
typedef OnViewAttachmentFileActionClick = void Function(Attachment attachment);
@@ -32,10 +34,20 @@ class AttachmentItemWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Obx(
() {
final controller = Get.find<SingleEmailController>();
final attachmentsViewState = controller.attachmentsViewState;
bool isLoading = false;
if (attachment.blobId != null) {
isLoading = !EmailUtils.checkingIfAttachmentActionIsEnabled(
attachmentsViewState[attachment.blobId!]);
}
return Material(
color: Colors.transparent,
child: InkWell(
onTap: () => viewAttachmentAction?.call(attachment),
onTap: isLoading ? null : () => viewAttachmentAction?.call(attachment),
customBorder: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(AttachmentItemWidgetStyle.radius))
),
@@ -48,8 +60,12 @@ class AttachmentItemWidget extends StatelessWidget {
width: _getMaxWidthItem(context),
child: Row(
children: [
SvgPicture.asset(
attachment.getIcon(_imagePaths),
isLoading
? const SizedBox(
width: AttachmentItemWidgetStyle.iconSize,
height: AttachmentItemWidgetStyle.iconSize,
child: CircularProgressIndicator(strokeWidth: 2))
: SvgPicture.asset(attachment.getIcon(_imagePaths),
width: AttachmentItemWidgetStyle.iconSize,
height: AttachmentItemWidgetStyle.iconSize,
fit: BoxFit.fill
@@ -87,7 +103,9 @@ class AttachmentItemWidget extends StatelessWidget {
backgroundColor: Colors.transparent,
padding: const EdgeInsets.all(5),
iconSize: AttachmentItemWidgetStyle.downloadIconSize,
onTapActionCallback: () => downloadAttachmentAction?.call(attachment)
onTapActionCallback: isLoading
? null
: () => downloadAttachmentAction?.call(attachment)
)
]
)
@@ -95,6 +113,8 @@ class AttachmentItemWidget extends StatelessWidget {
),
);
}
);
}
double _getMaxWidthItem(BuildContext context) {
if (PlatformInfo.isMobile) {
lib/features/email/presentation/widgets/attachment_list/attachment_list_item_widget.dart
+24 -4
View File
@@ -8,8 +8,10 @@ import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:get/get.dart';
import 'package:model/email/attachment.dart';
import 'package:tmail_ui_user/features/email/presentation/controller/single_email_controller.dart';
import 'package:tmail_ui_user/features/email/presentation/extensions/attachment_extension.dart';
import 'package:tmail_ui_user/features/email/presentation/styles/attachment/attachment_list_item_widget_styles.dart';
import 'package:tmail_ui_user/features/email/presentation/utils/email_utils.dart';
import 'package:tmail_ui_user/features/email/presentation/widgets/attachment_item_widget.dart';
typedef OnDownloadAttachmentFileActionClick = void Function(Attachment attachment);
@@ -31,16 +33,30 @@ class AttachmentListItemWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Obx(
() {
final controller = Get.find<SingleEmailController>();
final attachmentsViewState = controller.attachmentsViewState;
bool isLoading = false;
if (attachment.blobId != null) {
isLoading = !EmailUtils.checkingIfAttachmentActionIsEnabled(
attachmentsViewState[attachment.blobId!]);
}
return Material(
type: MaterialType.transparency,
child: InkWell(
onTap: () => viewAttachmentAction?.call(attachment),
onTap: isLoading ? null : () => viewAttachmentAction?.call(attachment),
child: Padding(
padding: AttachmentListItemWidgetStyle.contentPadding,
child: Row(
children: [
SvgPicture.asset(
attachment.getIcon(_imagePaths),
isLoading
? const SizedBox(
width: AttachmentListItemWidgetStyle.iconSize,
height: AttachmentListItemWidgetStyle.iconSize,
child: CircularProgressIndicator(strokeWidth: 2))
: SvgPicture.asset(attachment.getIcon(_imagePaths),
width: AttachmentListItemWidgetStyle.iconSize,
height: AttachmentListItemWidgetStyle.iconSize,
fit: BoxFit.fill
@@ -85,7 +101,9 @@ class AttachmentListItemWidget extends StatelessWidget {
TMailButtonWidget.fromIcon(
icon: _imagePaths.icDownloadAttachment,
backgroundColor: Colors.transparent,
onTapActionCallback: () => downloadAttachmentAction?.call(attachment)
onTapActionCallback: isLoading
? null
: () => downloadAttachmentAction?.call(attachment)
)
]
),
@@ -93,4 +111,6 @@ class AttachmentListItemWidget extends StatelessWidget {
),
);
}
);
}
}