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

TF-233 Add presentation for create new mailbox

Browse Source
This commit is contained in:
dab246
2022-02-22 15:06:21 +07:00
committed by Dat H. Pham
parent 54034811ac
commit eec37295c8
19 changed files with 503 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/mailbox_creator/presentation/mailbox_creator_bindings.dart
+10
View File
@@ -0,0 +1,10 @@
import 'package:get/get.dart';
import 'package:tmail_ui_user/features/mailbox_creator/presentation/mailbox_creator_controller.dart';
class MailboxCreatorBindings extends Bindings {
@override
void dependencies() {
Get.lazyPut(() => MailboxCreatorController());
}
}
lib/features/mailbox_creator/presentation/mailbox_creator_controller.dart
+44
View File
@@ -0,0 +1,44 @@
import 'package:core/core.dart';
import 'package:dartz/dartz.dart';
import 'package:get/get.dart';
import 'package:model/model.dart';
import 'package:tmail_ui_user/features/base/base_controller.dart';
import 'package:tmail_ui_user/features/mailbox_creator/presentation/model/mailbox_creator_arguments.dart';
import 'package:tmail_ui_user/main/routes/route_navigation.dart';
import 'package:tmail_ui_user/main/utils/app_logger.dart';
class MailboxCreatorController extends BaseController {
final selectedMailbox = Rxn<PresentationMailbox>();
List<PresentationMailbox> allMailboxes = <PresentationMailbox>[];
MailboxCreatorController();
@override
void onReady() {
super.onReady();
final arguments = Get.arguments;
if (arguments is MailboxCreatorArguments) {
allMailboxes = arguments.allMailboxes;
log('allMailboxes: $allMailboxes');
}
}
@override
void onData(Either<Failure, Success> newState) {
super.onData(newState);
}
@override
void onDone() {
}
@override
void onError(error) {}
void closeMailboxCreator() {
popBack();
}
}
lib/features/mailbox_creator/presentation/mailbox_creator_view.dart
+165
View File
@@ -0,0 +1,165 @@
import 'package:core/core.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:get/get.dart';
import 'package:tmail_ui_user/features/mailbox_creator/presentation/mailbox_creator_controller.dart';
import 'package:tmail_ui_user/features/mailbox_creator/presentation/widgets/app_bar_mailbox_creator_widget.dart';
import 'package:tmail_ui_user/features/mailbox_creator/presentation/widgets/create_mailbox_name_input_decoration_builder.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
class MailboxCreatorView extends GetWidget<MailboxCreatorController> {
final _imagePaths = Get.find<ImagePaths>();
final _responsiveUtils = Get.find<ResponsiveUtils>();
@override
Widget build(BuildContext context) {
return Card(
margin: EdgeInsets.zero,
borderOnForeground: false,
color: Colors.transparent,
child: GestureDetector(
onTap: () => controller.closeMailboxCreator(),
child: ResponsiveWidget(
responsiveUtils: _responsiveUtils,
mobile: Container(
child: _buildBody(context),
width: _responsiveUtils.getSizeWidthScreen(context)),
tablet: Container(
child: Row(
children: [
Expanded(flex: 1, child: _buildBody(context)),
Expanded(flex: 1, child: Container(color: Colors.transparent)),
]
)
),
tabletLarge: Container(
child: Row(
children: [
Expanded(flex: 7, child: _buildBody(context)),
Expanded(flex: 13, child: Container(color: Colors.transparent)),
]
)
),
desktop: Container(
child: Row(
children: [
Expanded(flex: 1, child: _buildBody(context)),
Expanded(flex: 3, child: Container(color: Colors.transparent)),
]
)
)
),
)
);
}
Widget _buildBody(BuildContext context) {
return SafeArea(
top: _responsiveUtils.isMobile(context) ? true : false,
bottom: false,
left: false,
right: false,
child: GestureDetector(
onTap: () => FocusScope.of(context).unfocus(),
child: ClipRRect(
borderRadius: BorderRadius.only(
topRight: Radius.circular(_responsiveUtils.isMobile(context) ? 14 : 0),
topLeft: Radius.circular(_responsiveUtils.isMobile(context) ? 14 : 0)),
child: Drawer(
child: Container(
color: AppColor.colorBgMailbox,
width: double.infinity,
child: SafeArea(
top: false,
bottom: false,
left: _responsiveUtils.isMobileDevice(context) ? true : false,
right: _responsiveUtils.isMobileDevice(context) ? true : false,
child: Column(
children: [
_buildAppBar(context),
_buildCreateMailboxNameInput(context),
_buildMailboxLocation(context),
]
),
)
)
)
),
)
);
}
Widget _buildAppBar(BuildContext context) {
return Padding(
padding: EdgeInsets.only(top: 10, bottom: 4),
child: (AppBarMailboxCreatorWidget(context)
..addOnCancelActionClick(() => controller.closeMailboxCreator())
..addOnCreateActionClick(() {}))
.build());
}
Widget _buildCreateMailboxNameInput(BuildContext context) {
return Padding(
padding: EdgeInsets.symmetric(horizontal: 16, vertical: 14),
child: (TextFieldBuilder()
..key(Key('create_mailbox_name_input'))
..onChange((value) => {})
..keyboardType(TextInputType.visiblePassword)
..textDecoration((CreateMailboxNameInputDecorationBuilder()).build()))
.build());
}
Widget _buildMailboxLocation(BuildContext context) {
return Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
Padding(
padding: EdgeInsets.only(left: 16, right: 16, top: 4),
child: Text(
AppLocalizations.of(context).mailbox_location.toUpperCase(),
textAlign: TextAlign.left,
style: TextStyle(fontSize: 13, color: AppColor.colorHintSearchBar)),
),
Container(
alignment: Alignment.center,
margin: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(14),
color: Colors.white
),
child: MediaQuery(
data: MediaQueryData(padding: EdgeInsets.zero),
child: ListTile(
contentPadding: EdgeInsets.zero,
onTap: () => {},
leading: Padding(
padding: EdgeInsets.only(left: 16),
child: SvgPicture.asset(
_imagePaths.icFolderMailbox,
width: 28,
height: 28,
fit: BoxFit.fill)),
title: Transform(
transform: Matrix4.translationValues(-5.0, 0.0, 0.0),
child: Row(children: [
Expanded(child: Text(
'${controller.selectedMailbox.value?.name?.name ?? AppLocalizations.of(context).default_mailbox}',
maxLines: 1,
overflow:TextOverflow.ellipsis,
style: TextStyle(
fontSize: 15,
color: controller.selectedMailbox.isBlank == true ? AppColor.colorHintSearchBar : AppColor.colorNameEmail),
)),
])),
trailing: Transform(
transform: Matrix4.translationValues(8.0, 0.0, 0.0),
child: IconButton(
color: AppColor.primaryColor,
icon: SvgPicture.asset(_imagePaths.icFolderArrow, color: AppColor.colorArrowUserMailbox, fit: BoxFit.fill),
onPressed: () {}
))
),
)
)
]);
}
}
lib/features/mailbox_creator/presentation/model/mailbox_creator_arguments.dart
+12
View File
@@ -0,0 +1,12 @@
import 'package:equatable/equatable.dart';
import 'package:model/mailbox/presentation_mailbox.dart';
class MailboxCreatorArguments with EquatableMixin{
final List<PresentationMailbox> allMailboxes;
MailboxCreatorArguments(this.allMailboxes);
@override
List<Object?> get props => [allMailboxes];
}
lib/features/mailbox_creator/presentation/model/new_mailbox_arguments.dart
+13
View File
@@ -0,0 +1,13 @@
import 'package:equatable/equatable.dart';
import 'package:model/mailbox/presentation_mailbox.dart';
class NewMailboxArguments with EquatableMixin{
final String nameMailbox;
final PresentationMailbox mailboxLocation;
NewMailboxArguments(this.nameMailbox, this.mailboxLocation);
@override
List<Object?> get props => [nameMailbox, mailboxLocation];
}
lib/features/mailbox_creator/presentation/widgets/app_bar_mailbox_creator_widget.dart
+87
View File
@@ -0,0 +1,87 @@
import 'package:core/core.dart';
import 'package:flutter/material.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
typedef OnCancelActionClick = void Function();
typedef OnCreateActionClick = void Function();
class AppBarMailboxCreatorWidget {
OnCancelActionClick? _cancelActionClick;
OnCreateActionClick? _createActionClick;
final BuildContext _context;
final bool isValidated;
AppBarMailboxCreatorWidget(
this._context,
{this.isValidated = false}
);
void addOnCancelActionClick(OnCancelActionClick onCancelActionClick) {
_cancelActionClick = onCancelActionClick;
}
void addOnCreateActionClick(OnCreateActionClick onCreateActionClick) {
_createActionClick = onCreateActionClick;
}
Widget build() {
return Container(
key: Key('app_bar_mailbox_creator'),
alignment: Alignment.center,
padding: EdgeInsets.symmetric(vertical: 8, horizontal: 12),
decoration: BoxDecoration(
borderRadius: BorderRadius.only(topLeft: Radius.circular(20), topRight: Radius.circular(20)),
color: AppColor.colorBgMailbox),
child: MediaQuery(
data: MediaQueryData(padding: EdgeInsets.zero),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
_buildCancelButton(),
Expanded(child: _buildTitle()),
_buildCreateButton()
]
)
)
);
}
Widget _buildCancelButton() {
return Material(
borderRadius: BorderRadius.circular(20),
color: Colors.transparent,
child: TextButton(
child: Text(
AppLocalizations.of(_context).cancel,
style: TextStyle(fontSize: 17, color: AppColor.colorTextButton),
),
onPressed: () => _cancelActionClick?.call()
)
);
}
Widget _buildCreateButton() {
return Material(
borderRadius: BorderRadius.circular(20),
color: Colors.transparent,
child: TextButton(
child: Text(
AppLocalizations.of(_context).done,
style: TextStyle(fontSize: 17, color: isValidated ? AppColor.colorTextButton : AppColor.colorDisableMailboxCreateButton),
),
onPressed: () => _createActionClick?.call()
)
);
}
Widget _buildTitle() {
return Padding(
padding: EdgeInsets.symmetric(horizontal: 8),
child: Text(
AppLocalizations.of(_context).new_mailbox,
textAlign: TextAlign.center,
style: TextStyle(fontSize: 17, color: AppColor.colorNameEmail, fontWeight: FontWeight.w700)));
}
}
lib/features/mailbox_creator/presentation/widgets/create_mailbox_name_input_decoration_builder.dart
+33
View File
@@ -0,0 +1,33 @@
import 'package:core/core.dart';
import 'package:flutter/material.dart';
class CreateMailboxNameInputDecorationBuilder extends InputDecorationBuilder {
@override
InputDecoration build() {
return InputDecoration(
enabledBorder: enabledBorder ?? OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(10)),
borderSide: BorderSide(width: 1, color: AppColor.colorInputBorderCreateMailbox)),
focusedBorder: enabledBorder ?? OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(10)),
borderSide: BorderSide(width: 1, color: AppColor.colorTextButton)),
errorBorder: errorBorder ?? OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(10)),
borderSide: BorderSide(width: 1, color: AppColor.colorInputBorderErrorVerifyName)),
prefixText: prefixText,
labelText: labelText,
floatingLabelBehavior: FloatingLabelBehavior.never,
labelStyle: labelStyle ?? TextStyle(color: AppColor.colorNameEmail, fontSize: 16),
hintText: hintText,
hintStyle: hintStyle ?? TextStyle(color: AppColor.colorHintInputCreateMailbox, fontSize: 16),
contentPadding: contentPadding ?? EdgeInsets.all(12),
errorText: errorText,
errorStyle: errorTextStyle ?? TextStyle(color: AppColor.colorInputBorderErrorVerifyName, fontSize: 13),
filled: true,
fillColor: errorText?.isNotEmpty == true
? AppColor.colorInputBackgroundErrorVerifyName
: AppColor.colorInputBackgroundCreateMailbox);
}
}