llsajjad
96 lines
3.1 KiB
Dart
96 lines
3.1 KiB
Dart
// lib/views/login_desktop_screen.dart
|
|
import 'package:flutter/material.dart';
|
|
import 'package:tm_app/core/routes/app_routes.dart';
|
|
import 'package:tm_app/core/theme/colors.dart';
|
|
|
|
import '../../../core/constants/assets.dart';
|
|
import '../../../core/constants/strings.dart';
|
|
import '../../../core/utils/size_config.dart';
|
|
import '../widgets/widgets.dart';
|
|
import '../../../view_models/login_view_model.dart';
|
|
|
|
class LoginDesktopPage extends StatefulWidget {
|
|
const LoginDesktopPage({super.key});
|
|
|
|
@override
|
|
State<LoginDesktopPage> createState() => _LoginDesktopPageState();
|
|
}
|
|
|
|
class _LoginDesktopPageState extends State<LoginDesktopPage> {
|
|
late final LoginViewModel _viewModel;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_viewModel = LoginViewModel();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_viewModel.dispose();
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
SizeConfig.init(context);
|
|
return Scaffold(
|
|
backgroundColor: AppColors.backgroundColor,
|
|
body: Center(
|
|
child: SingleChildScrollView(
|
|
padding: EdgeInsets.symmetric(horizontal: 24.0.w()),
|
|
child: SizedBox(
|
|
width: 120.0.w(),
|
|
child: ListenableBuilder(
|
|
listenable: _viewModel,
|
|
builder: (context, _) {
|
|
return Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
LoginLogo(width: 190.0.w(), height: 88.0.h()),
|
|
SizedBox(height: 32.0.h()),
|
|
const LoginTitle(),
|
|
SizedBox(height: 32.0.h()),
|
|
|
|
LoginTextField(
|
|
controller: _viewModel.usernameController,
|
|
focusNode: _viewModel.usernameFocus,
|
|
label: AppStrings.usernameLabel,
|
|
iconPath: AssetsManager.userIcon,
|
|
fieldHeight: 60.0.h(),
|
|
borderRedus: 4.0.w(),
|
|
prefixIconPadding: 4.0.w(),
|
|
),
|
|
SizedBox(height: 16.0.h()),
|
|
|
|
LoginTextField(
|
|
controller: _viewModel.passwordController,
|
|
focusNode: _viewModel.passwordFocus,
|
|
label: AppStrings.passwordLabel,
|
|
iconPath: AssetsManager.passwordIcon,
|
|
prefixIconPadding: 4.0.w(),
|
|
isPassword: true,
|
|
obscureText: _viewModel.obscurePassword,
|
|
fieldHeight: 60.0.h(),
|
|
onToggleVisibility: _viewModel.togglePasswordVisibility,
|
|
borderRedus: 4.0.w(),
|
|
),
|
|
SizedBox(height: 32.0.h()),
|
|
|
|
BaseButton(
|
|
isEnabled: _viewModel.isLoginEnabled,
|
|
onPressed: _viewModel.isLoginEnabled
|
|
? () => HomeRouteData().go(context)
|
|
: null,
|
|
),
|
|
],
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|