justDEV
/
justMusic
2
4
Fork 0
Code Issues 35 Pull Requests 5 Packages Projects 1 Releases Wiki Activity

UI Verify Screen done ✅
continuous-integration/drone/push Build is passing Details

Browse Source
VERIFY_MAIL_EKA
Emre KARTAL 2 years ago
parent f5721be47f
commit d1565f7c2e
2 changed files with 136 additions and 33 deletions
Show Stats Download Patch File Download Diff File

BIN
Sources/justMUSIC/assets/images/plane_icon.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

171
Sources/justMUSIC/lib/screens/verify_email_screen.dart
Unescape View File

@ -1,10 +1,14 @@
import 'dart:async'; import 'dart:async';
import 'package:auto_size_text/auto_size_text.dart';
import 'package:firebase_auth/firebase_auth.dart'; import 'package:firebase_auth/firebase_auth.dart';
import 'package:flutter/Material.dart'; import 'package:flutter/Material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:google_fonts/google_fonts.dart'; import 'package:google_fonts/google_fonts.dart';
import 'package:justmusic/main.dart'; import 'package:justmusic/main.dart';
import 'package:justmusic/values/constants.dart';
import '../components/login_button.dart';
class VerifyEmailScreen extends StatefulWidget { class VerifyEmailScreen extends StatefulWidget {
const VerifyEmailScreen({Key? key}) : super(key: key); const VerifyEmailScreen({Key? key}) : super(key: key);
@ -28,7 +32,7 @@ class _VerifyEmailScreenState extends State<VerifyEmailScreen> {
sendVerificationEmail(); sendVerificationEmail();
timer = Timer.periodic( timer = Timer.periodic(
Duration(seconds: 3), Duration(seconds: 5),
(_) => checkEmailVerified(), (_) => checkEmailVerified(),
); );
} }
@ -55,7 +59,7 @@ class _VerifyEmailScreenState extends State<VerifyEmailScreen> {
} }
cancel() { cancel() {
Navigator.pushNamed(context, '/welcome'); Navigator.pushNamed(context, '/register');
MyApp.userViewModel.delete(); MyApp.userViewModel.delete();
} }
@ -86,38 +90,137 @@ class _VerifyEmailScreenState extends State<VerifyEmailScreen> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return Scaffold(
appBar: AppBar( backgroundColor: bgColor,
title: Text('Verify Email'), body: Stack(
), children: [
body: Padding( SingleChildScrollView(
padding: EdgeInsets.all(16), child: SizedBox(
child: width: double.infinity,
Column(mainAxisAlignment: MainAxisAlignment.center, children: [ child: Column(
Text('A verification email has been sent to your email.', children: [
style: TextStyle(fontSize: 20), textAlign: TextAlign.center), Padding(
SizedBox(height: 24), padding: EdgeInsets.only(top: 200.h),
ElevatedButton.icon( child: Align(
style: ElevatedButton.styleFrom( child: SizedBox(
minimumSize: Size.fromHeight(50), width: 56.h,
), child: Image(
icon: Icon(Icons.email, size: 32), image:
label: Text( AssetImage("assets/images/plane_icon.png")),
'ResentEmail', ),
style: TextStyle(fontSize: 24), )),
), Padding(
onPressed: canResendEmail ? sendVerificationEmail : null, padding: EdgeInsets.only(top: 43.h),
), child: AutoSizeText(
SizedBox(height: 8), "Verification de ton Email",
TextButton( style: GoogleFonts.plusJakartaSans(
style: ElevatedButton.styleFrom( color: Colors.white,
minimumSize: Size.fromHeight(50), fontWeight: FontWeight.w600,
), fontSize: 24.w),
child: Text( maxLines: 1,
'Cancel', maxFontSize: 30,
style: TextStyle(fontSize: 24), overflow: TextOverflow.fade,
), ),
onPressed: cancel, ),
Padding(
padding: EdgeInsets.symmetric(horizontal: defaultPadding),
child: Padding(
padding: EdgeInsets.only(bottom: 50.h),
child: Column(
mainAxisAlignment: MainAxisAlignment.end,
children: [
SizedBox(
height: 15.h,
),
SizedBox(
width: 346.h,
child: AutoSizeText(
"Nous vous avons envoyé un lien de confirmation a l'adresse ${MyApp.userViewModel.userCurrent.mail}.\nVeuillez verifier votre messagerie et cliquer sur le lien pour vérifier votre Email.",
style: GoogleFonts.plusJakartaSans(
color: Colors.white,
fontWeight: FontWeight.w100,
fontSize: 16.w),
maxFontSize: 20,
textAlign: TextAlign.center,
),
),
],
),
),
),
Padding(
padding: EdgeInsets.symmetric(horizontal: defaultPadding),
child: SizedBox(
width: 600,
child: LoginButton(
callback: checkEmailVerified,
)),
),
Align(
child: GestureDetector(
behavior: HitTestBehavior.translucent,
onTap: () {
canResendEmail ? sendVerificationEmail() : null;
},
child: Padding(
padding: EdgeInsets.only(top: 55),
child: RichText(
textAlign: TextAlign.center,
text: TextSpan(
text: 'Renvoyer l’Email de confirmation',
style: GoogleFonts.plusJakartaSans(
fontSize: 15,
fontWeight: FontWeight.w400,
color: primaryColor),
),
),
),
),
),
Align(
child: GestureDetector(
behavior: HitTestBehavior.translucent,
onTap: () {
cancel();
},
child: Padding(
padding: EdgeInsets.only(top: 43),
child: RichText(
textAlign: TextAlign.center,
text: TextSpan(
text: 'Revenir a l’étape précédente',
style: GoogleFonts.plusJakartaSans(
fontSize: 15,
fontWeight: FontWeight.w400,
color: primaryColor),
),
),
),
),
),
],
),
),
),
Align(
alignment: Alignment.topCenter,
child: ConstrainedBox(
constraints: BoxConstraints(maxWidth: 800),
child: Padding(
padding: EdgeInsets.only(
top: 45.h, left: defaultPadding, right: defaultPadding),
child: ClipRRect(
borderRadius: BorderRadius.circular(10.0),
child: LinearProgressIndicator(
minHeight: 5,
value: 0.75,
backgroundColor: grayColor,
color: primaryColor,
),
),
),
),
) )
]))); ],
));
} }
} }

Write Preview
Loading…
Cancel
Save