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