TF-1665 Enable app grid on mobile
(cherry picked from commit c9f9a2c214316606c8d3f9d63cf38c326369b112)
This commit is contained in:
@@ -120,43 +120,47 @@ class LoginView extends BaseLoginView {
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(top: 24),
|
||||
child: (SloganBuilder(arrangedByHorizontal: true, )
|
||||
..setLogoSVG(imagePaths.icJMAPStandard)
|
||||
..setSizeLogo(48.0)
|
||||
..setPadding(const EdgeInsets.only(left: 12))
|
||||
..setSloganText(AppLocalizations.of(context).jmapStandard)
|
||||
..setSloganTextStyle(const TextStyle(fontSize: 24, fontWeight: FontWeight.w400, color: AppColor.colorNameEmail)))
|
||||
.build()
|
||||
child: SloganBuilder(
|
||||
arrangedByHorizontal: true,
|
||||
logoSVG: imagePaths.icJMAPStandard,
|
||||
sizeLogo: 48.0,
|
||||
paddingText: const EdgeInsets.only(left: 12),
|
||||
text: AppLocalizations.of(context).jmapStandard,
|
||||
textStyle: const TextStyle(fontSize: 24, fontWeight: FontWeight.w400, color: AppColor.colorNameEmail)
|
||||
)
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(top: 16),
|
||||
child: (SloganBuilder(arrangedByHorizontal: true, )
|
||||
..setLogoSVG(imagePaths.icEncrypted)
|
||||
..setSizeLogo(48.0)
|
||||
..setPadding(const EdgeInsets.only(left: 12))
|
||||
..setSloganText(AppLocalizations.of(context).encryptedMailbox)
|
||||
..setSloganTextStyle(const TextStyle(fontSize: 24, fontWeight: FontWeight.w400, color: AppColor.colorNameEmail)))
|
||||
.build()
|
||||
child: SloganBuilder(
|
||||
arrangedByHorizontal: true,
|
||||
logoSVG: imagePaths.icEncrypted,
|
||||
sizeLogo: 48.0,
|
||||
paddingText: const EdgeInsets.only(left: 12),
|
||||
text: AppLocalizations.of(context).encryptedMailbox,
|
||||
textStyle: const TextStyle(fontSize: 24, fontWeight: FontWeight.w400, color: AppColor.colorNameEmail)
|
||||
)
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(top: 16),
|
||||
child: (SloganBuilder(arrangedByHorizontal: true, )
|
||||
..setLogoSVG(imagePaths.icTeam)
|
||||
..setSizeLogo(48.0)
|
||||
..setPadding(const EdgeInsets.only(left: 12))
|
||||
..setSloganText(AppLocalizations.of(context).manageEmailAsATeam)
|
||||
..setSloganTextStyle(const TextStyle(fontSize: 24, fontWeight: FontWeight.w400, color: AppColor.colorNameEmail)))
|
||||
.build()
|
||||
child: SloganBuilder(
|
||||
arrangedByHorizontal: true,
|
||||
logoSVG: imagePaths.icTeam,
|
||||
sizeLogo: 48.0,
|
||||
paddingText: const EdgeInsets.only(left: 12),
|
||||
text: AppLocalizations.of(context).manageEmailAsATeam,
|
||||
textStyle: const TextStyle(fontSize: 24, fontWeight: FontWeight.w400, color: AppColor.colorNameEmail)
|
||||
)
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(top: 16),
|
||||
child: (SloganBuilder(arrangedByHorizontal: true, )
|
||||
..setLogoSVG(imagePaths.icIntegration)
|
||||
..setSizeLogo(48.0)
|
||||
..setPadding(const EdgeInsets.only(left: 12))
|
||||
..setSloganText(AppLocalizations.of(context).multipleIntegrations)
|
||||
..setSloganTextStyle(const TextStyle(fontSize: 24, fontWeight: FontWeight.w400, color: AppColor.colorNameEmail)))
|
||||
.build()
|
||||
child: SloganBuilder(
|
||||
arrangedByHorizontal: true,
|
||||
logoSVG: imagePaths.icIntegration,
|
||||
sizeLogo: 48.0,
|
||||
paddingText: const EdgeInsets.only(left: 12),
|
||||
text: AppLocalizations.of(context).multipleIntegrations,
|
||||
textStyle: const TextStyle(fontSize: 24, fontWeight: FontWeight.w400, color: AppColor.colorNameEmail)
|
||||
)
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(top: 44),
|
||||
|
||||
@@ -21,7 +21,10 @@ class PrivacyLinkWidget extends StatelessWidget {
|
||||
fontSize: 14),
|
||||
recognizer: TapGestureRecognizer()..onTap = () async {
|
||||
if (await canLaunchUrlString(privacyUrlString)) {
|
||||
launchUrlString(privacyUrlString);
|
||||
launchUrlString(
|
||||
privacyUrlString,
|
||||
mode: LaunchMode.externalApplication
|
||||
);
|
||||
}
|
||||
}
|
||||
)
|
||||
|
||||
@@ -14,6 +14,7 @@ import 'package:tmail_ui_user/features/mailbox/presentation/widgets/mailbox_fold
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/widgets/user_information_widget_builder.dart';
|
||||
import 'package:tmail_ui_user/features/quotas/presentation/widget/quotas_footer_widget.dart';
|
||||
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
|
||||
import 'package:tmail_ui_user/main/utils/app_config.dart';
|
||||
import 'package:tmail_ui_user/main/utils/app_utils.dart';
|
||||
|
||||
class MailboxView extends GetWidget<MailboxController>
|
||||
@@ -189,20 +190,25 @@ class MailboxView extends GetWidget<MailboxController>
|
||||
return _buildUserInformation(context);
|
||||
}),
|
||||
_buildLoadingView(),
|
||||
AppConfig.appGridDashboardAvailable
|
||||
? Column(children: [
|
||||
buildAppGridDashboard(context, _responsiveUtils, _imagePaths, controller),
|
||||
const Divider(color: AppColor.colorDividerMailbox, height: 0.5, thickness: 0.2),
|
||||
])
|
||||
: const SizedBox.shrink(),
|
||||
const SizedBox(height: 8),
|
||||
Obx(() {
|
||||
if (controller.defaultMailboxIsNotEmpty) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(top: 16),
|
||||
child: _buildMailboxCategory(
|
||||
context,
|
||||
MailboxCategories.exchange,
|
||||
controller.defaultRootNode
|
||||
),
|
||||
return _buildMailboxCategory(
|
||||
context,
|
||||
MailboxCategories.exchange,
|
||||
controller.defaultRootNode
|
||||
);
|
||||
} else {
|
||||
return const SizedBox.shrink();
|
||||
}
|
||||
}),
|
||||
const SizedBox(height: 8),
|
||||
const Divider(color: AppColor.colorDividerMailbox, height: 0.5, thickness: 0.2),
|
||||
const SizedBox(height: 12),
|
||||
Container(
|
||||
@@ -247,19 +253,19 @@ class MailboxView extends GetWidget<MailboxController>
|
||||
]),
|
||||
]),
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
Obx(() {
|
||||
if (controller.personalMailboxIsNotEmpty) {
|
||||
return _buildMailboxCategory(
|
||||
context,
|
||||
MailboxCategories.personalMailboxes,
|
||||
controller.personalRootNode
|
||||
);
|
||||
} else {
|
||||
return const SizedBox.shrink();
|
||||
}
|
||||
}),
|
||||
const SizedBox(height: 8),
|
||||
const SizedBox(height: 8),
|
||||
Obx(() {
|
||||
if (controller.personalMailboxIsNotEmpty) {
|
||||
return _buildMailboxCategory(
|
||||
context,
|
||||
MailboxCategories.personalMailboxes,
|
||||
controller.personalRootNode
|
||||
);
|
||||
} else {
|
||||
return const SizedBox.shrink();
|
||||
}
|
||||
}),
|
||||
const SizedBox(height: 8),
|
||||
Obx(() {
|
||||
if (controller.teamMailboxesIsNotEmpty) {
|
||||
return _buildMailboxCategory(
|
||||
|
||||
@@ -11,7 +11,6 @@ import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_catego
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_node.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/widgets/mailbox_folder_tile_builder.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/widgets/user_information_widget_builder.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/app_dashboard/app_list_dashboard_item.dart';
|
||||
import 'package:tmail_ui_user/features/quotas/presentation/widget/quotas_footer_widget.dart';
|
||||
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
|
||||
import 'package:tmail_ui_user/main/utils/app_config.dart';
|
||||
@@ -79,13 +78,13 @@ class MailboxView extends GetWidget<MailboxController>
|
||||
right: AppUtils.isDirectionRTL(context) ? _responsiveUtils.isDesktop(context) ? 32 : 16 : 0
|
||||
),
|
||||
child: Row(children: [
|
||||
(SloganBuilder(arrangedByHorizontal: true)
|
||||
..setSloganText(AppLocalizations.of(context).app_name)
|
||||
..setSloganTextAlign(TextAlign.center)
|
||||
..setSloganTextStyle(const TextStyle(color: Colors.black, fontSize: 20, fontWeight: FontWeight.bold))
|
||||
..setSizeLogo(24)
|
||||
..setLogo(_imagePaths.icLogoTMail))
|
||||
.build(),
|
||||
SloganBuilder(
|
||||
sizeLogo: 24,
|
||||
text: AppLocalizations.of(context).app_name,
|
||||
textAlign: TextAlign.center,
|
||||
textStyle: const TextStyle(color: Colors.black, fontSize: 20, fontWeight: FontWeight.bold),
|
||||
logo: _imagePaths.icLogoTMail
|
||||
),
|
||||
Obx(() {
|
||||
if (controller.mailboxDashBoardController.appInformation.value != null) {
|
||||
return _buildVersionInformation(context, controller.mailboxDashBoardController.appInformation.value!);
|
||||
@@ -122,7 +121,7 @@ class MailboxView extends GetWidget<MailboxController>
|
||||
_buildLoadingView(),
|
||||
AppConfig.appGridDashboardAvailable && _responsiveUtils.isWebNotDesktop(context)
|
||||
? Column(children: [
|
||||
_buildAppGridDashboard(context),
|
||||
buildAppGridDashboard(context, _responsiveUtils, _imagePaths, controller),
|
||||
const SizedBox(height: 8),
|
||||
const Divider(color: AppColor.colorDividerMailbox, height: 0.5, thickness: 0.2),
|
||||
const SizedBox(height: 8),
|
||||
@@ -389,90 +388,4 @@ class MailboxView extends GetWidget<MailboxController>
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildAppGridDashboard(BuildContext context) {
|
||||
return Column(
|
||||
children: [
|
||||
_buildGoToApplicationsCategory(context, MailboxCategories.appGrid),
|
||||
AnimatedContainer(
|
||||
padding: const EdgeInsets.only(top: 8),
|
||||
duration: const Duration(milliseconds: 400),
|
||||
child: Obx(() {
|
||||
return controller.mailboxDashBoardController.appGridDashboardController.appDashboardExpandMode.value == ExpandMode.EXPAND
|
||||
? _buildAppGridInMailboxView(context)
|
||||
: const Offstage();
|
||||
})
|
||||
)
|
||||
]);
|
||||
}
|
||||
|
||||
Widget _buildGoToApplicationsCategory(BuildContext context, MailboxCategories categories) {
|
||||
return Padding(
|
||||
padding: EdgeInsets.only(
|
||||
top: 8,
|
||||
left: _responsiveUtils.isDesktop(context) ? 0 : 36,
|
||||
right: _responsiveUtils.isDesktop(context) ? 0 : 28
|
||||
),
|
||||
child: Row(
|
||||
children: [
|
||||
buildIconWeb(
|
||||
splashRadius: 5,
|
||||
iconPadding: EdgeInsets.zero,
|
||||
minSize: 12,
|
||||
iconSize: 28,
|
||||
icon: SvgPicture.asset(
|
||||
_imagePaths.icAppDashboard,
|
||||
colorFilter: AppColor.primaryColor.asFilter(),
|
||||
fit: BoxFit.fill
|
||||
),
|
||||
tooltip: AppLocalizations.of(context).appGridTittle),
|
||||
Expanded(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.only(left: 12),
|
||||
child: Text(categories.getTitle(context),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: const TextStyle(
|
||||
fontSize: 16,
|
||||
color: AppColor.colorTextButton,
|
||||
fontWeight: FontWeight.w500
|
||||
)
|
||||
)
|
||||
)
|
||||
),
|
||||
buildIconWeb(
|
||||
splashRadius: 5,
|
||||
iconPadding: EdgeInsets.zero,
|
||||
minSize: 12,
|
||||
iconSize: 28,
|
||||
icon: Obx(() => SvgPicture.asset(
|
||||
controller.mailboxDashBoardController.appGridDashboardController.appDashboardExpandMode.value == ExpandMode.COLLAPSE
|
||||
? _imagePaths.icCollapseFolder
|
||||
: _imagePaths.icExpandFolder,
|
||||
colorFilter: AppColor.primaryColor.asFilter(),
|
||||
fit: BoxFit.fill
|
||||
)),
|
||||
tooltip: AppLocalizations.of(context).appGridTittle,
|
||||
onTap: () => controller.toggleMailboxCategories(categories)
|
||||
),
|
||||
]
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildAppGridInMailboxView(BuildContext context) {
|
||||
return Obx(() {
|
||||
final linagoraApps = controller.mailboxDashBoardController.appGridDashboardController.linagoraApplications.value;
|
||||
if (linagoraApps != null && linagoraApps.apps.isNotEmpty) {
|
||||
return ListView.builder(
|
||||
shrinkWrap: true,
|
||||
itemCount: linagoraApps.apps.length,
|
||||
itemBuilder: (context, index) {
|
||||
return AppListDashboardItem(linagoraApps.apps[index]);
|
||||
}
|
||||
);
|
||||
}
|
||||
return const SizedBox.shrink();
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -17,6 +17,7 @@ import 'package:tmail_ui_user/features/mailbox/presentation/model/context_item_m
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_actions.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_categories.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox/presentation/widgets/mailbox_bottom_sheet_action_tile_builder.dart';
|
||||
import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/app_dashboard/app_list_dashboard_item.dart';
|
||||
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
|
||||
|
||||
mixin MailboxWidgetMixin {
|
||||
@@ -321,4 +322,98 @@ mixin MailboxWidgetMixin {
|
||||
])
|
||||
);
|
||||
}
|
||||
|
||||
Widget buildAppGridDashboard(
|
||||
BuildContext context,
|
||||
ResponsiveUtils responsiveUtils,
|
||||
ImagePaths imagePaths,
|
||||
MailboxController controller
|
||||
) {
|
||||
return Column(children: [
|
||||
_buildGoToApplicationsCategory(
|
||||
context,
|
||||
responsiveUtils,
|
||||
imagePaths,
|
||||
MailboxCategories.appGrid,
|
||||
controller),
|
||||
AnimatedContainer(
|
||||
padding: const EdgeInsets.only(top: 8),
|
||||
duration: const Duration(milliseconds: 400),
|
||||
child: Obx(() {
|
||||
return controller.mailboxDashBoardController.appGridDashboardController.appDashboardExpandMode.value == ExpandMode.EXPAND
|
||||
? _buildAppGridInMailboxView(context, controller)
|
||||
: const Offstage();
|
||||
})
|
||||
)
|
||||
]);
|
||||
}
|
||||
|
||||
Widget _buildGoToApplicationsCategory(
|
||||
BuildContext context,
|
||||
ResponsiveUtils responsiveUtils,
|
||||
ImagePaths imagePaths,
|
||||
MailboxCategories categories,
|
||||
MailboxController controller
|
||||
) {
|
||||
return Padding(
|
||||
padding: EdgeInsets.only(
|
||||
top: 8,
|
||||
left: responsiveUtils.isDesktop(context) ? 0 : 36,
|
||||
right: responsiveUtils.isDesktop(context) ? 0 : 28
|
||||
),
|
||||
child: Row(children: [
|
||||
buildIconWeb(
|
||||
splashRadius: 5,
|
||||
iconPadding: EdgeInsets.zero,
|
||||
minSize: 12,
|
||||
iconSize: 28,
|
||||
icon: SvgPicture.asset(
|
||||
imagePaths.icAppDashboard,
|
||||
colorFilter: AppColor.primaryColor.asFilter(),
|
||||
fit: BoxFit.fill),
|
||||
tooltip: AppLocalizations.of(context).appGridTittle),
|
||||
Expanded(child: Padding(
|
||||
padding: const EdgeInsets.only(left: 12),
|
||||
child: Text(categories.getTitle(context),
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: const TextStyle(
|
||||
fontSize: 16,
|
||||
color: AppColor.colorTextButton,
|
||||
fontWeight: FontWeight.w500
|
||||
)
|
||||
)
|
||||
)),
|
||||
buildIconWeb(
|
||||
icon: Obx(() => SvgPicture.asset(
|
||||
controller.mailboxDashBoardController.appGridDashboardController.appDashboardExpandMode.value == ExpandMode.COLLAPSE
|
||||
? imagePaths.icCollapseFolder
|
||||
: imagePaths.icExpandFolder,
|
||||
colorFilter: AppColor.primaryColor.asFilter(),
|
||||
fit: BoxFit.fill
|
||||
)),
|
||||
tooltip: AppLocalizations.of(context).appGridTittle,
|
||||
onTap: () => controller.toggleMailboxCategories(categories)
|
||||
)
|
||||
])
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildAppGridInMailboxView(BuildContext context, MailboxController controller) {
|
||||
return Obx(() {
|
||||
final linagoraApps = controller.mailboxDashBoardController.appGridDashboardController.linagoraApplications.value;
|
||||
if (linagoraApps != null && linagoraApps.apps.isNotEmpty) {
|
||||
return ListView.builder(
|
||||
shrinkWrap: true,
|
||||
primary: false,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16),
|
||||
itemCount: linagoraApps.apps.length,
|
||||
itemBuilder: (context, index) {
|
||||
return AppListDashboardItem(linagoraApps.apps[index]);
|
||||
}
|
||||
);
|
||||
}
|
||||
return const SizedBox.shrink();
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -3,7 +3,7 @@ import 'package:json_annotation/json_annotation.dart';
|
||||
|
||||
part 'linagora_app.g.dart';
|
||||
|
||||
@JsonSerializable()
|
||||
@JsonSerializable(explicitToJson: true, includeIfNull: false)
|
||||
class LinagoraApp with EquatableMixin{
|
||||
@JsonKey(name: 'appName')
|
||||
final String appName;
|
||||
@@ -14,12 +14,32 @@ class LinagoraApp with EquatableMixin{
|
||||
@JsonKey(name: 'appLink')
|
||||
final Uri appUri;
|
||||
|
||||
LinagoraApp(this.appName, this.iconName, this.appUri);
|
||||
final String? androidPackageId;
|
||||
final String? iosUrlScheme;
|
||||
final String? iosAppStoreLink;
|
||||
|
||||
LinagoraApp(
|
||||
this.appName,
|
||||
this.iconName,
|
||||
this.appUri,
|
||||
{
|
||||
this.androidPackageId,
|
||||
this.iosUrlScheme,
|
||||
this.iosAppStoreLink
|
||||
}
|
||||
);
|
||||
|
||||
factory LinagoraApp.fromJson(Map<String, dynamic> json) => _$LinagoraAppFromJson(json);
|
||||
|
||||
Map<String, dynamic> toJson() => _$LinagoraAppToJson(this);
|
||||
|
||||
@override
|
||||
List<Object?> get props => [appName, iconName, appUri];
|
||||
List<Object?> get props => [
|
||||
appName,
|
||||
iconName,
|
||||
appUri,
|
||||
androidPackageId,
|
||||
iosUrlScheme,
|
||||
iosAppStoreLink
|
||||
];
|
||||
}
|
||||
@@ -69,16 +69,13 @@ class MailboxDashBoardView extends BaseMailboxDashBoardView {
|
||||
alignment: Alignment.center,
|
||||
height: 80,
|
||||
child: Row(children: [
|
||||
(SloganBuilder(arrangedByHorizontal: true)
|
||||
..setSloganText(AppLocalizations.of(context).app_name)
|
||||
..setSloganTextAlign(TextAlign.center)
|
||||
..setSloganTextStyle(const TextStyle(
|
||||
color: Colors.black,
|
||||
fontSize: 20,
|
||||
fontWeight: FontWeight.bold))
|
||||
..setSizeLogo(24)
|
||||
..setLogo(imagePaths.icLogoTMail))
|
||||
.build(),
|
||||
SloganBuilder(
|
||||
sizeLogo: 24,
|
||||
text: AppLocalizations.of(context).app_name,
|
||||
textAlign: TextAlign.center,
|
||||
textStyle: const TextStyle(color: Colors.black, fontSize: 20, fontWeight: FontWeight.bold),
|
||||
logo: imagePaths.icLogoTMail
|
||||
),
|
||||
Obx(() {
|
||||
if (controller.appInformation.value != null) {
|
||||
return Padding(padding: const EdgeInsets.only(top: 6),
|
||||
|
||||
+1
-1
@@ -24,7 +24,7 @@ class AppGridDashboardItem extends StatelessWidget {
|
||||
child: InkWell(
|
||||
onTap: _openApp,
|
||||
borderRadius: const BorderRadius.all(Radius.circular(16)),
|
||||
hoverColor: AppColor.colorItemSelected,
|
||||
hoverColor: AppColor.colorBgMailboxSelected,
|
||||
child: Container(
|
||||
width: 98,
|
||||
padding: const EdgeInsets.symmetric(vertical: 8),
|
||||
|
||||
+39
-57
@@ -1,76 +1,58 @@
|
||||
import 'package:core/core.dart';
|
||||
import 'dart:io';
|
||||
|
||||
import 'package:core/presentation/extensions/color_extension.dart';
|
||||
import 'package:core/presentation/resources/image_paths.dart';
|
||||
import 'package:core/presentation/views/text/slogan_builder.dart';
|
||||
import 'package:core/utils/build_utils.dart';
|
||||
import 'package:external_app_launcher/external_app_launcher.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 {
|
||||
class AppListDashboardItem extends StatelessWidget {
|
||||
|
||||
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: const BorderRadius.all(Radius.circular(10)),
|
||||
color: _backgroundColorItem(context)),
|
||||
padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 18),
|
||||
margin: const EdgeInsets.symmetric(horizontal: 16),
|
||||
child: _buildAppItem(context)
|
||||
),
|
||||
);
|
||||
}
|
||||
final imagePaths = Get.find<ImagePaths>();
|
||||
return SloganBuilder(
|
||||
sizeLogo: 32,
|
||||
paddingText: const EdgeInsets.only(left: 12),
|
||||
text: app.appName,
|
||||
textAlign: TextAlign.center,
|
||||
textStyle: const TextStyle(fontSize: 17, fontWeight: FontWeight.w500, color: AppColor.colorNameEmail),
|
||||
logo: !app.iconName.endsWith('svg') ? imagePaths.getConfigurationImagePath(app.iconName) : null,
|
||||
logoSVG: app.iconName.endsWith('svg') ? imagePaths.getConfigurationImagePath(app.iconName) : null,
|
||||
onTapCallback: () => _openApp(context, app),
|
||||
padding: const EdgeInsets.symmetric(vertical: 12, horizontal: 20),
|
||||
hoverColor: AppColor.colorBgMailboxSelected
|
||||
);
|
||||
}
|
||||
|
||||
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));
|
||||
void _openApp(BuildContext context, LinagoraApp app) async {
|
||||
if (BuildUtils.isWeb) {
|
||||
if (await launcher.canLaunchUrl(app.appUri)) {
|
||||
await launcher.launchUrl(app.appUri);
|
||||
}
|
||||
} else if (Platform.isAndroid && app.androidPackageId?.isNotEmpty == true) {
|
||||
await LaunchApp.openApp(androidPackageName: app.androidPackageId);
|
||||
} else if (Platform.isIOS && app.iosUrlScheme?.isNotEmpty == true) {
|
||||
await LaunchApp.openApp(
|
||||
iosUrlScheme: '${app.iosUrlScheme}://',
|
||||
appStoreLink: app.iosAppStoreLink
|
||||
);
|
||||
} 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);
|
||||
if (await launcher.canLaunchUrl(app.appUri)) {
|
||||
await launcher.launchUrl(
|
||||
app.appUri,
|
||||
mode: launcher.LaunchMode.externalApplication
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -49,14 +49,14 @@ class ManageAccountDashBoardView extends GetWidget<ManageAccountDashBoardControl
|
||||
Container(width: 256, color: Colors.white,
|
||||
padding: SettingsUtils.getPaddingHeaderSetting(context),
|
||||
child: Row(children: [
|
||||
(SloganBuilder(arrangedByHorizontal: true)
|
||||
..setSloganText(AppLocalizations.of(context).app_name)
|
||||
..setSloganTextAlign(TextAlign.center)
|
||||
..setSloganTextStyle(const TextStyle(color: Colors.black, fontSize: 20, fontWeight: FontWeight.bold))
|
||||
..setSizeLogo(24)
|
||||
..addOnTapCallback(() => controller.backToMailboxDashBoard(context))
|
||||
..setLogo(_imagePaths.icLogoTMail))
|
||||
.build(),
|
||||
SloganBuilder(
|
||||
sizeLogo: 24,
|
||||
text: AppLocalizations.of(context).app_name,
|
||||
textAlign: TextAlign.center,
|
||||
textStyle: const TextStyle(color: Colors.black, fontSize: 20, fontWeight: FontWeight.bold),
|
||||
logo: _imagePaths.icLogoTMail,
|
||||
onTapCallback: () => controller.backToMailboxDashBoard(context),
|
||||
),
|
||||
Obx(() {
|
||||
if (controller.appInformation.value != null) {
|
||||
return Padding(padding: const EdgeInsets.only(top: 6),
|
||||
|
||||
@@ -29,13 +29,13 @@ class ManageAccountMenuView extends GetWidget<ManageAccountMenuController> {
|
||||
color: Colors.white,
|
||||
padding: const EdgeInsets.only(top: 16, bottom: 16, left: 16),
|
||||
child: Row(children: [
|
||||
(SloganBuilder(arrangedByHorizontal: true)
|
||||
..setSloganText(AppLocalizations.of(context).app_name)
|
||||
..setSloganTextAlign(TextAlign.center)
|
||||
..setSloganTextStyle(const TextStyle(color: Colors.black, fontSize: 20, fontWeight: FontWeight.bold))
|
||||
..setSizeLogo(24)
|
||||
..setLogo(_imagePaths.icLogoTMail))
|
||||
.build(),
|
||||
SloganBuilder(
|
||||
sizeLogo: 24,
|
||||
text: AppLocalizations.of(context).app_name,
|
||||
textAlign: TextAlign.center,
|
||||
textStyle: const TextStyle(color: Colors.black, fontSize: 20, fontWeight: FontWeight.bold),
|
||||
logo: _imagePaths.icLogoTMail
|
||||
),
|
||||
Obx(() {
|
||||
if (controller.dashBoardController.appInformation.value != null) {
|
||||
return Padding(
|
||||
|
||||
Reference in New Issue
Block a user