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

Init login feature add presentation layer

Browse Source
This commit is contained in:
dab246
2021-07-27 12:55:23 +07:00
committed by Dat H. Pham
parent 2fca01a405
commit 09dc37d5bd
5 changed files with 363 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/features/login/presentation/login_view.dart
+168
View File
@@ -0,0 +1,168 @@
import 'package:core/core.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:get/get.dart';
import 'package:tmail_ui_user/features/login/domain/state/authentication_user_state.dart';
import 'package:tmail_ui_user/features/login/presentation/login_controller.dart';
import 'package:tmail_ui_user/features/login/presentation/state/login_state.dart';
import 'package:tmail_ui_user/features/login/presentation/widgets/login_input_decoration_builder.dart';
import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
class LoginView extends GetWidget<LoginController> {
final loginController = Get.find<LoginController>();
final imagePaths = Get.find<ImagePaths>();
final responsiveUtils = Get.find<ResponsiveUtils>();
final keyboardUtils = Get.find<KeyboardUtils>();
@override
Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomInset: false,
backgroundColor: AppColor.primaryLightColor,
body: GestureDetector(
onTap: () => FocusScope.of(context).unfocus(),
child: SafeArea(
child: Center(
child: SingleChildScrollView(
reverse: true,
child: Padding(
padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
child: Container(
alignment: Alignment.center,
padding: EdgeInsets.only(top: 40),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
_buildSlogan(context),
Obx(() => _buildLoginMessage(context, loginController.loginState.value)),
_buildUrlInput(context),
_buildUserNameInput(context),
_buildPasswordInput(context),
Obx(() => loginController.loginState.value.viewState.fold(
(failure) => _buildLoginButton(context),
(success) => success is LoginLoadingAction ? _buildLoadingCircularProgress() : _buildLoginButton(context))),
],
),
),
)
),
),
),
),
);
}
Widget _buildSlogan(BuildContext context) {
return SloganBuilder()
.setSloganText(AppLocalizations.of(context).login_text_slogan)
.setSloganTextAlign(TextAlign.center)
.setSloganTextStyle(TextStyle(color: AppColor.primaryColor, fontSize: 16, fontWeight: FontWeight.w700))
.setLogo(imagePaths.icTMailLogo)
.build();
}
Widget _buildLoginMessage(BuildContext context, LoginState loginState) {
return Padding(
padding: EdgeInsets.only(bottom: 24, top: 60),
child: Container(
width: responsiveUtils.getWidthLoginTextField(context),
child: CenterTextBuilder()
.key(Key('login_message'))
.text(loginState.viewState.fold(
(failure) => failure is AuthenticationUserFailure
? AppLocalizations.of(context).unknown_error_login_message
: AppLocalizations.of(context).login_text_login_to_continue,
(success) => AppLocalizations.of(context).login_text_login_to_continue))
.textStyle(TextStyle(
color: loginState.viewState.fold(
(failure) => failure is AuthenticationUserFailure
? AppColor.textFieldErrorBorderColor
: AppColor.appColor,
(success) => AppColor.appColor)))
.build()
)
);
}
Widget _buildUrlInput(BuildContext context) {
return Padding(
padding: EdgeInsets.only(bottom: 16),
child: Container(
width: responsiveUtils.getWidthLoginTextField(context),
child: TextFieldBuilder()
.key(Key('login_url_input'))
.onChange((value) => loginController.setUrlText(value))
.textInputAction(TextInputAction.next)
.textDecoration(LoginInputDecorationBuilder()
.setLabelText(AppLocalizations.of(context).prefix_https)
.setPrefixText(AppLocalizations.of(context).prefix_https)
.build())
.build()));
}
Widget _buildUserNameInput(BuildContext context) {
return Padding(
padding: EdgeInsets.only(bottom: 16),
child: Container(
width: responsiveUtils.getWidthLoginTextField(context),
child: TextFieldBuilder()
.key(Key('login_username_input'))
.onChange((value) => loginController.setUserNameText(value))
.textInputAction(TextInputAction.next)
.textDecoration(LoginInputDecorationBuilder()
.setLabelText(AppLocalizations.of(context).username)
.setHintText(AppLocalizations.of(context).username)
.build())
.build()));
}
Widget _buildPasswordInput(BuildContext context) {
return Padding(
padding: EdgeInsets.only(bottom: 40),
child: Container(
width: responsiveUtils.getWidthLoginTextField(context),
child: TextFieldBuilder()
.key(Key('login_password_input'))
.obscureText(true)
.onChange((value) => loginController.setPasswordText(value))
.textInputAction(TextInputAction.done)
.textDecoration(LoginInputDecorationBuilder()
.setLabelText(AppLocalizations.of(context).password)
.setHintText(AppLocalizations.of(context).password)
.build())
.build()));
}
Widget _buildLoginButton(BuildContext context) {
return Padding(
padding: EdgeInsets.only(bottom: 16),
child: SizedBox(
key: Key('login_confirm_button'),
width: responsiveUtils.getWidthLoginButton(),
height: 48,
child: ElevatedButton(
style: ButtonStyle(
foregroundColor: MaterialStateProperty.resolveWith<Color>((Set<MaterialState> states) => Colors.white),
backgroundColor: MaterialStateProperty.resolveWith<Color>((Set<MaterialState> states) => AppColor.buttonColor),
shape: MaterialStateProperty.all(RoundedRectangleBorder(
borderRadius: BorderRadius.circular(80),
side: BorderSide(width: 0, color: AppColor.buttonColor)))),
child: Text(AppLocalizations.of(context).login, style: TextStyle(fontSize: 16, color: Colors.white)),
onPressed: () {
keyboardUtils.hideKeyboard(context);
loginController.handleLoginPressed();
}),
)
);
}
Widget _buildLoadingCircularProgress() {
return SizedBox(
key: Key('login_loading_icon'),
width: 40,
height: 40,
child: CircularProgressIndicator(color: AppColor.primaryColor));
}
}