Password validation with the dropdown/dialog is ready
This commit is contained in:
parent
32fafe664d
commit
8329bf7bd3
|
@ -298,145 +298,169 @@ class _EmailEntryPageState extends State<EmailEntryPage> {
|
||||||
bottom: -48,
|
bottom: -48,
|
||||||
child: Row(
|
child: Row(
|
||||||
children: [
|
children: [
|
||||||
|
// SizedBox(
|
||||||
|
// width: 20, //hardcoded
|
||||||
|
// ),
|
||||||
SizedBox(
|
SizedBox(
|
||||||
width: 20, //hardcoded
|
width: MediaQuery.of(context).size.width,
|
||||||
),
|
child: Padding(
|
||||||
Container(
|
padding: const EdgeInsets.symmetric(
|
||||||
decoration: BoxDecoration(
|
horizontal: 20),
|
||||||
border: Border.all(
|
child: Container(
|
||||||
color: Theme.of(context).hintColor,
|
decoration: BoxDecoration(
|
||||||
width: 0.5),
|
border: Border.all(
|
||||||
borderRadius: BorderRadius.only(
|
color: Theme.of(context).hintColor,
|
||||||
topLeft: Radius.zero,
|
width: 0.5),
|
||||||
topRight: Radius.zero,
|
borderRadius: BorderRadius.only(
|
||||||
bottomLeft: Radius.circular(5),
|
topLeft: Radius.zero,
|
||||||
bottomRight: Radius.circular(5),
|
topRight: Radius.zero,
|
||||||
|
bottomLeft: Radius.circular(5),
|
||||||
|
bottomRight: Radius.circular(5),
|
||||||
|
),
|
||||||
|
color: Theme.of(context)
|
||||||
|
.dialogTheme
|
||||||
|
.backgroundColor,
|
||||||
|
),
|
||||||
|
//width: MediaQuery.of(context).size.width,
|
||||||
|
width: double.infinity,
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment:
|
||||||
|
CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.fromLTRB(
|
||||||
|
4.0, 8, 4.0, 4.0),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets
|
||||||
|
.fromLTRB(10, 0, 8, 0),
|
||||||
|
child: _lenghtIsValid
|
||||||
|
? Icon(
|
||||||
|
Icons.check,
|
||||||
|
color:
|
||||||
|
CupertinoColors
|
||||||
|
.systemGrey2,
|
||||||
|
)
|
||||||
|
: Icon(
|
||||||
|
Icons.check,
|
||||||
|
color: Theme.of(
|
||||||
|
context)
|
||||||
|
.dialogTheme
|
||||||
|
.backgroundColor,
|
||||||
|
)),
|
||||||
|
Text(
|
||||||
|
'Must be minimum 9 characters long',
|
||||||
|
style: _lenghtIsValid
|
||||||
|
? TextStyle(
|
||||||
|
decoration:
|
||||||
|
TextDecoration
|
||||||
|
.lineThrough,
|
||||||
|
color:
|
||||||
|
CupertinoColors
|
||||||
|
.systemGrey)
|
||||||
|
: TextStyle(
|
||||||
|
color:
|
||||||
|
Color.fromARGB(
|
||||||
|
255,
|
||||||
|
241,
|
||||||
|
118,
|
||||||
|
109)))
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.all(4.0),
|
||||||
|
child: Padding(
|
||||||
|
padding:
|
||||||
|
const EdgeInsets.fromLTRB(
|
||||||
|
10, 0, 8, 0),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
child:
|
||||||
|
_specialCharIsPresent
|
||||||
|
? Icon(
|
||||||
|
Icons.check,
|
||||||
|
color: CupertinoColors
|
||||||
|
.systemGrey2,
|
||||||
|
)
|
||||||
|
: Icon(
|
||||||
|
Icons.check,
|
||||||
|
color: Theme.of(
|
||||||
|
context)
|
||||||
|
.dialogTheme
|
||||||
|
.backgroundColor,
|
||||||
|
)),
|
||||||
|
Text(
|
||||||
|
' Must have special characters',
|
||||||
|
style: _specialCharIsPresent
|
||||||
|
? TextStyle(
|
||||||
|
decoration:
|
||||||
|
TextDecoration
|
||||||
|
.lineThrough,
|
||||||
|
color:
|
||||||
|
CupertinoColors
|
||||||
|
.systemGrey)
|
||||||
|
: TextStyle(
|
||||||
|
color: Color
|
||||||
|
.fromARGB(
|
||||||
|
255,
|
||||||
|
241,
|
||||||
|
118,
|
||||||
|
109)))
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding: const EdgeInsets.fromLTRB(
|
||||||
|
4, 4, 4, 8),
|
||||||
|
child: Padding(
|
||||||
|
padding:
|
||||||
|
const EdgeInsets.fromLTRB(
|
||||||
|
10, 0, 8, 0),
|
||||||
|
child: Row(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
child:
|
||||||
|
_capitalLetterIsPresent
|
||||||
|
? Icon(
|
||||||
|
Icons.check,
|
||||||
|
color: CupertinoColors
|
||||||
|
.systemGrey2,
|
||||||
|
)
|
||||||
|
: Icon(
|
||||||
|
Icons.check,
|
||||||
|
color: Theme.of(
|
||||||
|
context)
|
||||||
|
.dialogTheme
|
||||||
|
.backgroundColor,
|
||||||
|
)),
|
||||||
|
Text(
|
||||||
|
' Must have a capital letter',
|
||||||
|
style: _capitalLetterIsPresent
|
||||||
|
? TextStyle(
|
||||||
|
decoration:
|
||||||
|
TextDecoration
|
||||||
|
.lineThrough,
|
||||||
|
color:
|
||||||
|
CupertinoColors
|
||||||
|
.systemGrey)
|
||||||
|
: TextStyle(
|
||||||
|
color: Color
|
||||||
|
.fromARGB(
|
||||||
|
255,
|
||||||
|
241,
|
||||||
|
118,
|
||||||
|
109)))
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
]),
|
||||||
),
|
),
|
||||||
color: Theme.of(context)
|
|
||||||
.dialogTheme
|
|
||||||
.backgroundColor,
|
|
||||||
),
|
),
|
||||||
width: MediaQuery.of(context).size.width * 0.9,
|
|
||||||
child: Column(
|
|
||||||
crossAxisAlignment:
|
|
||||||
CrossAxisAlignment.start,
|
|
||||||
children: [
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.fromLTRB(
|
|
||||||
4.0, 8, 4.0, 4.0),
|
|
||||||
child: Row(
|
|
||||||
children: [
|
|
||||||
Padding(
|
|
||||||
padding:
|
|
||||||
const EdgeInsets.fromLTRB(
|
|
||||||
10, 0, 8, 0),
|
|
||||||
child: _lenghtIsValid
|
|
||||||
? Icon(
|
|
||||||
Icons.check,
|
|
||||||
color: CupertinoColors
|
|
||||||
.systemGrey2,
|
|
||||||
)
|
|
||||||
: Icon(
|
|
||||||
Icons.check,
|
|
||||||
color: CupertinoColors
|
|
||||||
.systemGrey6,
|
|
||||||
)),
|
|
||||||
Text(
|
|
||||||
'Must be minimum 9 characters long',
|
|
||||||
style: _lenghtIsValid
|
|
||||||
? TextStyle(
|
|
||||||
decoration:
|
|
||||||
TextDecoration
|
|
||||||
.lineThrough,
|
|
||||||
color: CupertinoColors
|
|
||||||
.systemGrey)
|
|
||||||
: TextStyle(
|
|
||||||
color: Color.fromARGB(
|
|
||||||
255,
|
|
||||||
241,
|
|
||||||
118,
|
|
||||||
109)))
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.all(4.0),
|
|
||||||
child: Padding(
|
|
||||||
padding: const EdgeInsets.fromLTRB(
|
|
||||||
10, 0, 8, 0),
|
|
||||||
child: Row(
|
|
||||||
children: [
|
|
||||||
Container(
|
|
||||||
child: _specialCharIsPresent
|
|
||||||
? Icon(
|
|
||||||
Icons.check,
|
|
||||||
color: CupertinoColors
|
|
||||||
.systemGrey2,
|
|
||||||
)
|
|
||||||
: Icon(
|
|
||||||
Icons.check,
|
|
||||||
color: CupertinoColors
|
|
||||||
.systemGrey6,
|
|
||||||
)),
|
|
||||||
Text(
|
|
||||||
' Must have special characters',
|
|
||||||
style: _specialCharIsPresent
|
|
||||||
? TextStyle(
|
|
||||||
decoration:
|
|
||||||
TextDecoration
|
|
||||||
.lineThrough,
|
|
||||||
color: CupertinoColors
|
|
||||||
.systemGrey)
|
|
||||||
: TextStyle(
|
|
||||||
color: Color.fromARGB(
|
|
||||||
255,
|
|
||||||
241,
|
|
||||||
118,
|
|
||||||
109)))
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.fromLTRB(
|
|
||||||
4, 4, 4, 8),
|
|
||||||
child: Padding(
|
|
||||||
padding: const EdgeInsets.fromLTRB(
|
|
||||||
10, 0, 8, 0),
|
|
||||||
child: Row(
|
|
||||||
children: [
|
|
||||||
Container(
|
|
||||||
child: _capitalLetterIsPresent
|
|
||||||
? Icon(
|
|
||||||
Icons.check,
|
|
||||||
color: CupertinoColors
|
|
||||||
.systemGrey2,
|
|
||||||
)
|
|
||||||
: Icon(
|
|
||||||
Icons.check,
|
|
||||||
color: CupertinoColors
|
|
||||||
.systemGrey6,
|
|
||||||
)),
|
|
||||||
Text(
|
|
||||||
' Must have a capital letter',
|
|
||||||
style: _capitalLetterIsPresent
|
|
||||||
? TextStyle(
|
|
||||||
decoration:
|
|
||||||
TextDecoration
|
|
||||||
.lineThrough,
|
|
||||||
color: CupertinoColors
|
|
||||||
.systemGrey)
|
|
||||||
: TextStyle(
|
|
||||||
color: Color.fromARGB(
|
|
||||||
255,
|
|
||||||
241,
|
|
||||||
118,
|
|
||||||
109)))
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
]),
|
|
||||||
),
|
),
|
||||||
SizedBox(
|
SizedBox(
|
||||||
width: 20,
|
width: 20,
|
||||||
|
|
Loading…
Reference in a new issue