auth UI and Api

This commit is contained in:
mohammad
2024-07-31 16:25:52 +03:00
parent 1d65617d18
commit 09dc49b630
4 changed files with 30 additions and 14 deletions

View File

@ -8,9 +8,9 @@ import 'package:syncrow_web/services/locator.dart';
Future<void> main() async { Future<void> main() async {
WidgetsFlutterBinding.ensureInitialized(); WidgetsFlutterBinding.ensureInitialized();
initialSetup(); // Perform initial setup, e.g., dependency injection initialSetup(); // Perform initial setup, e.g., dependency injection
String res = await AuthBloc.getTokenAndValidate(); String checkToken = await AuthBloc.getTokenAndValidate();
runApp(MyApp( runApp(MyApp(
isLoggedIn: res, isLoggedIn: checkToken,
)); ));
} }

View File

@ -24,9 +24,6 @@ class AuthBloc extends Bloc<AuthEvent, AuthState> {
on<PasswordVisibleEvent>(_passwordVisible); on<PasswordVisibleEvent>(_passwordVisible);
} }
////////////////////////////// forget password ////////////////////////////////// ////////////////////////////// forget password //////////////////////////////////
final TextEditingController forgetEmailController = TextEditingController(); final TextEditingController forgetEmailController = TextEditingController();
final TextEditingController forgetPasswordController = TextEditingController(); final TextEditingController forgetPasswordController = TextEditingController();

View File

