add phone signin

This commit is contained in:
Sai Naw Wun
2020-08-27 22:32:40 +06:30
parent 52078d7ee0
commit 76155a10e8
21 changed files with 543 additions and 13 deletions

View File

@@ -1,213 +0,0 @@
import 'dart:async';
import 'package:fcs/model/main_model.dart';
import 'package:fcs/model/shared_pref.dart';
import 'package:fcs/vo/user.dart';
import 'package:fcs/widget/bottom_up_page_route.dart';
import 'package:flutter/material.dart';
import 'package:pin_input_text_field/pin_input_text_field.dart';
import 'package:provider/provider.dart';
import '../theme/theme.dart';
import '../widget/local_text.dart';
import '../widget/progress.dart';
import 'user_edit.dart';
const resend_count_sec = 5;
class CodePage extends StatefulWidget {
final String phoneNumber;
const CodePage({Key key, this.phoneNumber}) : super(key: key);
@override
_CodePageState createState() => _CodePageState();
}
class _CodePageState extends State<CodePage> {
bool _isLoading = false;
String pin;
bool allNumberEntered;
Timer _timer;
int _start = resend_count_sec;
bool canResend = false;
@override
void initState() {
pin = "";
allNumberEntered = false;
super.initState();
startTimer();
}
void startTimer() {
_timer = new Timer.periodic(
Duration(seconds: 1),
(t) => setState(
() {
if (_start < 1) {
t.cancel();
canResend = true;
} else {
_start = _start - 1;
}
},
),
);
}
@override
void dispose() {
_timer.cancel();
super.dispose();
}
@override
Widget build(BuildContext context) {
return LocalProgress(
inAsyncCall: _isLoading,
child: Scaffold(
appBar: AppBar(
centerTitle: true,
leading: new IconButton(
icon: new Icon(Icons.close),
onPressed: () => Navigator.of(context).pop(),
),
backgroundColor: primaryColor,
),
body: ListView(
padding: EdgeInsets.only(top: 5, left: 5, right: 5),
children: <Widget>[
Card(
elevation: 5.0,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Container(
padding: EdgeInsets.only(left: 20, right: 20, top: 40),
child: LocalText(
context,
'singup.verify.title',
fontSize: 21,
color: primaryColor,
fontWeight: FontWeight.bold,
),
),
Container(
padding: EdgeInsets.only(
left: 20,
top: 20,
),
child: LocalText(context, 'singup.code_sent',
fontSize: 15, color: labelColor),
),
Container(
padding: EdgeInsets.only(left: 20),
child: Text(
widget.phoneNumber,
style: TextStyle(
color: primaryColor,
fontWeight: FontWeight.bold,
fontSize: 16),
),
),
Container(
padding: EdgeInsets.only(top: 20, left: 20, right: 20),
child: PinInputTextField(
pinLength: 6,
decoration:
BoxLooseDecoration(strokeColor: Colors.grey[400]),
textInputAction: TextInputAction.done,
autoFocus: true,
onChanged: _pinChange,
),
),
Container(
padding: EdgeInsets.only(left: 20, top: 20, right: 20),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
RaisedButton(
onPressed: canResend ? _resend : null,
color: canResend ? Colors.white : Colors.grey,
child: LocalText(context, 'singup.resend',
fontSize: 16,
color:
canResend ? primaryColor : Colors.grey[400]),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10.0),
side: BorderSide(
color: canResend
? primaryColor
: Colors.grey[400])),
),
InkWell(
onTap: allNumberEntered ? _verify : null,
child: CircleAvatar(
backgroundColor: allNumberEntered
? primaryColor
: Colors.grey[400],
child: Icon(
Icons.check,
color: Colors.white,
),
),
)
],
),
),
Container(
padding: EdgeInsets.only(
left: 20,
right: 20,
),
child: Row(
children: <Widget>[
LocalText(
context,
'login.smscode.retry',
fontSize: 15,
translationVariables: [_start.toString()],
color: primaryColor,
),
],
),
),
SizedBox(height: 20),
],
),
),
],
),
),
);
}
_pinChange(pin) {
setState(() {
this.pin = pin;
this.allNumberEntered = this.pin.length == 6;
});
}
_resend() async {}
_verify() async {
Provider.of<MainModel>(context).saveUser(pin, widget.phoneNumber);
await Navigator.of(context).push(BottomUpPageRoute(UserEditPage()));
Navigator.pop(context);
}
_completeResend() {
setState(() {
_isLoading = false;
_start = resend_count_sec;
canResend = false;
startTimer();
});
}
_completeVerify() {
setState(() {
_isLoading = false;
});
}
}

View File

