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

TF-1018 Apply AppGrid for Tablet/Mobile web

Browse Source
This commit is contained in:
Dat PHAM HOANG
2022-10-19 11:37:14 +07:00
committed by Dat H. Pham
parent 5d234ff9b6
commit 0943e18552
10 changed files with 219 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/mailbox_dashboard/presentation/controller/app_grid_dashboard_controller.dart
+7
View File
@@ -3,12 +3,14 @@ import 'package:core/presentation/state/success.dart';
import 'package:core/utils/app_logger.dart';
import 'package:dartz/dartz.dart';
import 'package:get/get_rx/get_rx.dart';
import 'package:model/mailbox/expand_mode.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/domain/app_dashboard/linagora_applications.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/domain/usecases/get_app_dashboard_configuration_interactor.dart';
import 'package:tmail_ui_user/main/utils/app_config.dart';
class AppGridDashboardController {
final isAppGridDashboardOverlayOpen = false.obs;
final appDashboardExpandMode = ExpandMode.COLLAPSE.obs;
final linagoraApplications = Rxn<LinagoraApplications>();
final GetAppDashboardConfigurationInteractor _getAppDashboardConfigurationInteractor;
@@ -17,6 +19,10 @@ class AppGridDashboardController {
void toggleAppGridDashboard() {
isAppGridDashboardOverlayOpen.toggle();
final newExpandMode = appDashboardExpandMode.value == ExpandMode.EXPAND
? ExpandMode.COLLAPSE
: ExpandMode.EXPAND;
appDashboardExpandMode.value = newExpandMode;
}
Stream<Either<Failure, Success>> showDashboardAction() {
@@ -26,6 +32,7 @@ class AppGridDashboardController {
void handleShowAppDashboard(LinagoraApplications linagoraApps) {
log('AppGridDashboardController::handleShowAppDashboard(): $linagoraApps');
isAppGridDashboardOverlayOpen.value = true;
appDashboardExpandMode.value = ExpandMode.EXPAND;
linagoraApplications.value = linagoraApps;
}
}
lib/features/mailbox_dashboard/presentation/controller/mailbox_dashboard_controller.dart
+5 -4
View File
@@ -89,8 +89,8 @@ class MailboxDashBoardController extends ReloadableController {
final EmailReceiveManager _emailReceiveManager = Get.find<EmailReceiveManager>();
final SearchController searchController = Get.find<SearchController>();
final DownloadController downloadController = Get.find<DownloadController>();
final AppGridDashboardController _appGridDashboardController = Get.find<AppGridDashboardController>();
final NetworkConnectionController networkConnectionController = Get.find<NetworkConnectionController>();
final AppGridDashboardController appGridDashboardController = Get.find<AppGridDashboardController>();
final MoveToMailboxInteractor _moveToMailboxInteractor;
final DeleteEmailPermanentlyInteractor _deleteEmailPermanentlyInteractor;
@@ -275,7 +275,7 @@ class MailboxDashBoardController extends ReloadableController {
|| success is DeleteMultipleEmailsPermanentlyHasSomeEmailFailure) {
_deleteMultipleEmailsPermanentlySuccess(success);
} else if (success is GetAppDashboardConfigurationSuccess) {
_appGridDashboardController.handleShowAppDashboard(success.linagoraApplications);
appGridDashboardController.handleShowAppDashboard(success.linagoraApplications);
}
}
);
@@ -1123,12 +1123,13 @@ class MailboxDashBoardController extends ReloadableController {
}
void showAppDashboardAction() async {
final apps = _appGridDashboardController.linagoraApplications.value;
log('MailboxDashBoardController::showAppDashboardAction(): begin');
final apps = appGridDashboardController.linagoraApplications.value;
if (apps != null) {
consumeState(Stream.value(Right(GetAppDashboardConfigurationSuccess(apps))));
return;
}
consumeState(_appGridDashboardController.showDashboardAction());
consumeState(appGridDashboardController.showDashboardAction());
}
@override
lib/features/mailbox_dashboard/presentation/widgets/app_dashboard/app_grid_dashboard_item.dart
-2
View File
@@ -7,8 +7,6 @@ import 'package:get/get.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/domain/app_dashboard/linagora_app.dart';
import 'package:url_launcher/url_launcher.dart' as launcher;
typedef OnTapCallback = void Function();
class AppGridDashboardItem extends StatelessWidget {
final LinagoraApp app;
lib/features/mailbox_dashboard/presentation/widgets/app_dashboard/app_list_dashboard_item.dart
+76
View File
@@ -0,0 +1,76 @@
import 'package:core/core.dart';
import 'package:flutter/material.dart';
import 'package:get/get_core/get_core.dart';
import 'package:get/get_instance/get_instance.dart';
import 'package:tmail_ui_user/features/mailbox_dashboard/domain/app_dashboard/linagora_app.dart';
import 'package:url_launcher/url_launcher.dart' as launcher;
class AppListDashboardItem extends StatefulWidget {
final LinagoraApp app;
const AppListDashboardItem(this.app, {Key? key}) : super(key: key);
@override
State<AppListDashboardItem> createState() => _AppListDashboardItemState();
}
class _AppListDashboardItemState extends State<AppListDashboardItem> {
final _imagePaths = Get.find<ImagePaths>();
final _responsiveUtils = Get.find<ResponsiveUtils>();
bool _isHoverItem = false;
@override
Widget build(BuildContext context) {
return StatefulBuilder(
builder: (BuildContext context, StateSetter setState) {
return InkWell(
onTap: () => _openApp(widget.app.appUri),
onHover: (value) => setState(() => _isHoverItem = value),
child: Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(10),
color: _backgroundColorItem(context)),
padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 18),
margin: const EdgeInsets.symmetric(horizontal: 16),
child: _buildAppItem(context)
),
);
}
);
}
Widget _buildAppItem(BuildContext context) {
final builder = SloganBuilder(arrangedByHorizontal: true)
..setSizeLogo(32.0)
..setPadding(const EdgeInsets.only(left: 12))
..setSloganText(widget.app.appName)
..addOnTapCallback(() async {
final url = widget.app.appUri;
if (await launcher.canLaunchUrl(url)) {
await launcher.launchUrl(url);
}
})
..setSloganTextStyle(const TextStyle(fontSize: 17, fontWeight: FontWeight.w500, color: AppColor.colorNameEmail));
if (widget.app.iconName.endsWith('svg')) {
builder.setLogoSVG(_imagePaths.getConfigurationImagePath(widget.app.iconName));
} else {
builder.setLogo(_imagePaths.getConfigurationImagePath(widget.app.iconName));
}
return builder.build();
}
Color _backgroundColorItem(BuildContext context) {
if (_isHoverItem) {
return AppColor.colorBgMailboxSelected;
}
return _responsiveUtils.isDesktop(context)
? AppColor.colorBgDesktop
: Colors.white;
}
void _openApp(Uri appLink) async {
if (await launcher.canLaunchUrl(appLink)) {
await launcher.launchUrl(appLink);
}
}
}