@ -48,6 +48,7 @@ class ForgetPasswordWebPage extends StatelessWidget {
final forgetBloc = BlocProvider.of<AuthBloc>(context); final forgetBloc = BlocProvider.of<AuthBloc>(context);
return FirstLayer( return FirstLayer(
second: Container( second: Container(
padding:const EdgeInsets.all(50) ,
margin: const EdgeInsets.all(50), margin: const EdgeInsets.all(50),
decoration: BoxDecoration( decoration: BoxDecoration(
color: Colors.black.withOpacity(0.3), color: Colors.black.withOpacity(0.3),
@ -78,12 +79,13 @@ class ForgetPasswordWebPage extends StatelessWidget {
child: Form( child: Form(
key: forgetBloc.forgetFormKey, key: forgetBloc.forgetFormKey,
child: Padding( child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 50, vertical: 20),
padding: const EdgeInsets.symmetric(horizontal: 40, vertical: 25),
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly, mainAxisAlignment: MainAxisAlignment.spaceEvenly,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[ children: <Widget>[
const SizedBox(height: 15), const SizedBox(height: 10),
const Text( const Text(
'Forget Password', 'Forget Password',
style: TextStyle( style: TextStyle(
@ -91,11 +93,12 @@ class ForgetPasswordWebPage extends StatelessWidget {
fontSize: 24, fontSize: 24,
fontWeight: FontWeight.bold), fontWeight: FontWeight.bold),
), ),
const SizedBox(height: 20),
Text( Text(
'Please fill in your account information to retrieve your password', 'Please fill in your account information to\n retrieve your password',
style: smallTextStyle, style: smallTextStyle,
), ),
const SizedBox(height: 30), const SizedBox(height: 20),
Column( Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start,
@ -104,6 +107,7 @@ class ForgetPasswordWebPage extends StatelessWidget {
"Country/Region", "Country/Region",
style: smallTextStyle, style: smallTextStyle,
), ),
const SizedBox(height: 10),
SizedBox( SizedBox(
width: MediaQuery.of(context).size.width * 0.2, width: MediaQuery.of(context).size.width * 0.2,
child: DropdownButtonFormField<String>( child: DropdownButtonFormField<String>(
@ -136,13 +140,14 @@ class ForgetPasswordWebPage extends StatelessWidget {
) )
], ],
), ),
const SizedBox(height: 20.0), const SizedBox(height: 20),
Column( Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start,
children: [ children: [
Text("Account", Text("Account",
style: smallTextStyle,), style: smallTextStyle,),
const SizedBox(height: 10),
SizedBox( SizedBox(
width: MediaQuery.sizeOf(context).width * 0.2, width: MediaQuery.sizeOf(context).width * 0.2,
child: TextFormField( child: TextFormField(
@ -161,6 +166,7 @@ class ForgetPasswordWebPage extends StatelessWidget {
children: [ children: [
Text("One Time Password", Text("One Time Password",
style: smallTextStyle,), style: smallTextStyle,),
const SizedBox(height: 10),
SizedBox( SizedBox(
width: MediaQuery.sizeOf(context).width * 0.2, width: MediaQuery.sizeOf(context).width * 0.2,
child: TextFormField( child: TextFormField(
@ -200,6 +206,7 @@ class ForgetPasswordWebPage extends StatelessWidget {
children: [ children: [
Text("Password", Text("Password",
style: smallTextStyle,), style: smallTextStyle,),
const SizedBox(height: 10),
SizedBox( SizedBox(
width: MediaQuery.sizeOf(context).width * 0.2, width: MediaQuery.sizeOf(context).width * 0.2,
child: TextFormField( child: TextFormField(

View File

@ -85,7 +85,7 @@ class LoginWebPage extends StatelessWidget {
child: Form( child: Form(
key: loginBloc.loginFormKey, key: loginBloc.loginFormKey,
child: Padding( child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 50, vertical: 20), padding: const EdgeInsets.symmetric(horizontal: 50, vertical: 25),
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly, mainAxisAlignment: MainAxisAlignment.spaceEvenly,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
@ -98,7 +98,7 @@ class LoginWebPage extends StatelessWidget {
fontSize: 24, fontSize: 24,
fontWeight: FontWeight.bold), fontWeight: FontWeight.bold),
), ),
const SizedBox(height: 30), const SizedBox(height: 40),
Column( Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start,
@ -107,6 +107,9 @@ class LoginWebPage extends StatelessWidget {
"Country/Region", "Country/Region",
style: smallTextStyle, style: smallTextStyle,
), ),
const SizedBox(
height: 10,
),
SizedBox( SizedBox(
width: MediaQuery.of(context).size.width * 0.2, width: MediaQuery.of(context).size.width * 0.2,
child: DropdownButtonFormField<String>( child: DropdownButtonFormField<String>(
@ -147,6 +150,9 @@ class LoginWebPage extends StatelessWidget {
Text("Email", Text("Email",
style: smallTextStyle, style: smallTextStyle,
), ),
const SizedBox(
height: 10,
),
SizedBox( SizedBox(
width: MediaQuery.sizeOf(context).width * 0.2, width: MediaQuery.sizeOf(context).width * 0.2,
child: TextFormField( child: TextFormField(
@ -164,6 +170,9 @@ class LoginWebPage extends StatelessWidget {
mainAxisAlignment: MainAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.start,
children: [ children: [
Text("Password", style: smallTextStyle,), Text("Password", style: smallTextStyle,),
const SizedBox(
height: 10,
),
SizedBox( SizedBox(
width: MediaQuery.sizeOf(context).width * 0.2, width: MediaQuery.sizeOf(context).width * 0.2,
child: TextFormField( child: TextFormField(
@ -193,7 +202,7 @@ class LoginWebPage extends StatelessWidget {
], ],
), ),
const SizedBox( const SizedBox(
height: 10, height: 20,
), ),
SizedBox( SizedBox(
width: MediaQuery.of(context).size.width * 0.2, width: MediaQuery.of(context).size.width * 0.2,
@ -212,6 +221,9 @@ class LoginWebPage extends StatelessWidget {
], ],
), ),
), ),
const SizedBox(
height: 32,
),
Row( Row(
children: [ children: [
Transform.scale( Transform.scale(
@ -269,7 +281,7 @@ class LoginWebPage extends StatelessWidget {
), ),
], ],
), ),
const SizedBox(height: 20.0), const SizedBox(height: 30.0),
SizedBox( SizedBox(
width: MediaQuery.sizeOf(context).width * 0.2, width: MediaQuery.sizeOf(context).width * 0.2,
child: DefaultButton( child: DefaultButton(