@@ -58,7 +58,7 @@ import 'my_registeration.dart';
import 'pd/pd_list.dart';
import 'products_list.dart';
import 'profile_page.dart';
import 'signin_page.dart';
import '../fcs/common/pages/signin/signin_page.dart';
import 'staff_list.dart';
import 'fcs_profile_page.dart';

View File

@@ -15,7 +15,7 @@ import 'package:provider/provider.dart';
import '../theme/theme.dart';
import 'profile_page.dart';
import 'signin_page.dart';
import '../fcs/common/pages/signin/signin_page.dart';
import 'term.dart';
final msgLog = Logger('backgroundMessageHandler');

View File

@@ -1,175 +0,0 @@
import 'package:country_code_picker/country_code_picker.dart';
import 'package:fcs/widget/bottom_up_page_route.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import '../theme/theme.dart';
import '../widget/local_text.dart';
import '../widget/progress.dart';
import 'code_page.dart';
import 'util.dart';
class SigninPage extends StatefulWidget {
@override
_SigninPageState createState() => _SigninPageState();
}
class _SigninPageState extends State<SigninPage> {
bool _isLoading = false;
String dialCode;
TextEditingController phonenumberCtl;
@override
void initState() {
super.initState();
phonenumberCtl = new TextEditingController(text: "09");
phonenumberCtl.selection = TextSelection.fromPosition(
TextPosition(offset: phonenumberCtl.text.length));
dialCode = "+95";
}
@override
Widget build(BuildContext context) {
return LocalProgress(
inAsyncCall: _isLoading,
child: new Scaffold(
appBar: AppBar(
centerTitle: true,
leading: new IconButton(
icon: new Icon(Icons.close),
onPressed: () => Navigator.of(context).pop(),
),
backgroundColor: primaryColor,
),
body: _buildLogin(context),
),
);
}
Widget _buildLogin(BuildContext context) {
return ListView(
padding: EdgeInsets.only(top: 5, left: 15, right: 15),
children: <Widget>[
Container(
padding: EdgeInsets.only(top: 40),
child: LocalText(
context,
'login.title',
fontSize: 21,
color: primaryColor,
fontWeight: FontWeight.bold,
),
),
Container(
padding: EdgeInsets.only(top: 25),
child: LocalText(
context,
'login.phone',
color: labelColor,
fontSize: 16,
),
),
Row(
children: <Widget>[
Container(
decoration: BoxDecoration(
border: Border.all(color: Colors.grey[400], width: 1),
borderRadius: BorderRadius.all(Radius.circular(12.0))),
child: CountryCodePicker(
onChanged: _countryChange,
initialSelection: dialCode,
countryFilter: ['+95', '+65', '+66'],
showCountryOnly: false,
showOnlyCountryWhenClosed: false,
alignLeft: false,
textStyle: TextStyle(
fontSize: 16,
),
),
),
SizedBox(
width: 10,
),
Flexible(
child: Container(
padding: EdgeInsets.only(top: 10, bottom: 10),
child: TextFormField(
controller: phonenumberCtl,
cursorColor: primaryColor,
textAlign: TextAlign.left,
autofocus: true,
keyboardType: TextInputType.phone,
style: TextStyle(
fontSize: 18,
),
decoration: new InputDecoration(
contentPadding: EdgeInsets.only(top: 8),
enabledBorder: UnderlineInputBorder(
borderSide:
BorderSide(color: primaryColor, width: 1.0)),
focusedBorder: UnderlineInputBorder(
borderSide:
BorderSide(color: primaryColor, width: 1.0)),
),
),
),
),
],
),
SizedBox(
height: 20,
),
Container(
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
InkWell(
onTap: () => _next(),
child: CircleAvatar(
minRadius: 25,
backgroundColor: primaryColor,
child: Icon(
FontAwesomeIcons.arrowRight,
color: Colors.white,
),
),
)
],
),
),
],
);
}
_countryChange(CountryCode countryCode) {
setState(() {
dialCode = countryCode.dialCode;
});
}
_next() async {
String phoneNumber = phonenumberCtl.text;
if (phoneNumber.length < 5) {
showMsgDialog(context, "Error", "Invalid phone number");
return;
}
try {
Exception exp;
phoneNumber = phoneNumber[0] == "0"
? phoneNumber.replaceFirst("0", "")
: phoneNumber;
phoneNumber = dialCode + phoneNumber;
await Navigator.of(context)
.push(BottomUpPageRoute(CodePage(phoneNumber: phoneNumber)));
Navigator.pop(context);
if (exp != null) throw exp;
} catch (e) {
showMsgDialog(context, "Error", e.toString());
}
}
}