part04 work completed

Author: DevStack06

lib/pages/SignupPage.dart

@@ -1,5 +1,8 @@
+import 'package:firebase_app_web/Service/Auth_Service.dart';
+import 'package:firebase_app_web/pages/HomePage.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
+import 'package:firebase_auth/firebase_auth.dart' as firebase_auth;
 
 class SignUpPage extends StatefulWidget {
  SignUpPage({Key key}) : super(key: key);
@@ -9,6 +12,12 @@ class SignUpPage extends StatefulWidget {
 }
 
 class _SignUpPageState extends State<SignUpPage> {
+ TextEditingController emailController = TextEditingController();
+ TextEditingController pwdController = TextEditingController();
+ firebase_auth.FirebaseAuth firebaseAuth = firebase_auth.FirebaseAuth.instance;
+ bool circular = false;
+ AuthClass authClass = AuthClass();
+
  @override
  Widget build(BuildContext context) {
  return Scaffold(
@@ -31,11 +40,14 @@ class _SignUpPageState extends State<SignUpPage> {
  SizedBox(
  height: 20,
  ),
- buttonItem("assets/google.svg", "Continue with Google", 25),
+ buttonItem("assets/google.svg", "Continue with Google", 25,
+ () async {
+ await authClass.googleSignIn(context);
+ }),
  SizedBox(
  height: 15,
  ),
- buttonItem("assets/phone.svg", "Continue with Mobile", 30),
+ buttonItem("assets/phone.svg", "Continue with Mobile", 30, () {}),
  SizedBox(
  height: 18,
  ),
@@ -46,11 +58,11 @@ class _SignUpPageState extends State<SignUpPage> {
  SizedBox(
  height: 18,
  ),
- textItem("Email...."),
+ textItem("Email....", emailController, false),
  SizedBox(
  height: 15,
  ),
- textItem("Password..."),
+ textItem("Password...", pwdController, true),
  SizedBox(
  height: 40,
  ),
@@ -86,69 +98,115 @@ class _SignUpPageState extends State<SignUpPage> {
  }
 
  Widget colorButton() {
- return Container(
- width: MediaQuery.of(context).size.width - 100,
- height: 60,
- decoration: BoxDecoration(
- borderRadius: BorderRadius.circular(20),
- gradient: LinearGradient(
- colors: [Color(0xfffd746c), Color(0xffff9068), Color(0xfffd746c)]),
- ),
- child: Center(
- child: Text(
- "Sign Up",
- style: TextStyle(
- color: Colors.white,
- fontSize: 20,
- ),
+ return InkWell(
+ onTap: circular
+ ? null
+ : () async {
+ setState(() {
+ circular = true;
+ });
+ try {
+ firebase_auth.UserCredential userCredential =
+ await firebaseAuth.createUserWithEmailAndPassword(
+ email: emailController.text,
+ password: pwdController.text);
+ print(userCredential.user.email);
+ setState(() {
+ circular = false;
+ });
+ Navigator.pushAndRemoveUntil(
+ context,
+ MaterialPageRoute(builder: (builder) => HomePage()),
+ (route) => false);
+ } catch (e) {
+ print(e);
+ setState(() {
+ circular = false;
+ });
+ final snackBar = SnackBar(content: Text(e.toString()));
+ ScaffoldMessenger.of(context).showSnackBar(snackBar);
+ }
+ },
+ child: Container(
+ width: MediaQuery.of(context).size.width - 100,
+ height: 60,
+ decoration: BoxDecoration(
+ borderRadius: BorderRadius.circular(20),
+ gradient: LinearGradient(colors: [
+ Color(0xfffd746c),
+ Color(0xffff9068),
+ Color(0xfffd746c)
+ ]),
+ ),
+ child: Center(
+ child: circular
+ ? CircularProgressIndicator()
+ : Text(
+ "Sign Up",
+ style: TextStyle(
+ color: Colors.white,
+ fontSize: 20,
+ ),
+ ),
  ),
  ),
  );
  }
 
- Widget buttonItem(String imagepath, String buttonName, double size) {
- return Container(
- width: MediaQuery.of(context).size.width - 60,
- height: 60,
- child: Card(
- color: Colors.black,
- elevation: 8,
- shape: RoundedRectangleBorder(
- borderRadius: BorderRadius.circular(15),
- side: BorderSide(
- width: 1,
- color: Colors.grey,
- ),
- ),
- child: Row(
- mainAxisAlignment: MainAxisAlignment.center,
- children: [
- SvgPicture.asset(
- imagepath,
- height: size,
- width: size,
- ),
- SizedBox(
- width: 15,
+ Widget buttonItem(
+ String imagepath, String buttonName, double size, Function onTap) {
+ return InkWell(
+ onTap: onTap,
+ child: Container(
+ width: MediaQuery.of(context).size.width - 60,
+ height: 60,
+ child: Card(
+ color: Colors.black,
+ elevation: 8,
+ shape: RoundedRectangleBorder(
+ borderRadius: BorderRadius.circular(15),
+ side: BorderSide(
+ width: 1,
+ color: Colors.grey,
  ),
- Text(
- buttonName,
- style: TextStyle(
- color: Colors.white,
- fontSize: 17,
+ ),
+ child: Row(
+ mainAxisAlignment: MainAxisAlignment.center,
+ children: [
+ SvgPicture.asset(
+ imagepath,
+ height: size,
+ width: size,
  ),
- ),
- ],
+ SizedBox(
+ width: 15,
+ ),
+ Text(
+ buttonName,
+ style: TextStyle(
+ color: Colors.white,
+ fontSize: 17,
+ ),
+ ),
+ ],
+ ),
  ),
  ),
  );
  }
 
- Widget textItem(String labeltext) {
+ Widget textItem(
+ String labeltext, TextEditingController controller, bool obscureText) {
  return Container(
  width: MediaQuery.of(context).size.width - 70,
  height: 55,
  child: TextFormField(
+ obscureText: obscureText,
+ style: TextStyle(
+ fontSize: 17,
+ color: Colors.white,
+ ),
+ controller: controller,
  decoration: InputDecoration(
  labelText: labeltext,
  labelStyle: TextStyle(
@@ -162,6 +220,13 @@ class _SignUpPageState extends State<SignUpPage> {
  color: Colors.grey,
  ),
  ),
+ focusedBorder: OutlineInputBorder(
+ borderRadius: BorderRadius.circular(15),
+ borderSide: BorderSide(
+ width: 1.5,
+ color: Colors.amber,
+ ),
+ ),
  ),
  ),
  );