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

TF-3488 Add hide download taskbar feature

Browse Source
This commit is contained in:
DatDang
2025-02-14 14:43:42 +07:00
committed by Dat H. Pham
parent d51f06f6f0
commit ca3905cb7a
10 changed files with 122 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/base/widget/circle_loading_widget.dart
+13 -23
View File
@@ -11,32 +11,22 @@ class CircleLoadingWidget extends StatelessWidget {
super.key,
this.size,
this.padding,
this.strokeWidth
this.strokeWidth,
});
@override
Widget build(BuildContext context) {
if (padding != null) {
return Padding(
padding: padding!,
child: SizedBox(
width: size ?? CircleLoadingWidgetStyles.size,
height: size ?? CircleLoadingWidgetStyles.size,
child: CircularProgressIndicator(
color: CircleLoadingWidgetStyles.progressColor,
strokeWidth: strokeWidth ?? CircleLoadingWidgetStyles.width,
)
),
);
} else {
return SizedBox(
width: size ?? CircleLoadingWidgetStyles.size,
height: size ?? CircleLoadingWidgetStyles.size,
child: CircularProgressIndicator(
color: CircleLoadingWidgetStyles.progressColor,
strokeWidth: strokeWidth ?? CircleLoadingWidgetStyles.width,
)
);
}
final loadingSize = size ?? CircleLoadingWidgetStyles.size;
final loadingStrokeWidth = strokeWidth ?? CircleLoadingWidgetStyles.width;
return Container(
padding: padding,
width: loadingSize,
height: loadingSize,
child: CircularProgressIndicator(
color: CircleLoadingWidgetStyles.progressColor,
strokeWidth: loadingStrokeWidth,
)
);
}
}
lib/features/email/domain/state/download_attachment_for_web_state.dart
+9 -5
View File
@@ -1,6 +1,7 @@
import 'dart:typed_data';
import 'package:core/presentation/state/failure.dart';
import 'package:core/presentation/state/success.dart';
import 'package:dio/dio.dart';
import 'package:model/download/download_task_id.dart';
import 'package:model/email/attachment.dart';
@@ -10,11 +11,12 @@ class StartDownloadAttachmentForWeb extends UIState {
final DownloadTaskId taskId;
final Attachment attachment;
final CancelToken? cancelToken;
StartDownloadAttachmentForWeb(this.taskId, this.attachment);
StartDownloadAttachmentForWeb(this.taskId, this.attachment, [this.cancelToken]);
@override
List<Object> get props => [taskId, attachment];
List<Object?> get props => [taskId, attachment, cancelToken];
}
class DownloadingAttachmentForWeb extends UIState {
@@ -59,13 +61,15 @@ class DownloadAttachmentForWebFailure extends FeatureFailure {
final DownloadTaskId? taskId;
final Attachment? attachment;
final CancelToken? cancelToken;
DownloadAttachmentForWebFailure({
this.attachment,
this.taskId,
dynamic exception
}) : super(exception: exception);
this.cancelToken,
super.exception
});
@override
List<Object?> get props => [attachment, taskId, ...super.props];
List<Object?> get props => [attachment, taskId, cancelToken, ...super.props];
}
lib/features/email/domain/usecases/download_attachment_for_web_interactor.dart
+4 -3
View File
@@ -38,8 +38,8 @@ class DownloadAttachmentForWebInteractor {
{CancelToken? cancelToken}
) async* {
try {
yield Right<Failure, Success>(StartDownloadAttachmentForWeb(taskId, attachment));
onReceiveController.add(Right(StartDownloadAttachmentForWeb(taskId, attachment)));
yield Right<Failure, Success>(StartDownloadAttachmentForWeb(taskId, attachment, cancelToken));
onReceiveController.add(Right(StartDownloadAttachmentForWeb(taskId, attachment, cancelToken)));
final currentAccount = await _accountRepository.getCurrentAccount();
AccountRequest? accountRequest;
@@ -77,7 +77,8 @@ class DownloadAttachmentForWebInteractor {
DownloadAttachmentForWebFailure(
attachment: attachment,
taskId: taskId,
exception: exception
exception: exception,
cancelToken: cancelToken,
)
);
}
lib/features/email/presentation/controller/single_email_controller.dart
+23 -14
View File
@@ -426,9 +426,12 @@ class SingleEmailController extends BaseController with AppLoaderMixin {
(success) {
if (success is StartDownloadAttachmentForWeb) {
emailSupervisorController.mailboxDashBoardController.addDownloadTask(
DownloadTaskState(
taskId: success.taskId,
attachment: success.attachment));
DownloadTaskState(
taskId: success.taskId,
attachment: success.attachment,
onCancel: () => success.cancelToken?.cancel(),
),
);
if (currentOverlayContext != null && currentContext != null) {
appToast.showToastMessage(
@@ -896,12 +899,15 @@ class SingleEmailController extends BaseController with AppLoaderMixin {
final baseDownloadUrl = session!.getDownloadUrl(
jmapUrl: dynamicUrlInterceptors.jmapUrl,
);
final cancelToken = CancelToken();
consumeState(_downloadAttachmentForWebInteractor.execute(
generateTaskId,
attachment,
accountId!,
baseDownloadUrl,
_downloadProgressStateController));
generateTaskId,
attachment,
accountId!,
baseDownloadUrl,
_downloadProgressStateController,
cancelToken: cancelToken,
));
} catch (e) {
logError('SingleEmailController::downloadAttachmentForWeb(): $e');
consumeState(Stream.value(Left(DownloadAttachmentForWebFailure(attachment: attachment, taskId: generateTaskId, exception: e))));
@@ -944,14 +950,17 @@ class SingleEmailController extends BaseController with AppLoaderMixin {
if (failure.attachment != null) {
_updateAttachmentsViewState(failure.attachment?.blobId, Left(failure));
}
if (currentOverlayContext == null || currentContext == null) return;
if (currentOverlayContext != null && currentContext != null) {
appToast.showToastErrorMessage(
currentOverlayContext!,
failure.attachment is EMLAttachment
? AppLocalizations.of(currentContext!).downloadMessageAsEMLFailed
: AppLocalizations.of(currentContext!).attachment_download_failed);
String message = AppLocalizations.of(currentContext!).attachment_download_failed;
if (failure.attachment is EMLAttachment) {
message = AppLocalizations.of(currentContext!).downloadMessageAsEMLFailed;
} else if (failure.cancelToken?.isCancelled == true) {
message = AppLocalizations.of(currentContext!).downloadAttachmentHasBeenCancelled;
}
appToast.showToastErrorMessage(currentOverlayContext!, message);
}
void _updateAttachmentsViewState(
lib/features/mailbox_dashboard/presentation/controller/download/download_controller.dart
+5
View File
@@ -9,12 +9,14 @@ typedef UpdateDownloadTaskStateCallback = DownloadTaskState Function(DownloadTas
class DownloadController extends GetxController {
final listDownloadTaskState = RxList<DownloadTaskState>();
final hideDownloadTaskbar = RxBool(false);
bool get notEmptyListDownloadTask => listDownloadTaskState.isNotEmpty;
void addDownloadTask(DownloadTaskState task) {
log('DownloadController::addDownloadTask(): ${task.taskId}');
listDownloadTaskState.add(task);
hideDownloadTaskbar.value = false;
}
void updateDownloadTaskByTaskId(
@@ -37,5 +39,8 @@ class DownloadController extends GetxController {
listDownloadTaskState.removeAt(matchIndex);
listDownloadTaskState.refresh();
}
if (listDownloadTaskState.isEmpty) {
hideDownloadTaskbar.value = true;
}
}
}
lib/features/mailbox_dashboard/presentation/mailbox_dashboard_view_web.dart
+36 -16
View File
@@ -202,7 +202,7 @@ class MailboxDashBoardView extends BaseMailboxDashBoardView {
? const SearchMailboxView()
: const SizedBox.shrink()
),
_buildDownloadTaskStateWidget(),
_buildDownloadTaskStateWidget(AppLocalizations.of(context)),
]),
);
}
@@ -413,30 +413,50 @@ class MailboxDashBoardView extends BaseMailboxDashBoardView {
controller.dispatchAction(FilterMessageAction(FilterMessageOption.all));
}
Widget _buildDownloadTaskStateWidget() {
Widget _buildDownloadTaskStateWidget(AppLocalizations appLocalizations) {
return Obx(() {
final listDownloadTasks = controller.downloadController.listDownloadTaskState;
if (listDownloadTasks.isNotEmpty) {
final hideDownloadTaskbar = controller.downloadController.hideDownloadTaskbar;
if (listDownloadTasks.isNotEmpty && !hideDownloadTaskbar.value) {
return Align(
alignment: Alignment.bottomCenter,
child: Container(
color: AppColor.colorBackgroundSnackBar,
height: 60,
width: double.infinity,
child: ListView.separated(
scrollDirection: Axis.horizontal,
padding: EdgeInsets.zero,
itemCount: listDownloadTasks.length,
separatorBuilder: (context, index) =>
const Padding(
padding: EdgeInsets.symmetric(vertical: 5),
child: VerticalDivider(
color: Colors.grey,
width: 2.5,
thickness: 0.2),
child: Row(
children: [
Expanded(
child: ListView.separated(
scrollDirection: Axis.horizontal,
padding: EdgeInsets.zero,
itemCount: listDownloadTasks.length,
separatorBuilder: (context, index) =>
const Padding(
padding: EdgeInsets.symmetric(vertical: 5),
child: VerticalDivider(
color: Colors.grey,
width: 2.5,
thickness: 0.2),
),
itemBuilder: (context, index) =>
DownloadTaskItemWidget(listDownloadTasks[index])
),
itemBuilder: (context, index) =>
DownloadTaskItemWidget(listDownloadTasks[index])
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 16),
child: TMailButtonWidget.fromText(
text: appLocalizations.hide,
backgroundColor: Colors.transparent,
textStyle: const TextStyle(
color: AppColor.colorCancelButton,
),
onTapActionCallback: () {
controller.downloadController.hideDownloadTaskbar.value = true;
},
),
),
],
),
),
);
lib/features/mailbox_dashboard/presentation/model/download/download_task_state.dart
+9 -4
View File
@@ -1,5 +1,6 @@
import 'package:equatable/equatable.dart';
import 'package:flutter/widgets.dart';
import 'package:model/download/download_task_id.dart';
import 'package:model/email/attachment.dart';
@@ -9,13 +10,15 @@ class DownloadTaskState with EquatableMixin {
final double progress;
final int downloaded;
final int total;
final VoidCallback? onCancel;
DownloadTaskState({
required this.taskId,
required this.attachment,
this.progress = 0,
this.downloaded = 0,
this.total = 0
this.total = 0,
this.onCancel,
});
DownloadTaskState copyWith({
@@ -23,14 +26,16 @@ class DownloadTaskState with EquatableMixin {
Attachment? attachment,
double? progress,
int? downloaded,
int? total
int? total,
VoidCallback? onCancel
}) {
return DownloadTaskState(
taskId: taskId ?? this.taskId,
attachment: attachment ?? this.attachment,
progress: progress ?? this.progress,
downloaded: downloaded ?? this.downloaded,
total: total ?? this.total
total: total ?? this.total,
onCancel: onCancel ?? this.onCancel,
);
}
@@ -46,5 +51,5 @@ class DownloadTaskState with EquatableMixin {
}
@override
List<Object?> get props => [taskId, attachment, progress, downloaded, total];
List<Object?> get props => [taskId, attachment, progress, downloaded, total, onCancel];
}
lib/features/mailbox_dashboard/presentation/widgets/download/download_task_item_widget.dart
+10 -2
View File
@@ -3,10 +3,12 @@ import 'package:byte_converter/byte_converter.dart';
import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/presentation/resources/image_paths.dart';
import 'package:core/presentation/utils/style_utils.dart';
import 'package:core/presentation/views/button/tmail_button_widget.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:get/get.dart';
import 'package:percent_indicator/circular_percent_indicator.dart';
import 'package:tmail_ui_user/features/base/widget/circle_loading_widget.dart';
import 'package:tmail_ui_user/features/email/presentation/extensions/attachment_extension.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/model/download/download_task_state.dart';
@@ -43,7 +45,7 @@ class DownloadTaskItemWidget extends StatelessWidget {
fit: BoxFit.fill),
Center(
child: taskState.percentDownloading == 0
? const CircularProgressIndicator(color: AppColor.primaryColor, strokeWidth: 3)
? const CircleLoadingWidget(strokeWidth: 3)
: CircularPercentIndicator(
percent: taskState.percentDownloading,
backgroundColor: AppColor.colorBgMailboxSelected,
@@ -83,7 +85,13 @@ class DownloadTaskItemWidget extends StatelessWidget {
)
],
),
)
),
if (taskState.onCancel != null)
TMailButtonWidget.fromIcon(
icon: imagePaths.icClose,
onTapActionCallback: taskState.onCancel,
backgroundColor: Colors.transparent,
),
],
),
);
lib/l10n/intl_messages.arb
+6
View File
@@ -4211,5 +4211,11 @@
"type": "text",
"placeholders_order": [],
"placeholders": {}
},
"downloadAttachmentHasBeenCancelled": "Download attachment has been cancelled",
"@downloadAttachmentHasBeenCancelled": {
"type": "text",
"placeholders_order": [],
"placeholders": {}
}
}
lib/main/localizations/app_localizations.dart
+7
View File
@@ -4419,4 +4419,11 @@ class AppLocalizations {
name: 'thisHtmlAttachmentCannotBePreviewed',
);
}
String get downloadAttachmentHasBeenCancelled {
return Intl.message(
'Download attachment has been cancelled',
name: 'downloadAttachmentHasBeenCancelled',
);
}
}