Login verify

Author: shirne

lib/constants/themes.dart

@@ -70,16 +70,19 @@ ThemeData themeBy({
     elevatedButtonTheme: ElevatedButtonThemeData(
       style: ElevatedButton.styleFrom(
         backgroundColor: themeColorDark,
+        shape: const StadiumBorder(),
       ),
     ),
     outlinedButtonTheme: OutlinedButtonThemeData(
       style: OutlinedButton.styleFrom(
         foregroundColor: themeColorDark.withAlpha(200),
+        shape: const StadiumBorder(),
       ),
     ),
     textButtonTheme: TextButtonThemeData(
       style: TextButton.styleFrom(
         foregroundColor: themeColorDark.withAlpha(200),
+        shape: const StadiumBorder(),
       ),
     ),
     textSelectionTheme: TextSelectionThemeData(

lib/extensions/string_extension.dart

@@ -4,6 +4,12 @@
 
 import 'package:flutter/widgets.dart' show Characters;
 
+final mobileRegExp = RegExp(r'^1[3-9]\d{9}$');
+final emailRegExp = RegExp(
+  r'^[a-z][0-9a-z\-_ \.]*@([a-z0-9]+\.)+?[a-z]+$',
+  caseSensitive: false,
+);
+
 extension StringExtension on String {
   String get notBreak => Characters(this).join('\u{200B}');
 
@@ -15,6 +21,10 @@ extension StringExtension on String {
 
   String removeFirst(Pattern pattern, [int startIndex = 0]) =>
       replaceFirst(pattern, '', startIndex);
+
+  bool isMobile() => mobileRegExp.hasMatch(this);
+
+  bool isEmail() => emailRegExp.hasMatch(this);
 }
 
 extension NullableStringExtension on String? {

lib/l10n/app_en.arb

@@ -83,6 +83,10 @@
   "linkSignUp":"Create an account",
   "linkRetrieve":"Fogot password?",
 
+  "needUsername": "Please enter a mobile number or email",
+  "incorectUsername": "Username must be a mobile number or email",
+  "needPassword": "Please enter your password",
+
   "durationYears": "{many, plural, =1{1 year}other{{many} years}} ago",
   "@durationYears": {
     "placeholders": {"many": {"type": "int"}}

lib/l10n/app_zh.arb

@@ -72,6 +72,10 @@
   "linkSignUp":"注册新用户",
   "linkRetrieve":"找回密码",
 
+  "needUsername": "请填写用户名",
+  "incorectUsername": "请填写手机号码或者邮箱",
+  "needPassword": "请填写密码",
+
   "durationYears": "{many, plural, =other{{many}年前}}",
   "durationMonths": "{many, plural, =other{{many}月前}}",
   "durationDays": "{many, plural, =other{{many}天前}}",

lib/l10n/gen/jj_localizations.dart

@@ -441,6 +441,24 @@ abstract class JJLocalizations {
   /// **'Fogot password?'**
   String get linkRetrieve;
 
+  /// No description provided for @needUsername.
+  ///
+  /// In en, this message translates to:
+  /// **'Please enter a mobile number or email'**
+  String get needUsername;
+
+  /// No description provided for @incorectUsername.
+  ///
+  /// In en, this message translates to:
+  /// **'Username must be a mobile number or email'**
+  String get incorectUsername;
+
+  /// No description provided for @needPassword.
+  ///
+  /// In en, this message translates to:
+  /// **'Please enter your password'**
+  String get needPassword;
+
   /// No description provided for @durationYears.
   ///
   /// In en, this message translates to:

lib/l10n/gen/jj_localizations_en.dart

@@ -190,6 +190,15 @@ class JJLocalizationsEn extends JJLocalizations {
   @override
   String get linkRetrieve => 'Fogot password?';
 
+  @override
+  String get needUsername => 'Please enter a mobile number or email';
+
+  @override
+  String get incorectUsername => 'Username must be a mobile number or email';
+
+  @override
+  String get needPassword => 'Please enter your password';
+
   @override
   String durationYears(num many) {
     final String pluralString = intl.Intl.pluralLogic(

lib/l10n/gen/jj_localizations_zh.dart

@@ -190,6 +190,15 @@ class JJLocalizationsZh extends JJLocalizations {
   @override
   String get linkRetrieve => '找回密码';
 
+  @override
+  String get needUsername => '请填写用户名';
+
+  @override
+  String get incorectUsername => '请填写手机号码或者邮箱';
+
+  @override
+  String get needPassword => '请填写密码';
+
   @override
   String durationYears(num many) {
     return intl.Intl.pluralLogic(

lib/pages/login/login.dart

@@ -11,11 +11,27 @@ class LoginPage extends StatefulWidget {
 }
 
 class _LoginPageState extends State<LoginPage> {
+  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
+
+  String? _username;
+  String? _password;
+
   @override
   void initState() {
     super.initState();
   }
 
+  Future<void> _doLogin() async {
+    if (_formKey.currentState!.validate()) {
+      final result = await PassportAPI.login(_username!, _password!);
+      if (result.isSucceed) {
+        print(result);
+      } else {
+        showToast(result.msg);
+      }
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -32,6 +48,8 @@ class _LoginPageState extends State<LoginPage> {
             borderRadius: BorderRadius.circular(8),
           ),
           child: Form(
+            key: _formKey,
+            autovalidateMode: AutovalidateMode.onUserInteraction,
             child: Column(
               children: [
                 SizedBox(
@@ -63,6 +81,16 @@ class _LoginPageState extends State<LoginPage> {
                 ),
                 const Gap.v(16),
                 TextFormField(
+                  validator: (v) {
+                    if (v == null || v.isEmpty) {
+                      return context.l10n.needUsername;
+                    }
+                    if (!v.isMobile() && !v.isEmail()) {
+                      return context.l10n.incorectUsername;
+                    }
+                    return null;
+                  },
+                  onChanged: (v) => _username = v,
                   keyboardType: TextInputType.emailAddress,
                   decoration: InputDecoration(
                     hintText: context.l10n.hintUsername,
@@ -75,6 +103,13 @@ class _LoginPageState extends State<LoginPage> {
                 TextFormField(
                   obscureText: true,
                   obscuringCharacter: '*',
+                  validator: (v) {
+                    if (v?.isEmpty ?? true) {
+                      return context.l10n.needPassword;
+                    }
+                    return null;
+                  },
+                  onChanged: (v) => _password = v,
                   keyboardType: TextInputType.visiblePassword,
                   decoration: InputDecoration(
                     hintText: context.l10n.hintPassword,
@@ -83,7 +118,7 @@ class _LoginPageState extends State<LoginPage> {
                 ),
                 const Gap.v(8),
                 ElevatedButton(
-                  onPressed: () {},
+                  onPressed: _doLogin,
                   child: Center(
                     child: Text(context.l10n.buttonSignIn),
                   ),
@@ -92,12 +127,16 @@ class _LoginPageState extends State<LoginPage> {
                 Row(
                   children: [
                     TextButton(
-                      onPressed: () {},
+                      onPressed: () {
+                        showToast('Comming soon');
+                      },
                       child: Text(context.l10n.linkSignUp),
                     ),
                     const Spacer(),
                     TextButton(
-                      onPressed: () {},
+                      onPressed: () {
+                        showToast('Comming soon');
+                      },
                       child: Text(context.l10n.linkRetrieve),
                     ),
                   ],