StageAndSuitcase/stage-and-suitcase-mih
1
0
Fork 0
forked from yaso_meth/mih-project
Code Pull Requests Activity

register page added with toggle between sign in & register

Browse Source
This commit is contained in:
yaso-meth
2024-04-03 22:42:32 +02:00
parent dc6f4e0ebd
commit c5a90f2d6f
5 changed files with 196 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
Frontend/patient_manager/lib/Authentication/authCheck.dart
View File

@@ -1,7 +1,7 @@
import 'package:flutter/material.dart';
import 'package:patient_manager/components/signInOrRegister.dart';
import 'package:patient_manager/main.dart';
import 'package:patient_manager/pages/home.dart';
import 'package:patient_manager/pages/signin.dart';
import 'package:supabase_flutter/supabase_flutter.dart';
class AuthCheck extends StatelessWidget {
@@ -14,10 +14,10 @@ class AuthCheck extends StatelessWidget {
final user = snapshot.data?.session;
if (user == null) {
// User not authenticated, show login screen
return SignIn();
return const SignInOrRegister();
} else {
// User authenticated, show home screen
return Home();
return const Home();
}
}

29
Frontend/patient_manager/lib/components/signInOrRegister.dart Normal file
View File

@@ -0,0 +1,29 @@
import 'package:flutter/material.dart';
import 'package:patient_manager/pages/register.dart';
import 'package:patient_manager/pages/signin.dart';
class SignInOrRegister extends StatefulWidget {
const SignInOrRegister({super.key});
@override
State<SignInOrRegister> createState() => _SignInOrRegisterState();
}
class _SignInOrRegisterState extends State<SignInOrRegister> {
bool showSignInPage = true;
void togglePages() {
setState(() {
showSignInPage = !showSignInPage;
});
}
@override
Widget build(BuildContext context) {
if (showSignInPage) {
return SignIn(onTap: togglePages);
} else {
return Register(onTap: togglePages);
}
}
}

157
Frontend/patient_manager/lib/pages/register.dart Normal file
View File

@@ -0,0 +1,157 @@
import 'package:flutter/material.dart';
import 'package:patient_manager/components/myTextField.dart';
import 'package:patient_manager/components/mybutton.dart';
import 'package:patient_manager/main.dart';
import 'package:supabase_auth_ui/supabase_auth_ui.dart';
class Register extends StatefulWidget {
final Function()? onTap;
const Register({super.key, required this.onTap});
@override
State<Register> createState() => _RegisterState();
}
class _RegisterState extends State<Register> {
final emailController = TextEditingController();
final passwordController = TextEditingController();
//sign user in
Future<void> signUserIn() async {
try {
final response = await client.auth.signInWithPassword(
email: emailController.text,
password: passwordController.text,
);
if (response.session != null) {
Navigator.of(context).pushNamed('/homme');
}
} on AuthException catch (error) {
loginError(error.message);
emailController.clear();
passwordController.clear();
}
}
void loginError(error) {
showDialog(
context: context,
builder: (context) {
return AlertDialog(
title: Text(error),
);
},
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.white,
body: SafeArea(
child: Center(
child: SingleChildScrollView(
physics: const BouncingScrollPhysics(),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
//logo
const Icon(
Icons.lock,
size: 100,
color: Colors.blueAccent,
),
//spacer
const SizedBox(height: 10),
//Heading
const Text(
'Register',
style: TextStyle(
fontSize: 25,
fontWeight: FontWeight.bold,
color: Colors.blueAccent,
),
),
//spacer
const SizedBox(height: 25),
//email input
SizedBox(
width: 500.0,
child: MyTextField(
controller: emailController,
hintText: 'Email',
obscureText: false,
),
),
//spacer
const SizedBox(height: 25),
//password input
SizedBox(
width: 500.0,
child: MyTextField(
controller: passwordController,
hintText: 'Password',
obscureText: true,
),
),
//spacer
const SizedBox(height: 10),
// forgot password
const Padding(
padding: EdgeInsets.symmetric(horizontal: 25.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
Text(
'Forgot Password?',
style: TextStyle(
color: Colors.white,
),
),
],
),
),
//spacer
const SizedBox(height: 50),
// sign in button
SizedBox(
width: 500.0,
child: MyButton(
onTap: signUserIn,
buttonText: "Sign Up",
),
),
//spacer
const SizedBox(height: 30),
//register text
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
const Text(
'Already a User?',
style: TextStyle(fontSize: 18, color: Colors.grey),
),
const SizedBox(
width: 6,
),
GestureDetector(
onTap: widget.onTap,
child: const Text(
'Sign In',
style: TextStyle(
fontSize: 18,
color: Colors.blueAccent,
fontWeight: FontWeight.bold,
),
),
)
],
)
],
),
),
),
),
);
}
}

6
Frontend/patient_manager/lib/pages/signin.dart
View File

@@ -5,7 +5,8 @@ import 'package:patient_manager/main.dart';
import 'package:supabase_auth_ui/supabase_auth_ui.dart';
class SignIn extends StatefulWidget {
const SignIn({super.key});
final Function()? onTap;
const SignIn({super.key, required this.onTap});
@override
State<SignIn> createState() => _SignInState();
@@ -134,12 +135,13 @@ class _SignInState extends State<SignIn> {
width: 6,
),
GestureDetector(
onTap: () {},
onTap: widget.onTap,
child: const Text(
'Register Now',
style: TextStyle(
fontSize: 18,
color: Colors.blueAccent,
fontWeight: FontWeight.bold,
),
),
)

5
Frontend/patient_manager/lib/router/routeGenerator.dart
View File

@@ -1,6 +1,7 @@
// ignore: file_names
import 'package:flutter/material.dart';
import 'package:patient_manager/Authentication/authCheck.dart';
import 'package:patient_manager/components/signInOrRegister.dart';
import 'package:patient_manager/pages/home.dart';
import 'package:patient_manager/pages/signin.dart';
@@ -13,8 +14,8 @@ class RouteGenerator {
return MaterialPageRoute(builder: (_) => AuthCheck());
case '/home':
return MaterialPageRoute(builder: (_) => const Home());
case '/signin':
return MaterialPageRoute(builder: (_) => const SignIn());
// case '/signin':
// return MaterialPageRoute(builder: (_) => const SignInOrRegister());
// //case '/signIn':
// // return MaterialPageRoute(builder: (_) => SignIn());
// case '/auth':