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

TF-1915 Sync set padding for multiple platform

Browse Source 
(cherry picked from commit 2dca49df4242119b7debbaf4d6fd12697d6955c9)
This commit is contained in:
dab246
2023-06-08 15:19:13 +07:00
committed by Dat Vu
parent 8194d34b4c
commit e6e028f380
6 changed files with 160 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/composer/presentation/composer_view.dart
+2 -2
View File
@@ -774,9 +774,9 @@ class ComposerView extends GetWidget<ComposerController>
} }
int _getMaxItemRowListAttachment(BuildContext context, BoxConstraints constraints) { int _getMaxItemRowListAttachment(BuildContext context, BoxConstraints constraints) {
if (constraints.maxWidth < responsiveUtils.minTabletWidth) { if (constraints.maxWidth < ResponsiveUtils.minTabletWidth) {
return 2; return 2;
} else if (constraints.maxWidth < responsiveUtils.minTabletLargeWidth) { } else if (constraints.maxWidth < ResponsiveUtils.minTabletLargeWidth) {
return 3; return 3;
} else { } else {
return 4; return 4;
lib/features/composer/presentation/composer_view_web.dart
+2 -2
View File
@@ -929,9 +929,9 @@ class ComposerView extends GetWidget<ComposerController>
} }
int _getMaxItemRowListAttachment(BuildContext context, BoxConstraints constraints) { int _getMaxItemRowListAttachment(BuildContext context, BoxConstraints constraints) {
if (constraints.maxWidth < responsiveUtils.minTabletWidth) { if (constraints.maxWidth < ResponsiveUtils.minTabletWidth) {
return 2; return 2;
} else if (constraints.maxWidth < responsiveUtils.minTabletLargeWidth) { } else if (constraints.maxWidth < ResponsiveUtils.minTabletLargeWidth) {
return 3; return 3;
} else { } else {
return 4; return 4;
lib/features/sending_queue/presentation/sending_queue_view.dart
+16 -14
View File
@@ -1,5 +1,6 @@
import 'package:core/presentation/extensions/color_extension.dart'; import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/utils/app_logger.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:tmail_ui_user/features/base/mixin/app_loader_mixin.dart'; import 'package:tmail_ui_user/features/base/mixin/app_loader_mixin.dart';
import 'package:tmail_ui_user/features/base/widget/compose_floating_button.dart'; import 'package:tmail_ui_user/features/base/widget/compose_floating_button.dart';
@@ -53,20 +54,21 @@ class SendingQueueView extends GetWidget<SendingQueueController> with AppLoaderM
Widget _buildListSendingEmails(BuildContext context) { Widget _buildListSendingEmails(BuildContext context) {
return Obx(() { return Obx(() {
if (controller.dashboardController!.listSendingEmails.isNotEmpty) { if (controller.dashboardController!.listSendingEmails.isNotEmpty) {
return ListView.builder( return LayoutBuilder(builder: (context, constraints) {
controller: controller.listSendingEmailController, log('SendingQueueView::_buildListSendingEmails(): MAX_WIDTH: ${constraints.maxWidth}');
padding: EdgeInsets.zero, return ListView.builder(
itemCount: controller.dashboardController!.listSendingEmails.length, controller: controller.listSendingEmailController,
itemBuilder: (context, index) { itemCount: controller.dashboardController!.listSendingEmails.length,
return Obx(() => SendingEmailTileWidget( itemBuilder: (context, index) {
sendingEmail: controller.dashboardController!.listSendingEmails[index], return Obx(() => SendingEmailTileWidget(
selectMode: controller.selectionState.value, sendingEmail: controller.dashboardController!.listSendingEmails[index],
onLongPressAction: controller.handleOnLongPressAction, selectMode: controller.selectionState.value,
onSelectLeadingAction: controller.toggleSelectionSendingEmail, onLongPressAction: controller.handleOnLongPressAction,
onTapAction: (actionType, listSendingEmails) => onSelectLeadingAction: controller.toggleSelectionSendingEmail,
controller.handleSendingEmailActionType(context, actionType, [listSendingEmails]))); onTapAction: (actionType, listSendingEmails) => controller.handleSendingEmailActionType(context, actionType, [listSendingEmails])));
} }
); );
});
} else { } else {
return const SizedBox.shrink(); return const SizedBox.shrink();
} }
lib/features/sending_queue/presentation/utils/sending_queue_utils.dart
+39
View File
@@ -0,0 +1,39 @@
import 'package:core/core.dart';
import 'package:flutter/cupertino.dart';
import 'package:tmail_ui_user/features/composer/domain/model/sending_email.dart';
class SendingQueueUtils {
static EdgeInsets getPaddingAppBarByResponsiveSize(double width) {
if (ResponsiveUtils.isMatchedMobileWidth(width)) {
return const EdgeInsets.symmetric(horizontal: 10);
} else {
return const EdgeInsets.symmetric(horizontal: 24);
}
}
static EdgeInsets getMarginBannerMessageByResponsiveSize(double width) {
if (ResponsiveUtils.isMatchedMobileWidth(width)) {
return const EdgeInsets.only(top: 16, left: 16, right: 16);
} else {
return const EdgeInsets.symmetric(horizontal: 24, vertical: 16);
}
}
static EdgeInsets getPaddingItemListViewByResponsiveSize(double width) {
if (ResponsiveUtils.isMatchedMobileWidth(width)) {
return const EdgeInsets.symmetric(horizontal: 16, vertical: 8);
} else {
return const EdgeInsets.symmetric(horizontal: 32, vertical: 8);
}
}
static EdgeInsets getPaddingDividerListViewByResponsiveSize(double width, SendingEmail sendingEmail) {
if (ResponsiveUtils.isMatchedMobileWidth(width)) {
return EdgeInsets.only(left: 84, right: 8, top: sendingEmail.isReady ? 0 : 8);
} else {
return EdgeInsets.only(left: 100, right: 24, top: sendingEmail.isReady ? 0 : 8);
}
}
}
lib/features/sending_queue/presentation/widgets/app_bar_sending_queue_widget.dart
+67 -62
View File
@@ -3,11 +3,13 @@ import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/presentation/resources/image_paths.dart'; import 'package:core/presentation/resources/image_paths.dart';
import 'package:core/presentation/utils/style_utils.dart'; import 'package:core/presentation/utils/style_utils.dart';
import 'package:core/presentation/views/button/icon_button_web.dart'; import 'package:core/presentation/views/button/icon_button_web.dart';
import 'package:core/utils/app_logger.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart'; import 'package:flutter_svg/flutter_svg.dart';
import 'package:get/get.dart'; import 'package:get/get.dart';
import 'package:model/mailbox/select_mode.dart'; import 'package:model/mailbox/select_mode.dart';
import 'package:tmail_ui_user/features/composer/domain/model/sending_email.dart'; import 'package:tmail_ui_user/features/composer/domain/model/sending_email.dart';
import 'package:tmail_ui_user/features/sending_queue/presentation/utils/sending_queue_utils.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart'; import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
import 'package:tmail_ui_user/main/utils/app_utils.dart'; import 'package:tmail_ui_user/main/utils/app_utils.dart';
@@ -30,73 +32,76 @@ class AppBarSendingQueueWidget extends StatelessWidget {
Widget build(BuildContext context) { Widget build(BuildContext context) {
final imagePaths = Get.find<ImagePaths>(); final imagePaths = Get.find<ImagePaths>();
return Container( return LayoutBuilder(builder: (context, constraints) {
height: 52, log('AppBarSendingQueueWidget::build(): MAX_WIDTH: ${constraints.maxWidth}');
color: Colors.white, return Container(
padding: const EdgeInsets.symmetric(horizontal: 10), height: 52,
child: Row( color: Colors.white,
children: [ padding: SendingQueueUtils.getPaddingAppBarByResponsiveSize(constraints.maxWidth),
if (selectMode == SelectMode.INACTIVE) child: Row(
buildIconWeb( children: [
icon: SvgPicture.asset( if (selectMode == SelectMode.INACTIVE)
imagePaths.icMenuMailbox, buildIconWeb(
colorFilter: AppColor.colorTextButton.asFilter(), icon: SvgPicture.asset(
fit: BoxFit.fill imagePaths.icMenuMailbox,
), colorFilter: AppColor.colorTextButton.asFilter(),
tooltip: AppLocalizations.of(context).openMailboxMenu, fit: BoxFit.fill
onTap: onOpenMailboxMenu ),
) tooltip: AppLocalizations.of(context).openMailboxMenu,
else onTap: onOpenMailboxMenu
Padding( )
padding: const EdgeInsets.only(left: 8), else
child: Material( Padding(
color: Colors.transparent, padding: const EdgeInsets.only(left: 8),
borderRadius: BorderRadius.circular(15), child: Material(
child: InkWell( color: Colors.transparent,
onTap: onBackAction,
borderRadius: BorderRadius.circular(15), borderRadius: BorderRadius.circular(15),
child: Padding( child: InkWell(
padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5), onTap: onBackAction,
child: Row( borderRadius: BorderRadius.circular(15),
mainAxisSize: MainAxisSize.min, child: Padding(
children: [ padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
SvgPicture.asset( child: Row(
AppUtils.isDirectionRTL(context) ? imagePaths.icCollapseFolder : imagePaths.icBack, mainAxisSize: MainAxisSize.min,
colorFilter: AppColor.colorTextButton.asFilter(), children: [
fit: BoxFit.fill SvgPicture.asset(
), AppUtils.isDirectionRTL(context) ? imagePaths.icCollapseFolder : imagePaths.icBack,
const SizedBox(width: 8), colorFilter: AppColor.colorTextButton.asFilter(),
Text( fit: BoxFit.fill
listSendingEmails.length.toString(), ),
maxLines: 1, const SizedBox(width: 8),
overflow: CommonTextStyle.defaultTextOverFlow, Text(
softWrap: CommonTextStyle.defaultSoftWrap, listSendingEmails.length.toString(),
style: const TextStyle( maxLines: 1,
fontSize: 17, overflow: CommonTextStyle.defaultTextOverFlow,
color: AppColor.colorTextButton softWrap: CommonTextStyle.defaultSoftWrap,
style: const TextStyle(
fontSize: 17,
color: AppColor.colorTextButton
)
) )
) ]
] ),
), ),
), ),
), ),
), ),
), Expanded(child: Text(
Expanded(child: Text( AppLocalizations.of(context).sendingQueue,
AppLocalizations.of(context).sendingQueue, maxLines: 1,
maxLines: 1, textAlign: TextAlign.center,
textAlign: TextAlign.center, overflow: CommonTextStyle.defaultTextOverFlow,
overflow: CommonTextStyle.defaultTextOverFlow, softWrap: CommonTextStyle.defaultSoftWrap,
softWrap: CommonTextStyle.defaultSoftWrap, style: const TextStyle(
style: const TextStyle( fontSize: 21,
fontSize: 21, color: Colors.black,
color: Colors.black, fontWeight: FontWeight.bold
fontWeight: FontWeight.bold )
) )),
)), const SizedBox(width: 50)
const SizedBox(width: 50) ],
], ),
), );
); });
} }
} }
lib/features/sending_queue/presentation/widgets/banner_message_sending_queue_widget.dart
+34 -29
View File
@@ -1,8 +1,10 @@
import 'package:core/presentation/extensions/color_extension.dart'; import 'package:core/presentation/extensions/color_extension.dart';
import 'package:core/presentation/resources/image_paths.dart'; import 'package:core/presentation/resources/image_paths.dart';
import 'package:core/utils/app_logger.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart'; import 'package:flutter_svg/flutter_svg.dart';
import 'package:tmail_ui_user/features/sending_queue/presentation/utils/sending_queue_utils.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart'; import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
import 'package:tmail_ui_user/main/routes/route_navigation.dart'; import 'package:tmail_ui_user/main/routes/route_navigation.dart';
@@ -14,34 +16,37 @@ class BannerMessageSendingQueueWidget extends StatelessWidget {
Widget build(BuildContext context) { Widget build(BuildContext context) {
final imagePath = getBinding<ImagePaths>(); final imagePath = getBinding<ImagePaths>();
return Container( return LayoutBuilder(builder: (context, constraints) {
margin: const EdgeInsets.only(top: 16, left: 16, right: 16), log('BannerMessageSendingQueueWidget::build(): MAX_WIDTH: ${constraints.maxWidth}');
padding: const EdgeInsets.all(16), return Container(
decoration: const BoxDecoration( margin: SendingQueueUtils.getMarginBannerMessageByResponsiveSize(constraints.maxWidth),
color: AppColor.colorBannerMessageSendingQueue, padding: const EdgeInsets.all(16),
borderRadius: BorderRadius.all(Radius.circular(8)) decoration: const BoxDecoration(
), color: AppColor.colorBannerMessageSendingQueue,
child: Row( borderRadius: BorderRadius.all(Radius.circular(8))
crossAxisAlignment: CrossAxisAlignment.start, ),
children: [ child: Row(
SvgPicture.asset( crossAxisAlignment: CrossAxisAlignment.start,
imagePath!.icMailboxSendingQueue, children: [
fit: BoxFit.fill, SvgPicture.asset(
width: 20, imagePath!.icMailboxSendingQueue,
height: 20, fit: BoxFit.fill,
colorFilter: AppColor.colorTitleSendingItem.asFilter(), width: 20,
), height: 20,
const SizedBox(width: 8), colorFilter: AppColor.colorTitleSendingItem.asFilter(),
Expanded(child: Text( ),
AppLocalizations.of(context).bannerMessageSendingQueueView, const SizedBox(width: 8),
style: const TextStyle( Expanded(child: Text(
fontSize: 15, AppLocalizations.of(context).bannerMessageSendingQueueView,
color: Colors.black, style: const TextStyle(
fontWeight: FontWeight.normal fontSize: 15,
) color: Colors.black,
)) fontWeight: FontWeight.normal
] )
), ))
); ]
),
);
});
} }
} }