Teso_Mobile/lib/Pages/Sub_Pages/LandingPage/createPassword.dart

import 'package:teso/Classes/API%20Clasess/Registrar.dart';
import 'package:teso/Classes/API%20Clasess/TesoUserDetail.dart';
import 'package:teso/Classes/API%20Clasess/UserAuth.dart';
import 'package:teso/Classes/TesoUser.dart';
import 'package:teso/Pages/Sub_Pages/LandingPage/registeringProcess.dart';
import 'package:teso/providers/pageAnimations.dart';
import 'package:flutter/material.dart';
import 'package:teso/Pages/PageWidgets/Login/passwordSignUP.dart';
import 'package:teso/util/consts.dart';
import 'dart:math' as math;
import 'package:teso/Pages/PageWidgets/Login/validation.dart';
import 'package:firebase_messaging/firebase_messaging.dart';
import 'dart:io';


class CreatePassword extends StatefulWidget {
  final TesoUser? newuser;
  const CreatePassword({Key? key, this.newuser}) : super(key: key);
  @override
  _CreatePasswordState createState() =>
      _CreatePasswordState(newuser: this.newuser);
}

class _CreatePasswordState extends State<CreatePassword>
    with TickerProviderStateMixin {
  TesoUser? newuser;
  _CreatePasswordState({this.newuser});
  TextEditingController password = new TextEditingController();
  late AnimationController _controller;
  late Animation<double> _fabScale;
  bool eightChars = false;
  bool specialChar = false;
  bool upperCaseChar = false;
  bool lowerCaseChar = false;
  bool number = false;
  FirebaseMessaging _firebaseMessaging = FirebaseMessaging.instance;
  String? deviceToken = "";

  @override
  void dispose() {
    super.dispose();
  }

  bool _allValid() {
    return eightChars &&
        number &&
        specialChar &&
        upperCaseChar &&
        lowerCaseChar;
  }

  @override
  void initState() {
    super.initState();
    firebaseCloudMessaging_Listeners();
    password.addListener(() {
      setState(() {
        eightChars = password.text.length >= 8;
        number = password.text.contains(RegExp(r'\d'), 0);
        upperCaseChar = password.text.contains(new RegExp(r'[A-Z]'), 0);
        lowerCaseChar = password.text.contains(new RegExp(r'[a-z]'), 0);
        specialChar = password.text.isNotEmpty &&
            !password.text.contains(RegExp(r'^[\w&.-]+$'), 0);
      });

      if (_allValid()) {
        _controller.forward();
      } else {
        _controller.reverse();
      }
    });
    _controller = AnimationController(
        vsync: this, duration: const Duration(milliseconds: 500));

    _fabScale = Tween<double>(begin: 0, end: 1)
        .animate(CurvedAnimation(parent: _controller, curve: Curves.bounceOut));

    _fabScale.addListener(() {
      setState(() {});
    });
  }

  // ignore: non_constant_identifier_names
  void firebaseCloudMessaging_Listeners() async {
    try {
      if (Platform.isIOS) iOS_Permission();

      await _firebaseMessaging.getToken().then((token) {
        deviceToken = token;
      });
    } catch (e) {
      print(e);
    }
  }

  // ignore: non_constant_identifier_names
  void iOS_Permission() {
    _firebaseMessaging.requestPermission(
        sound: true, badge: true, alert: true, provisional: false);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        backgroundColor: Colors.white,
        leading: IconButton(
          icon: Icon(Icons.arrow_back_ios),
          onPressed: () {
            Navigator.of(context).pop();
          },
        ),
        title: Text("Create a password"),
      ),
      body: Container(
        height: MediaQuery.of(context).size.height * 0.9,
        child: SingleChildScrollView(
          scrollDirection: Axis.vertical,
          child: new Column(
            children: <Widget>[
              Container(
                padding: EdgeInsets.all(10),
                width: double.infinity,
                margin: EdgeInsets.only(
                  bottom: MediaQuery.of(context).size.height * 0.02,
                  top: MediaQuery.of(context).size.height * 0.02,
                ),
                child: Center(
                  child: Text(
                    "Enter a password with a minimum of 8 characters and the password must have at least an uppercase letter, a lowercase letter, " +
                        "a digit and a non-alphanumeric character",
                    textAlign: TextAlign.center,
                    style: TextStyle(
                      color: Colors.grey,
                    ),
                  ),
                ),
              ),
              Container(
                  padding: EdgeInsets.symmetric(
                      horizontal: (MediaQuery.of(context).size.width) * 0.01),
                  child: _validationStack()),
              SizedBox(
                height: 50,
              ),
              createPassword(context, password),
              SizedBox(height: MediaQuery.of(context).size.height * 0.002),
              Container(
                margin: EdgeInsets.only(top: 20),
                width: MediaQuery.of(context).size.width * 0.6,
                height: 40.0,
                decoration: BoxDecoration(
                    gradient: LinearGradient(
                      begin: Alignment.topCenter,
                      end: Alignment.bottomCenter,
                      colors: [
                        accentMain,
                        darkAccent,
                      ],
                      // stops: [0.1, 0.4, 0.7, 0.8],
                    ),
                    boxShadow: [
                      BoxShadow(
                        color: Colors.grey[500]!,
                        offset: Offset(0.0, 1.5),
                        blurRadius: 1.5,
                      ),
                    ]),
                child: Material(
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.all(
                      Radius.circular(25.0),
                    ),
                  ),
                  color: Colors.transparent,
                  child: InkWell(
                      onTap: () {
                        if (_allValid()) {
                          UserAuth auth = new UserAuth();
                          auth.username = newuser!.username;
                          auth.password = password.text;
                          auth.status = "awaiting";
                          auth.accountType = "TSUAC001";
                          auth.deviceToken = deviceToken;

                          Registrar registration = new Registrar();
                          registration.authentication = auth;
                          registration.user = TesoUserDetail.fromUSER(newuser!);

                          Navigator.push(
                            context,
                            PageTransition(
                              type: PageTransitionType.rightToLeft,
                              child: RegisteringProcess(
                                newuser: registration,
                              ),
                            ),
                          );
                        }
                      },
                      child: Center(
                        child: Text(
                          "Continue",
                          style: TextStyle(
                            fontSize: 18,
                            color: Colors.white,
                          ),
                        ),
                      )),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

  Widget _separator() {
    return Container(
      height: 1,
      decoration: BoxDecoration(color: Colors.blue.withAlpha(100)),
    );
  }

  Stack _validationStack() {
    return Stack(
      alignment: Alignment.bottomLeft,
      children: <Widget>[
        Card(
          shape: CircleBorder(),
          color: Colors.black12,
          child: Container(
            height: 150,
            width: 150,
          ),
        ),
        Padding(
          padding: const EdgeInsets.only(bottom: 32.0, left: 10),
          child: Transform.rotate(
            angle: -math.pi / 20,
            child: Icon(
              Icons.lock,
              color: Colors.pink,
              size: 60,
            ),
          ),
        ),
        Padding(
          padding: const EdgeInsets.only(left: 50.0, right: 60),
          child: Transform.rotate(
            angle: -math.pi / -60,
            child: Card(
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(5)),
              elevation: 4,
              color: Colors.yellow.shade800,
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.stretch,
                children: <Widget>[
                  Padding(
                    padding: const EdgeInsets.fromLTRB(8, 8, 0, 4),
                    child: Container(
                        alignment: Alignment.centerLeft,
                        child: Icon(
                          Icons.brightness_1,
                          color: Colors.deepPurple,
                        )),
                  ),
                  Padding(
                    padding: const EdgeInsets.fromLTRB(8, 4, 0, 4),
                    child: Container(
                        alignment: Alignment.centerLeft,
                        child: Icon(
                          Icons.brightness_1,
                          color: Colors.deepPurple,
                        )),
                  ),
                  Padding(
                    padding: const EdgeInsets.fromLTRB(8, 4, 0, 4),
                    child: Container(
                        alignment: Alignment.centerLeft,
                        child: Icon(
                          Icons.brightness_1,
                          color: Colors.deepPurple,
                        )),
                  ),
                  Padding(
                    padding: const EdgeInsets.fromLTRB(8, 4, 0, 8),
                    child: Container(
                        alignment: Alignment.centerLeft,
                        child: Icon(
                          Icons.brightness_1,
                          color: Colors.deepPurple,
                        )),
                  ),
                ],
              ),
            ),
          ),
        ),
        Padding(
          padding: const EdgeInsets.only(left: 74),
          child: Transform.rotate(
            angle: math.pi / -45,
            child: Card(
              elevation: 6,
              shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(5)),
              child: Stack(
                alignment: Alignment.bottomRight,
                children: <Widget>[
                  IntrinsicWidth(
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      mainAxisSize: MainAxisSize.min,
                      children: <Widget>[
                        ValidationItem("8 or more Characters", eightChars),
                        _separator(),
                        ValidationItem("1 Special character", specialChar),
                        _separator(),
                        ValidationItem("1 Upper case", upperCaseChar),
                        _separator(),
                        ValidationItem("1 Lower case", lowerCaseChar),
                        _separator(),
                        ValidationItem("1 Number", number)
                      ],
                    ),
                  ),
                  Padding(
                    padding: const EdgeInsets.all(8.0),
                    child: Transform.scale(
                      scale: _fabScale.value,
                      child: Card(
                        shape: CircleBorder(),
                        color: Colors.green,
                        child: Padding(
                          padding: const EdgeInsets.all(8.0),
                          child: Icon(
                            Icons.check,
                            color: Colors.white,
                          ),
                        ),
                      ),
                    ),
                  )
                ],
              ),
            ),
          ),
        )
      ],
    );
  }
}