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

TF-295 Apply new UI for composer tablet

Browse Source
This commit is contained in:
dab246
2022-03-16 18:31:57 +07:00
committed by Dat H. Pham
parent c751cabd06
commit b0198640a4
2 changed files with 72 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/composer/presentation/composer_view.dart
+71 -31
View File
@@ -23,36 +23,76 @@ class ComposerView extends GetWidget<ComposerController> {
@override
Widget build(BuildContext context) {
return WillPopScope(
onWillPop: () async {
controller.saveEmailAsDrafts(context);
return true;
},
child: GestureDetector(
onTap: () {
controller.clearFocusEditor(context);
},
child: Scaffold(
backgroundColor: AppColor.primaryLightColor,
body: SafeArea(
right: responsiveUtils.isMobileDevice(context) && responsiveUtils.isLandscape(context),
left: responsiveUtils.isMobileDevice(context) && responsiveUtils.isLandscape(context),
child: Container(
color: Colors.white,
child: Column(children: [
Obx(() => Padding(
padding: EdgeInsets.only(left: 8, right: 8,
top: responsiveUtils.isMobileDevice(context) && responsiveUtils.isLandscape(context) ? 16 : 0,
bottom: responsiveUtils.isMobileDevice(context) && responsiveUtils.isLandscape(context) ? 8 : 0),
child: _buildAppBar(context, controller.isEnableEmailSendButton.value, controller.expandModeMobile.value),)),
Obx(() => controller.expandModeMobile == ExpandMode.COLLAPSE
? Divider(color: AppColor.colorDividerComposer, height: 1)
: SizedBox.shrink()),
Expanded(child: _buildEditorAndAttachments(context))
])
)
),
)
return ResponsiveWidget(
responsiveUtils: responsiveUtils,
mobile: WillPopScope(
onWillPop: () async {
controller.saveEmailAsDrafts(context);
return true;
},
child: GestureDetector(
onTap: () {
controller.clearFocusEditor(context);
},
child: Scaffold(
backgroundColor: AppColor.primaryLightColor,
body: SafeArea(
right: responsiveUtils.isMobileDevice(context) && responsiveUtils.isLandscape(context),
left: responsiveUtils.isMobileDevice(context) && responsiveUtils.isLandscape(context),
child: Container(
color: Colors.white,
child: Column(children: [
Obx(() => Padding(
padding: EdgeInsets.only(left: 8, right: 8,
top: responsiveUtils.isMobileDevice(context) && responsiveUtils.isLandscape(context) ? 16 : 0,
bottom: responsiveUtils.isMobileDevice(context) && responsiveUtils.isLandscape(context) ? 8 : 0),
child: _buildAppBar(context, controller.isEnableEmailSendButton.value, controller.expandModeMobile.value),)),
Obx(() => controller.expandModeMobile == ExpandMode.COLLAPSE
? Divider(color: AppColor.colorDividerComposer, height: 1)
: SizedBox.shrink()),
Expanded(child: _buildEditorAndAttachments(context))
])
)
),
)
)
),
tablet: WillPopScope(
onWillPop: () async {
controller.saveEmailAsDrafts(context);
return true;
},
child: GestureDetector(
onTap: () {
controller.clearFocusEditor(context);
},
child: Scaffold(
backgroundColor: Colors.black38,
body: Align(alignment: Alignment.center, child: Card(
color: Colors.transparent,
elevation: 20,
child: Container(
decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(10))),
width: responsiveUtils.getSizeWidthScreen(context) * 0.85,
height: responsiveUtils.getSizeHeightScreen(context) * 0.85,
child: ClipRRect(
borderRadius: BorderRadius.all(Radius.circular(10)),
child: SafeArea(
child: Column(children: [
Obx(() => Padding(
padding: EdgeInsets.only(left: 8, right: 8),
child: _buildAppBar(context, controller.isEnableEmailSendButton.value, controller.expandModeMobile.value),)),
Obx(() => controller.expandModeMobile == ExpandMode.COLLAPSE
? Divider(color: AppColor.colorDividerComposer, height: 1)
: SizedBox.shrink()),
Expanded(child: _buildEditorAndAttachments(context))
])
)
)
)
))
)
)
)
);
}
@@ -249,7 +289,7 @@ class ComposerView extends GetWidget<ComposerController> {
child: _buildAttachmentsList(context, controller.attachments, controller.expandModeAttachments.value))
: SizedBox.shrink()),
Padding(
padding: EdgeInsets.symmetric(horizontal: 16),
padding: EdgeInsets.only(left: 16, right: 16, bottom: 20),
child: _buildComposerEditor(context)),
])
)
lib/main/pages/app_pages.dart
+1
View File
@@ -48,6 +48,7 @@ class AppPages {
page: () => EmailView()),
GetPage(
name: AppRoutes.COMPOSER,
opaque: false,
page: () => ComposerView(),
binding: ComposerBindings()),
GetPage(