Add forgot password, reset password, and verify OTP providers and view models
- Implemented `ForgotPasswordViewModel`, `ResetPasswordViewModel`, and `VerifyOtpViewModel` for handling respective functionalities. - Created provider functions for lazy loading of these view models in the app. - Updated routing to utilize the new providers for managing state in the forgot password flow. - Refactored UI components to integrate with the new view models, ensuring proper state management and user feedback during operations.
This commit is contained in:
@@ -9,12 +9,13 @@ import '../../../core/constants/assets.dart';
|
||||
import '../../../core/routes/app_routes.dart';
|
||||
import '../../../core/theme/colors.dart';
|
||||
import '../../../core/utils/app_toast.dart';
|
||||
import '../../../view_models/auth_view_model.dart';
|
||||
import '../../../view_models/reset_password_view_model.dart';
|
||||
import '../../login/widgets/login_textfield.dart';
|
||||
import '../../shared/base_button.dart';
|
||||
|
||||
class DesktopForgotPasswordCreatePage extends StatefulWidget {
|
||||
const DesktopForgotPasswordCreatePage({super.key});
|
||||
const DesktopForgotPasswordCreatePage({required this.resetToken, super.key});
|
||||
final String resetToken;
|
||||
|
||||
@override
|
||||
State<DesktopForgotPasswordCreatePage> createState() =>
|
||||
@@ -23,11 +24,11 @@ class DesktopForgotPasswordCreatePage extends StatefulWidget {
|
||||
|
||||
class _DesktopForgotPasswordCreatePageState
|
||||
extends State<DesktopForgotPasswordCreatePage> {
|
||||
late final AuthViewModel viewModel;
|
||||
late final ResetPasswordViewModel viewModel;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
viewModel = context.read<AuthViewModel>();
|
||||
viewModel = context.read<ResetPasswordViewModel>();
|
||||
viewModel.addListener(_viewModelListener);
|
||||
super.initState();
|
||||
}
|
||||
@@ -39,10 +40,9 @@ class _DesktopForgotPasswordCreatePageState
|
||||
}
|
||||
|
||||
void _viewModelListener() {
|
||||
if (viewModel.resetPasswordErrorMessage != null) {
|
||||
AppToast.error(context, viewModel.resetPasswordErrorMessage!);
|
||||
} else if (viewModel.isResetPasswordLoading == false &&
|
||||
viewModel.resetPasswordSuccess) {
|
||||
if (viewModel.errorMessage != null) {
|
||||
AppToast.error(context, viewModel.errorMessage!);
|
||||
} else if (viewModel.isLoading == false && viewModel.successMessage) {
|
||||
AppToast.success(
|
||||
context,
|
||||
ForgotPasswordCreateStrings.passwordResetSuccess,
|
||||
@@ -60,7 +60,7 @@ class _DesktopForgotPasswordCreatePageState
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
|
||||
children: [
|
||||
Consumer<AuthViewModel>(
|
||||
Consumer<ResetPasswordViewModel>(
|
||||
builder: (context, viewModel, _) {
|
||||
return Expanded(
|
||||
child: Center(
|
||||
@@ -103,7 +103,7 @@ class _DesktopForgotPasswordCreatePageState
|
||||
label: ForgotPasswordCreateStrings.createNewPassword,
|
||||
iconPath: AssetsManager.passwordIcon,
|
||||
isPassword: true,
|
||||
obscureText: viewModel.obscureForgotPassword,
|
||||
obscureText: viewModel.obscureNewPassword,
|
||||
onToggleVisibility:
|
||||
viewModel.toggleForgotPasswordVisibility,
|
||||
),
|
||||
@@ -156,7 +156,7 @@ class _DesktopForgotPasswordCreatePageState
|
||||
),
|
||||
),
|
||||
SizedBox(height: 80.0.h()),
|
||||
viewModel.isResetPasswordLoading
|
||||
viewModel.isLoading
|
||||
? BaseButton(
|
||||
isEnabled: viewModel.isNewPasswordValid,
|
||||
text: ForgotPasswordCreateStrings.resetLink,
|
||||
@@ -169,7 +169,9 @@ class _DesktopForgotPasswordCreatePageState
|
||||
onPressed:
|
||||
viewModel.isNewPasswordValid
|
||||
? () async {
|
||||
viewModel.resetPassword();
|
||||
viewModel.resetPassword(
|
||||
resetToken: widget.resetToken,
|
||||
);
|
||||
}
|
||||
: null,
|
||||
),
|
||||
|
||||
@@ -6,14 +6,15 @@ import 'package:tm_app/views/forget_password_create/pages/t_forget_password_crea
|
||||
import '../../shared/responsive_builder.dart';
|
||||
|
||||
class ForgotPasswordCreateScreen extends StatelessWidget {
|
||||
const ForgotPasswordCreateScreen({super.key});
|
||||
const ForgotPasswordCreateScreen({required this.resetToken, super.key});
|
||||
final String resetToken;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return const ResponsiveBuilder(
|
||||
mobile: MobileForgotPasswordCreatePage(),
|
||||
tablet: TabletForgotPasswordCreatePage(),
|
||||
desktop: DesktopForgotPasswordCreatePage(),
|
||||
return ResponsiveBuilder(
|
||||
mobile: MobileForgotPasswordCreatePage(resetToken: resetToken),
|
||||
tablet: TabletForgotPasswordCreatePage(resetToken: resetToken),
|
||||
desktop: DesktopForgotPasswordCreatePage(resetToken: resetToken),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -9,12 +9,13 @@ import 'package:tm_app/views/forget_password_create/strings/forgot_password_crea
|
||||
import '../../../core/constants/assets.dart';
|
||||
import '../../../core/theme/colors.dart';
|
||||
import '../../../core/utils/app_toast.dart';
|
||||
import '../../../view_models/auth_view_model.dart';
|
||||
import '../../../view_models/reset_password_view_model.dart';
|
||||
import '../../login/widgets/login_textfield.dart';
|
||||
import '../../shared/base_button.dart';
|
||||
|
||||
class MobileForgotPasswordCreatePage extends StatefulWidget {
|
||||
const MobileForgotPasswordCreatePage({super.key});
|
||||
const MobileForgotPasswordCreatePage({required this.resetToken, super.key});
|
||||
final String resetToken;
|
||||
|
||||
@override
|
||||
State<MobileForgotPasswordCreatePage> createState() =>
|
||||
@@ -23,11 +24,11 @@ class MobileForgotPasswordCreatePage extends StatefulWidget {
|
||||
|
||||
class _MobileForgotPasswordCreatePageState
|
||||
extends State<MobileForgotPasswordCreatePage> {
|
||||
late final AuthViewModel viewModel;
|
||||
late final ResetPasswordViewModel viewModel;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
viewModel = context.read<AuthViewModel>();
|
||||
viewModel = context.read<ResetPasswordViewModel>();
|
||||
viewModel.addListener(_viewModelListener);
|
||||
super.initState();
|
||||
}
|
||||
@@ -39,10 +40,9 @@ class _MobileForgotPasswordCreatePageState
|
||||
}
|
||||
|
||||
void _viewModelListener() {
|
||||
if (viewModel.resetPasswordErrorMessage != null) {
|
||||
AppToast.error(context, viewModel.resetPasswordErrorMessage!);
|
||||
} else if (viewModel.isResetPasswordLoading == false &&
|
||||
viewModel.resetPasswordSuccess) {
|
||||
if (viewModel.errorMessage != null) {
|
||||
AppToast.error(context, viewModel.errorMessage!);
|
||||
} else if (viewModel.isLoading == false && viewModel.successMessage) {
|
||||
AppToast.success(
|
||||
context,
|
||||
ForgotPasswordCreateStrings.passwordResetSuccess,
|
||||
@@ -61,7 +61,7 @@ class _MobileForgotPasswordCreatePageState
|
||||
child: Center(
|
||||
child: SingleChildScrollView(
|
||||
padding: EdgeInsets.symmetric(horizontal: 24.0.w()),
|
||||
child: Consumer<AuthViewModel>(
|
||||
child: Consumer<ResetPasswordViewModel>(
|
||||
builder: (context, viewModel, _) {
|
||||
return Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
@@ -100,7 +100,7 @@ class _MobileForgotPasswordCreatePageState
|
||||
label: ForgotPasswordCreateStrings.createNewPassword,
|
||||
iconPath: AssetsManager.passwordIcon,
|
||||
isPassword: true,
|
||||
obscureText: viewModel.obscureForgotPassword,
|
||||
obscureText: viewModel.obscureNewPassword,
|
||||
onToggleVisibility:
|
||||
viewModel.toggleForgotPasswordVisibility,
|
||||
),
|
||||
@@ -153,7 +153,7 @@ class _MobileForgotPasswordCreatePageState
|
||||
),
|
||||
),
|
||||
SizedBox(height: 80.0.h()),
|
||||
viewModel.isResetPasswordLoading
|
||||
viewModel.isLoading
|
||||
? BaseButton(
|
||||
isEnabled: viewModel.isNewPasswordValid,
|
||||
text: ForgotPasswordCreateStrings.resetLink,
|
||||
@@ -166,7 +166,9 @@ class _MobileForgotPasswordCreatePageState
|
||||
onPressed:
|
||||
viewModel.isNewPasswordValid
|
||||
? () async {
|
||||
viewModel.resetPassword();
|
||||
viewModel.resetPassword(
|
||||
resetToken: widget.resetToken,
|
||||
);
|
||||
}
|
||||
: null,
|
||||
),
|
||||
|
||||
@@ -9,12 +9,13 @@ import '../../../core/constants/assets.dart';
|
||||
import '../../../core/routes/app_routes.dart';
|
||||
import '../../../core/theme/colors.dart';
|
||||
import '../../../core/utils/app_toast.dart';
|
||||
import '../../../view_models/auth_view_model.dart';
|
||||
import '../../../view_models/reset_password_view_model.dart';
|
||||
import '../../login/widgets/login_textfield.dart';
|
||||
import '../../shared/base_button.dart';
|
||||
|
||||
class TabletForgotPasswordCreatePage extends StatefulWidget {
|
||||
const TabletForgotPasswordCreatePage({super.key});
|
||||
const TabletForgotPasswordCreatePage({required this.resetToken, super.key});
|
||||
final String resetToken;
|
||||
|
||||
@override
|
||||
State<TabletForgotPasswordCreatePage> createState() =>
|
||||
@@ -23,11 +24,11 @@ class TabletForgotPasswordCreatePage extends StatefulWidget {
|
||||
|
||||
class _TabletForgotPasswordCreatePageState
|
||||
extends State<TabletForgotPasswordCreatePage> {
|
||||
late final AuthViewModel viewModel;
|
||||
late final ResetPasswordViewModel viewModel;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
viewModel = context.read<AuthViewModel>();
|
||||
viewModel = context.read<ResetPasswordViewModel>();
|
||||
viewModel.addListener(_viewModelListener);
|
||||
super.initState();
|
||||
}
|
||||
@@ -39,10 +40,9 @@ class _TabletForgotPasswordCreatePageState
|
||||
}
|
||||
|
||||
void _viewModelListener() {
|
||||
if (viewModel.resetPasswordErrorMessage != null) {
|
||||
AppToast.error(context, viewModel.resetPasswordErrorMessage!);
|
||||
} else if (viewModel.isResetPasswordLoading == false &&
|
||||
viewModel.resetPasswordSuccess) {
|
||||
if (viewModel.errorMessage != null) {
|
||||
AppToast.error(context, viewModel.errorMessage!);
|
||||
} else if (viewModel.isLoading == false && viewModel.successMessage) {
|
||||
AppToast.success(
|
||||
context,
|
||||
ForgotPasswordCreateStrings.passwordResetSuccess,
|
||||
@@ -59,7 +59,7 @@ class _TabletForgotPasswordCreatePageState
|
||||
body: Center(
|
||||
child: SingleChildScrollView(
|
||||
padding: EdgeInsets.symmetric(horizontal: 24.0.w()),
|
||||
child: Consumer<AuthViewModel>(
|
||||
child: Consumer<ResetPasswordViewModel>(
|
||||
builder: (context, viewModel, _) {
|
||||
return Center(
|
||||
child: SizedBox(
|
||||
@@ -101,7 +101,7 @@ class _TabletForgotPasswordCreatePageState
|
||||
label: ForgotPasswordCreateStrings.createNewPassword,
|
||||
iconPath: AssetsManager.passwordIcon,
|
||||
isPassword: true,
|
||||
obscureText: viewModel.obscureForgotPassword,
|
||||
obscureText: viewModel.obscureNewPassword,
|
||||
onToggleVisibility:
|
||||
viewModel.toggleForgotPasswordVisibility,
|
||||
),
|
||||
@@ -154,7 +154,7 @@ class _TabletForgotPasswordCreatePageState
|
||||
),
|
||||
),
|
||||
SizedBox(height: 70.0.h()),
|
||||
viewModel.isResetPasswordLoading
|
||||
viewModel.isLoading
|
||||
? BaseButton(
|
||||
isEnabled: viewModel.isNewPasswordValid,
|
||||
text: ForgotPasswordCreateStrings.resetLink,
|
||||
@@ -168,7 +168,9 @@ class _TabletForgotPasswordCreatePageState
|
||||
onPressed:
|
||||
viewModel.isNewPasswordValid
|
||||
? () async {
|
||||
viewModel.resetPassword();
|
||||
viewModel.resetPassword(
|
||||
resetToken: widget.resetToken,
|
||||
);
|
||||
}
|
||||
: null,
|
||||
),
|
||||
|
||||
Reference in New Issue
Block a user