parent
ec8bb4deee
commit
3c9ac2ce0e
@ -0,0 +1,180 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:supplier_new/signup/password_textbox_screen.dart';
|
||||
|
||||
import '../common/settings.dart';
|
||||
|
||||
class Otpscreen extends StatefulWidget {
|
||||
var mobileNumber;
|
||||
Otpscreen({
|
||||
this.mobileNumber
|
||||
});
|
||||
|
||||
@override
|
||||
State<Otpscreen> createState() => _OtpscreenState();
|
||||
}
|
||||
|
||||
class _OtpscreenState extends State<Otpscreen> {
|
||||
final List<TextEditingController> _controllers = List.generate(6, (index) => TextEditingController());
|
||||
final FocusNode _focusNode = FocusNode();
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_controllers.forEach((controller) => controller.dispose());
|
||||
_focusNode.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
void _submitOtp() {
|
||||
final otp = _controllers.map((controller) => controller.text).join();
|
||||
print("Entered OTP: $otp");
|
||||
// Add OTP validation or submission logic here
|
||||
}
|
||||
|
||||
|
||||
String maskMobileNumber(String number) {
|
||||
if (number.length < 3) return number; // Handle invalid numbers
|
||||
final stars = '*' * (number.length - 3);
|
||||
final lastThree = number.substring(number.length - 3);
|
||||
return '$stars$lastThree';
|
||||
}
|
||||
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
body: Stack(children: <Widget>[
|
||||
/*Container(
|
||||
decoration: const BoxDecoration(
|
||||
image: DecorationImage(
|
||||
image: AssetImage("images/backgroundimage.png"),
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
),*/
|
||||
GestureDetector(
|
||||
onTap: () {
|
||||
FocusScope.of(context).requestFocus(new FocusNode());
|
||||
},
|
||||
child: SafeArea(
|
||||
child: SingleChildScrollView(
|
||||
child: Padding(
|
||||
padding: EdgeInsets.fromLTRB(24, 0, 24, 0),
|
||||
child: Column(children: <Widget>[
|
||||
SizedBox(height:MediaQuery.of(context).size.height * .2,),
|
||||
|
||||
Container(
|
||||
|
||||
child: Text(
|
||||
'Enter confirmation code',
|
||||
style: fontTextStyle(16,Color(0XFF101214),FontWeight.w800),
|
||||
),
|
||||
),
|
||||
SizedBox(height:MediaQuery.of(context).size.height * .02,),
|
||||
Container(
|
||||
|
||||
child: Text(
|
||||
'A 6-digit code was sent to +91${maskMobileNumber(widget.mobileNumber)}',
|
||||
style: fontTextStyle(12,Color(0XFF7E7F80),FontWeight.w400),
|
||||
),
|
||||
),
|
||||
SizedBox(height:MediaQuery.of(context).size.height * .040,),
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: List.generate(6, (index) {
|
||||
return SizedBox(
|
||||
width: 50,
|
||||
child: TextFormField(
|
||||
cursorColor:Color(0XFF1D7AFC),
|
||||
controller: _controllers[index],
|
||||
focusNode: index == 0 ? _focusNode : null,
|
||||
maxLength: 1,
|
||||
textAlign: TextAlign.center,
|
||||
style: fontTextStyle(14,Color(0XFF101214),FontWeight.w400),
|
||||
keyboardType: TextInputType.number,
|
||||
decoration: textFormFieldDecoration(Icons.ice_skating, ''),
|
||||
onChanged: (value) {
|
||||
if (value.isNotEmpty && index < 5) {
|
||||
FocusScope.of(context).nextFocus();
|
||||
} else if (value.isEmpty && index > 0) {
|
||||
FocusScope.of(context).previousFocus();
|
||||
}
|
||||
},
|
||||
),
|
||||
);
|
||||
}),
|
||||
),
|
||||
|
||||
SizedBox(height:MediaQuery.of(context).size.height * .08,),
|
||||
GestureDetector(
|
||||
onTap: (){
|
||||
|
||||
},
|
||||
child: Text('Resend code',style:fontTextStyle(12,Color(0XFF1D7AFC),FontWeight.w600),),
|
||||
),
|
||||
SizedBox(height:MediaQuery.of(context).size.height * .024,),
|
||||
Container(
|
||||
width: double.infinity,
|
||||
height: MediaQuery.of(context).size.height * .06,
|
||||
child: ElevatedButton(
|
||||
style: ElevatedButton.styleFrom(
|
||||
foregroundColor: Colors.white,
|
||||
backgroundColor: primaryColor,
|
||||
),
|
||||
onPressed: () async{
|
||||
AppSettings.preLoaderDialog(context);
|
||||
|
||||
bool isOnline = await AppSettings.internetConnectivity();
|
||||
if(isOnline){
|
||||
final otp = _controllers.map((controller) => controller.text).join();
|
||||
|
||||
if(otp.length==6){
|
||||
var phoneVerifyPayload = new Map<String, dynamic>();
|
||||
|
||||
phoneVerifyPayload["phoneVerificationCode"] = otp.toString();
|
||||
phoneVerifyPayload["phone"] = widget.mobileNumber.toString();
|
||||
|
||||
bool verifyPhnStatus = await AppSettings.verifyPhn(phoneVerifyPayload);
|
||||
if (verifyPhnStatus) {
|
||||
Navigator.of(context, rootNavigator: true).pop();
|
||||
//AppSettings.longSuccessToast("User SignUp Successfully");
|
||||
Navigator.push(
|
||||
context,
|
||||
new MaterialPageRoute(
|
||||
builder: (__) => new PasswordTextBoxesScreen()));
|
||||
/* await Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (context) => const Login()),
|
||||
);*/
|
||||
|
||||
} else {
|
||||
Navigator.of(context, rootNavigator: true).pop();
|
||||
AppSettings.longFailedToast("Phone verification failed");
|
||||
}
|
||||
}
|
||||
else{
|
||||
Navigator.of(context, rootNavigator: true).pop();
|
||||
AppSettings.longFailedToast("Please enter 6 digit otp code");
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
else{
|
||||
Navigator.of(context,rootNavigator: true).pop();
|
||||
AppSettings.longFailedToast("Please Check internet");
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
},
|
||||
child: Text('Continue',style:fontTextStyle(12,Color(0XFFFFFFFF),FontWeight.w600),),
|
||||
)),
|
||||
|
||||
]),
|
||||
)))),
|
||||
]));
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,15 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class PasswordTextBoxesScreen extends StatefulWidget {
|
||||
const PasswordTextBoxesScreen({super.key});
|
||||
|
||||
@override
|
||||
State<PasswordTextBoxesScreen> createState() => _PasswordTextBoxesScreenState();
|
||||
}
|
||||
|
||||
class _PasswordTextBoxesScreenState extends State<PasswordTextBoxesScreen> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return const Placeholder();
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,150 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:supplier_new/common/settings.dart';
|
||||
import 'package:supplier_new/login/login_signup_screen.dart';
|
||||
|
||||
import 'otp_screen.dart';
|
||||
|
||||
class SignUpMobileNumberScreen extends StatefulWidget {
|
||||
const SignUpMobileNumberScreen({super.key});
|
||||
|
||||
@override
|
||||
State<SignUpMobileNumberScreen> createState() => _SignUpMobileNumberScreenState();
|
||||
}
|
||||
|
||||
class _SignUpMobileNumberScreenState extends State<SignUpMobileNumberScreen> {
|
||||
TextEditingController mobileNumberController = TextEditingController();
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
|
||||
return Scaffold(
|
||||
backgroundColor: Colors.white,
|
||||
body: Padding(
|
||||
padding: EdgeInsets.all(24),
|
||||
child: Column(
|
||||
children: [
|
||||
SizedBox(height: MediaQuery.of(context).size.height * .2),
|
||||
Center(
|
||||
child: Text("AQUICK SUPPLIER",
|
||||
style: fontTextStyle(20, Color(0XFF515253), FontWeight.w800)),
|
||||
),
|
||||
SizedBox(height: MediaQuery.of(context).size.height * .05),
|
||||
CircleAvatar(radius: 80, backgroundColor: Color(0XFFF3F1FB)),
|
||||
SizedBox(height: MediaQuery.of(context).size.height * .05),
|
||||
Center(
|
||||
child: Text(
|
||||
"Welcome to Aquick Supplier",
|
||||
style: fontTextStyle(20, Color(0XFF343637), FontWeight.w700),
|
||||
),
|
||||
),
|
||||
SizedBox(height: MediaQuery.of(context).size.height * .004),
|
||||
Center(
|
||||
child: Text(
|
||||
"Sign up to be listed as a supplier, start deliveries and track orders",
|
||||
style: fontTextStyle(12, Color(0XFF7E7F80), FontWeight.w400),
|
||||
textAlign: TextAlign.center, // Keeps text centered in multiple lines
|
||||
),
|
||||
),
|
||||
SizedBox(height:MediaQuery.of(context).size.height * .016,),
|
||||
Container(
|
||||
child: TextFormField(
|
||||
controller: mobileNumberController,
|
||||
keyboardType: TextInputType.number,
|
||||
textCapitalization: TextCapitalization.sentences,
|
||||
maxLength: 10,
|
||||
decoration: textFormFieldDecoration(Icons.phone,'Mobile Number'),
|
||||
style:fontTextStyle(14,Color(0XFF2A2A2A),FontWeight.w400),
|
||||
cursorColor: Color(0XFF8270DB),
|
||||
|
||||
//TextStyle(color: Colors.black,fontWeight: FontWeight.bold),
|
||||
),
|
||||
),
|
||||
|
||||
SizedBox(height: MediaQuery.of(context).size.height * .04),
|
||||
Container(
|
||||
width: double.infinity,
|
||||
height: MediaQuery.of(context).size.height * .06,
|
||||
child: ElevatedButton(
|
||||
style: ElevatedButton.styleFrom(
|
||||
foregroundColor: Colors.white,
|
||||
backgroundColor: primaryColor,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius:
|
||||
BorderRadius.circular(24.0), // Customize the radius
|
||||
),
|
||||
),
|
||||
onPressed: () async{
|
||||
if(mobileNumberController.text.length>=10){
|
||||
|
||||
AppSettings.preLoaderDialog(context);
|
||||
|
||||
bool isOnline = await AppSettings.internetConnectivity();
|
||||
if(isOnline){
|
||||
|
||||
var payload = new Map<String, dynamic>();
|
||||
payload["phone"] = mobileNumberController.text.toString();
|
||||
|
||||
bool forgotPwd = await AppSettings.getOtp(payload);
|
||||
|
||||
if(forgotPwd){
|
||||
Navigator.of(context,rootNavigator: true).pop();
|
||||
Navigator.push(
|
||||
context,
|
||||
new MaterialPageRoute(
|
||||
builder: (__) => new Otpscreen(mobileNumber:mobileNumberController.text.toString())));
|
||||
|
||||
}
|
||||
else{
|
||||
AppSettings.longFailedToast('Please enter valid registered mobile number');
|
||||
}
|
||||
}
|
||||
else{
|
||||
Navigator.of(context,rootNavigator: true).pop();
|
||||
AppSettings.longFailedToast("Please Check internet");
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
else{
|
||||
AppSettings.longFailedToast('Please enter 10 digits of mobile number');
|
||||
}
|
||||
|
||||
},
|
||||
child: Text(
|
||||
'Continue',
|
||||
style: fontTextStyle(14, Color(0XFFFFFFFF), FontWeight.w600),
|
||||
),
|
||||
)),
|
||||
SizedBox(height: MediaQuery.of(context).size.height * .012),
|
||||
Container(
|
||||
width: double.infinity,
|
||||
height: MediaQuery.of(context).size.height * .06,
|
||||
child: ElevatedButton(
|
||||
style: ElevatedButton.styleFrom(
|
||||
foregroundColor: Color(0XFF757575),
|
||||
backgroundColor: Colors.white,
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius:
|
||||
BorderRadius.circular(24.0), // Customize the radius
|
||||
side: BorderSide(
|
||||
color: Color(0XFF757575), // Border color
|
||||
width: 1, // Border width
|
||||
),
|
||||
),
|
||||
),
|
||||
onPressed: () async {
|
||||
// Your onPressed logic
|
||||
},
|
||||
child: Text(
|
||||
'Back',
|
||||
style: fontTextStyle(14, Color(0XFF646566), FontWeight.w500),
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
));
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue