|
|
|
@ -150,243 +150,6 @@ class SMSOTP {
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
return Container(
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
height: SizeConfig.realScreenHeight * 0.5,
|
|
|
|
|
width: SizeConfig.realScreenWidth,
|
|
|
|
|
child: Center(
|
|
|
|
|
child: Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
type == 1 ? Image.asset('assets/images/login/103.png') : Image.asset('assets/images/login/104.png'),
|
|
|
|
|
Padding(
|
|
|
|
|
padding: EdgeInsets.only(top: 5),
|
|
|
|
|
child: AppText(
|
|
|
|
|
TranslationBase.of(context).pleaseEnterTheVerificationCode + ' XXXXXX' + mobileNo.toString().substring(mobileNo.toString().length - 3),
|
|
|
|
|
textAlign: TextAlign.center,
|
|
|
|
|
)),
|
|
|
|
|
Directionality(
|
|
|
|
|
textDirection: TextDirection.ltr,
|
|
|
|
|
child: TextFieldPin(
|
|
|
|
|
filled: true,
|
|
|
|
|
filledColor: Colors.grey[100],
|
|
|
|
|
codeLength: 4,
|
|
|
|
|
filledAfterTextChange: true,
|
|
|
|
|
boxSize: 50,
|
|
|
|
|
margin: 10,
|
|
|
|
|
borderStyeAfterTextChange: OutlineInputBorder(
|
|
|
|
|
borderRadius: BorderRadius.all(Radius.circular(10)),
|
|
|
|
|
borderSide: BorderSide(color: Colors.black),
|
|
|
|
|
),
|
|
|
|
|
borderStyle: OutlineInputBorder(
|
|
|
|
|
borderRadius: BorderRadius.all(Radius.circular(10)),
|
|
|
|
|
borderSide: BorderSide(color: Colors.black),
|
|
|
|
|
),
|
|
|
|
|
onOtpCallback: (code, isAutofill) => _onOtpCallBack(code, isAutofill),
|
|
|
|
|
)),
|
|
|
|
|
SizedBox(height: 20),
|
|
|
|
|
Padding(
|
|
|
|
|
padding: EdgeInsets.only(top: 10),
|
|
|
|
|
child: AppText(
|
|
|
|
|
TranslationBase.of(context).validationMessage + ' ' + displayTime,
|
|
|
|
|
color: Colors.red,
|
|
|
|
|
textAlign: TextAlign.center,
|
|
|
|
|
))
|
|
|
|
|
],
|
|
|
|
|
)),
|
|
|
|
|
);
|
|
|
|
|
}),
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
AlertDialog(
|
|
|
|
|
title: Row(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
IconButton(
|
|
|
|
|
icon: Icon(Icons.close),
|
|
|
|
|
onPressed: () {
|
|
|
|
|
Navigator.pop(context);
|
|
|
|
|
this.onFailure();
|
|
|
|
|
},
|
|
|
|
|
)
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
shape: RoundedRectangleBorder(borderRadius: BorderRadius.all(Radius.circular(10.0))),
|
|
|
|
|
content: StatefulBuilder(builder: (context, setState) {
|
|
|
|
|
if (displayTime == '') {
|
|
|
|
|
startTimer(setState);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return Container(
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
height: SizeConfig.realScreenHeight * 0.5,
|
|
|
|
|
width: SizeConfig.realScreenWidth,
|
|
|
|
|
child: Center(
|
|
|
|
|
child: Column(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
type == 1 ? Image.asset('assets/images/login/103.png') : Image.asset('assets/images/login/104.png'),
|
|
|
|
|
Padding(
|
|
|
|
|
padding: EdgeInsets.only(top: 5),
|
|
|
|
|
child: AppText(
|
|
|
|
|
TranslationBase.of(context).pleaseEnterTheVerificationCode + ' XXXXXX' + mobileNo.toString().substring(mobileNo.toString().length - 3),
|
|
|
|
|
textAlign: TextAlign.center,
|
|
|
|
|
)),
|
|
|
|
|
|
|
|
|
|
Directionality(
|
|
|
|
|
textDirection: TextDirection.ltr,
|
|
|
|
|
child: TextFieldPin(
|
|
|
|
|
filled: true,
|
|
|
|
|
filledColor: Colors.grey[100],
|
|
|
|
|
codeLength: 4,
|
|
|
|
|
filledAfterTextChange: true,
|
|
|
|
|
boxSize: 50,
|
|
|
|
|
margin: 10,
|
|
|
|
|
borderStyeAfterTextChange: OutlineInputBorder(
|
|
|
|
|
borderRadius: BorderRadius.all(Radius.circular(10)),
|
|
|
|
|
borderSide: BorderSide(color: Colors.black),
|
|
|
|
|
),
|
|
|
|
|
borderStyle: OutlineInputBorder(
|
|
|
|
|
borderRadius: BorderRadius.all(Radius.circular(10)),
|
|
|
|
|
borderSide: BorderSide(color: Colors.black),
|
|
|
|
|
),
|
|
|
|
|
onOtpCallback: (code, isAutofill) => _onOtpCallBack(code, isAutofill),
|
|
|
|
|
)),
|
|
|
|
|
// Form(
|
|
|
|
|
// key: verifyAccountForm,
|
|
|
|
|
// child: Padding(
|
|
|
|
|
// padding: EdgeInsets.only(top: 20),
|
|
|
|
|
// child: Directionality(
|
|
|
|
|
// textDirection: TextDirection.ltr,
|
|
|
|
|
// child:
|
|
|
|
|
// // Row(
|
|
|
|
|
// mainAxisAlignment: MainAxisAlignment.spaceAround,
|
|
|
|
|
// children: <Widget>[
|
|
|
|
|
// Container(
|
|
|
|
|
|
|
|
|
|
// child: ,
|
|
|
|
|
// )
|
|
|
|
|
// Container(
|
|
|
|
|
// width: SizeConfig.realScreenWidth * 0.15,
|
|
|
|
|
// child: TextFormField(
|
|
|
|
|
// textInputAction: TextInputAction.next,
|
|
|
|
|
// style: buildTextStyle(),
|
|
|
|
|
// autofocus: true,
|
|
|
|
|
// maxLength: 1,
|
|
|
|
|
// controller: digit1,
|
|
|
|
|
// textAlign: TextAlign.center,
|
|
|
|
|
// keyboardType: TextInputType.number,
|
|
|
|
|
// decoration: buildInputDecoration(context),
|
|
|
|
|
// onSaved: (val) {},
|
|
|
|
|
// validator: validateCodeDigit,
|
|
|
|
|
// onFieldSubmitted: (_) {
|
|
|
|
|
// FocusScope.of(context)
|
|
|
|
|
// .requestFocus(focusD2);
|
|
|
|
|
// },
|
|
|
|
|
// onChanged: (val) {
|
|
|
|
|
// if (val.length == 1) {
|
|
|
|
|
// FocusScope.of(context)
|
|
|
|
|
// .requestFocus(focusD2);
|
|
|
|
|
// verifyAccountFormValue['digit1'] =
|
|
|
|
|
// val.trim();
|
|
|
|
|
// checkValue();
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
// ),
|
|
|
|
|
// ),
|
|
|
|
|
// Container(
|
|
|
|
|
// width: SizeConfig.realScreenWidth * 0.15,
|
|
|
|
|
// child: TextFormField(
|
|
|
|
|
// focusNode: focusD2,
|
|
|
|
|
// textInputAction: TextInputAction.next,
|
|
|
|
|
// maxLength: 1,
|
|
|
|
|
// controller: digit2,
|
|
|
|
|
// textAlign: TextAlign.center,
|
|
|
|
|
// style: buildTextStyle(),
|
|
|
|
|
// keyboardType: TextInputType.number,
|
|
|
|
|
// decoration: buildInputDecoration(context),
|
|
|
|
|
// onSaved: (val) {},
|
|
|
|
|
// onFieldSubmitted: (_) {
|
|
|
|
|
// FocusScope.of(context)
|
|
|
|
|
// .requestFocus(focusD3);
|
|
|
|
|
// },
|
|
|
|
|
// onChanged: (val) {
|
|
|
|
|
// if (val.length == 1) {
|
|
|
|
|
// FocusScope.of(context)
|
|
|
|
|
// .requestFocus(focusD3);
|
|
|
|
|
// verifyAccountFormValue['digit2'] =
|
|
|
|
|
// val.trim();
|
|
|
|
|
// checkValue();
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
// validator: validateCodeDigit),
|
|
|
|
|
// ),
|
|
|
|
|
// Container(
|
|
|
|
|
// width: SizeConfig.realScreenWidth * 0.15,
|
|
|
|
|
// child: TextFormField(
|
|
|
|
|
// focusNode: focusD3,
|
|
|
|
|
// textInputAction: TextInputAction.next,
|
|
|
|
|
// maxLength: 1,
|
|
|
|
|
// controller: digit3,
|
|
|
|
|
// textAlign: TextAlign.center,
|
|
|
|
|
// style: buildTextStyle(),
|
|
|
|
|
// keyboardType: TextInputType.number,
|
|
|
|
|
// decoration:
|
|
|
|
|
// buildInputDecoration(context),
|
|
|
|
|
// onSaved: (val) {},
|
|
|
|
|
// onFieldSubmitted: (_) {
|
|
|
|
|
// FocusScope.of(context)
|
|
|
|
|
// .requestFocus(focusD4);
|
|
|
|
|
// },
|
|
|
|
|
// onChanged: (val) {
|
|
|
|
|
// if (val.length == 1) {
|
|
|
|
|
// FocusScope.of(context)
|
|
|
|
|
// .requestFocus(focusD4);
|
|
|
|
|
// verifyAccountFormValue['digit3'] =
|
|
|
|
|
// val.trim();
|
|
|
|
|
// checkValue();
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
// validator: validateCodeDigit)),
|
|
|
|
|
// Container(
|
|
|
|
|
// width: SizeConfig.realScreenWidth * 0.15,
|
|
|
|
|
// child: TextFormField(
|
|
|
|
|
// focusNode: focusD4,
|
|
|
|
|
// maxLength: 1,
|
|
|
|
|
// textAlign: TextAlign.center,
|
|
|
|
|
// style: buildTextStyle(),
|
|
|
|
|
// controller: digit4,
|
|
|
|
|
// keyboardType: TextInputType.number,
|
|
|
|
|
// decoration:
|
|
|
|
|
// buildInputDecoration(context),
|
|
|
|
|
// onFieldSubmitted: (_) {
|
|
|
|
|
// FocusScope.of(context)
|
|
|
|
|
// .requestFocus(focusD4);
|
|
|
|
|
// },
|
|
|
|
|
// onChanged: (val) {
|
|
|
|
|
// if (val.length == 1) {
|
|
|
|
|
// verifyAccountFormValue['digit4'] =
|
|
|
|
|
// val.trim();
|
|
|
|
|
// checkValue();
|
|
|
|
|
// }
|
|
|
|
|
// },
|
|
|
|
|
// validator: validateCodeDigit)),
|
|
|
|
|
// ],
|
|
|
|
|
//)),
|
|
|
|
|
//),
|
|
|
|
|
//),
|
|
|
|
|
SizedBox(height: 20),
|
|
|
|
|
Padding(
|
|
|
|
|
padding: EdgeInsets.only(top: 10),
|
|
|
|
|
child: AppText(
|
|
|
|
|
TranslationBase.of(context).validationMessage + ' ' + displayTime,
|
|
|
|
|
color: Colors.red,
|
|
|
|
|
textAlign: TextAlign.center,
|
|
|
|
|
))
|
|
|
|
|
],
|
|
|
|
|
)),
|
|
|
|
|
);
|
|
|
|
|
}),
|
|
|
|
|
);
|
|
|
|
|
});
|
|
|
|
|