import 'package:flutter/material.dart'; import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:flutter_spinkit/flutter_spinkit.dart'; import 'package:flutter_svg/flutter_svg.dart'; import 'package:flutter_form_builder/flutter_form_builder.dart'; import 'package:fluttericon/font_awesome5_icons.dart'; import 'package:fluttertoast/fluttertoast.dart'; import 'package:form_builder_validators/form_builder_validators.dart'; import 'package:flutter_progress_hud/flutter_progress_hud.dart'; import 'package:unit2/screens/unit2/login/components/update_required.dart'; import 'package:unit2/screens/unit2/login/qr_login.dart'; import 'package:unit2/utils/alerts.dart'; import 'package:unit2/utils/internet_time_out.dart'; import 'package:unit2/utils/text_container.dart'; import 'package:unit2/widgets/error_state.dart'; import '../../../bloc/user/user_bloc.dart'; import '../../../utils/global_context.dart'; import '../../../widgets/splash_screen.dart'; import '../../../widgets/wave.dart'; import '../../../utils/global.dart'; import '../../../theme-data.dart/colors.dart'; import '../../../theme-data.dart/form-style.dart'; import '../../../theme-data.dart/btn-style.dart'; import './components/login-via-qr-label.dart'; import './functions/press-again-to-exit.dart'; class UniT2Login extends StatefulWidget { const UniT2Login({super.key}); @override State createState() => _UniT2LoginState(); } class _UniT2LoginState extends State { final _formKey = GlobalKey(); bool showSuffixIcon = false; bool _showPassword = true; String? password; String? username; @override Widget build(BuildContext context) { return WillPopScope( onWillPop: pressAgainToExit, child: Scaffold( body: ProgressHUD( backgroundColor: Colors.black87, indicatorWidget: const SpinKitFadingCircle(color: Colors.white), child: BlocConsumer(listener: (context, state) { print(state); if (state is UserLoggedIn || state is UuidLoaded) { final progress = ProgressHUD.of(context); progress!.dismiss(); } if (state is UserLoggedIn) { if (state.success == true) { if (!state.savedCredentials!) { confirmAlertWithCancel(context, () async { await CREDENTIALS?.put('saved', "saved"); await CREDENTIALS?.put('username', state.userData!.user!.login!.user!.username!); await CREDENTIALS?.put('password', password); Fluttertoast.showToast( msg: "Credentials Successfully saved", toastLength: Toast.LENGTH_LONG, gravity: ToastGravity.BOTTOM, backgroundColor: Colors.black, ); Navigator.pushReplacementNamed( NavigationService.navigatorKey.currentContext!, '/module-screen'); }, () => Navigator.pushReplacementNamed( context, '/module-screen'), "Save credentials?", "Do you want to save credentials so you don't have to login again next time?."); } else { Navigator.pushReplacementNamed(context, '/module-screen'); } } else { final progress = ProgressHUD.of(context); progress!.dismiss(); errorAlert(context, "Error Login", state.message, () { context .read() .add(LoadVersion(username: username, password: password)); Navigator.of(context).pop(); }); } } if (state is UuidLoaded) { Navigator.push(context, MaterialPageRoute(builder: (BuildContext context) { return const QRLogin(); })); } }, builder: (context, state) { if (state is VersionLoaded) { return Builder(builder: (context) { if (state.versionInfo!.version != state.apkVersion) { return SizedBox( child: SingleChildScrollView( child: Stack( alignment: Alignment.center, children: [ Positioned( bottom: 0, right: 0, child: WaveReverse(height: blockSizeVertical * 7)), SizedBox( height: blockSizeVertical * 100, child: FormBuilder( key: _formKey, child: Padding( padding: const EdgeInsets.symmetric(horizontal: 42), child: Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: [ SvgPicture.asset( 'assets/svgs/logo.svg', height: blockSizeVertical * 12, allowDrawingOutsideViewBox: true, color: primary, ), Text( welcome, style: TextStyle( fontSize: blockSizeVertical * 4, fontWeight: FontWeight.w600), ), Text(unitApp, style: TextStyle( fontSize: blockSizeVertical * 6, fontWeight: FontWeight.w800, letterSpacing: .2, height: 1, color: primary)), // Text( // loginToContinue, // style: TextStyle( // fontSize: blockSizeVertical * 1.7, // height: 1.5, // fontWeight: FontWeight.w600), // ), SizedBox( height: blockSizeVertical * 3, ), //// USERNAME FormBuilderTextField( name: 'username', initialValue: state.username, validator: FormBuilderValidators.required( errorText: usernameRequired), autofocus: false, style: const TextStyle( fontWeight: FontWeight.bold, color: Colors.black87), decoration: loginTextFieldStyle().copyWith()), SizedBox( height: blockSizeVertical * 1.5, ), //// PASSWORD FormBuilderTextField( name: 'password', initialValue: state.password, validator: FormBuilderValidators.required( errorText: passwordRequired), onChanged: (value) { value!.isEmpty ? setState(() { showSuffixIcon = false; }) : setState(() { showSuffixIcon = true; }); }, autofocus: false, style: const TextStyle( fontWeight: FontWeight.bold, color: Colors.black87), decoration: loginTextFieldStyle().copyWith( suffixIcon: Visibility( visible: showSuffixIcon, child: _showPassword ? IconButton( icon: Icon( FontAwesome5 .eye_slash, size: 24, color: Theme.of( context) .textTheme .displayLarge ?.color), onPressed: () { setState(() { _showPassword = false; }); }, ) : IconButton( onPressed: () { setState(() { _showPassword = true; }); }, icon: Icon( FontAwesome5.eye, size: 24, color: Theme.of( context) .textTheme .displayLarge ?.color)), ), prefixIcon: const Icon( Icons.lock, color: primary, ), labelText: "Password", hintText: enterPassword), obscureText: _showPassword ? true : false, ), SizedBox( height: blockSizeVertical * 2, ), SizedBox( height: blockSizeVertical * 7, //// Login Button child: SizedBox( width: MediaQuery.of(context).size.width, child: ElevatedButton( style: mainBtnStyle( second, Colors.transparent, Colors.white54), child: const Text( login, style: TextStyle(color: Colors.white), ), onPressed: () { final progress = ProgressHUD.of(context); FocusScope.of(context).unfocus(); if (_formKey.currentState! .saveAndValidate()) { password = _formKey.currentState! .value['password']; username = _formKey.currentState! .value['username']; progress?.showWithText( 'Logging in...', ); BlocProvider.of(context) .add(UserLogin( username: username, password: password)); } }, ), ), ), SizedBox( height: blockSizeVertical * 1.5, ), //// Login via Scan QR SizedBox( height: blockSizeVertical * 7, child: SizedBox( width: MediaQuery.of(context).size.width, child: ElevatedButton.icon( style: mainBtnStyle( Colors.white, second, primary.withOpacity(.4)), icon: const Icon( Icons.qr_code, color: second, ), label: const Text( loginViaQr, style: TextStyle(color: second), ), onPressed: () { context .read() .add(GetUuid()); }, ), )), SizedBox( height: blockSizeVertical * 2, ), const LoginViaQr( text: emergencyReponseLabel), SizedBox( height: blockSizeVertical * 2, ), // REQUEST SOS SizedBox( height: screenHeight * .07, width: MediaQuery.of(context).size.width, child: ElevatedButton.icon( icon: const Icon( FontAwesome5.life_ring, color: Colors.white, ), style: mainBtnStyle( third, Colors.transparent, Colors.white38), onPressed: () { Navigator.pushNamed( context, '/sos'); }, label: const Text( requestSOS, style: TextStyle(color: Colors.white), )), ) ], ), ), ), ), ], ), ), ); } else { //New update available return Update( apkVersion: state.apkVersion!, currenVersion: state.versionInfo!.version!, ); } }); } if (state is UserError) { return SomethingWentWrong( message: onError, onpressed: () { BlocProvider.of( NavigationService.navigatorKey.currentContext!) .add(GetApkVersion()); return MaterialPageRoute(builder: (_) { return const UniT2Login(); }); }, ); } if (state is InternetTimeout) { return const TimeOutError(); } if (state is SplashScreen) { return const UniTSplashScreen(); } if (state is LoginErrorState) { return SomethingWentWrong( message: state.message, onpressed: () { BlocProvider.of( NavigationService.navigatorKey.currentContext!) .add(GetApkVersion()); return MaterialPageRoute(builder: (_) { return const UniT2Login(); }); }, ); } return Container(); }), ), ), ); } }