login: implement login on enter

This commit is contained in:
2025-09-29 22:18:41 +02:00
parent c0091e7f44
commit bde317e159

View File

@@ -18,8 +18,11 @@ class _LoginPageState extends State<LoginPage> {
final TextEditingController _emailController = TextEditingController(); final TextEditingController _emailController = TextEditingController();
final TextEditingController _passwordController = TextEditingController(); final TextEditingController _passwordController = TextEditingController();
final _formKey = GlobalKey<FormState>();
final StorageHelper _storageHelper = StorageHelper(); final StorageHelper _storageHelper = StorageHelper();
String? _error; String? _error;
bool loggingIn = false;
@override @override
void initState() { void initState() {
@@ -83,45 +86,74 @@ class _LoginPageState extends State<LoginPage> {
); );
} }
String? validateNotEmpty(String? content) {
if (content == null || content.isEmpty) {
return "Do not leave this field empty";
}
return null;
}
void handleLoginPressed() async {
if (loggingIn) return;
loggingIn = true;
if (_formKey.currentState!.validate()) {
await _login(
_urlController.text,
_emailController.text,
_passwordController.text,
);
}
loggingIn = false;
}
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return Scaffold(
appBar: AppBar(title: Text('Login')), appBar: AppBar(title: Text('Login')),
body: Padding( body: Padding(
padding: const EdgeInsets.all(16.0), padding: const EdgeInsets.all(16.0),
child: Column( child: Form(
mainAxisAlignment: MainAxisAlignment.center, key: _formKey,
children: [ child: Column(
TextField( mainAxisAlignment: MainAxisAlignment.center,
controller: _urlController, children: [
decoration: InputDecoration(labelText: 'Url'), TextFormField(
), controller: _urlController,
TextField( validator: validateNotEmpty,
controller: _emailController, decoration: InputDecoration(labelText: 'Url'),
decoration: InputDecoration(labelText: 'Email'), textInputAction: TextInputAction.next,
),
TextField(
controller: _passwordController,
decoration: InputDecoration(labelText: 'Password'),
obscureText: true,
),
if (_error != null)
Padding(
padding: const EdgeInsets.only(top: 8.0),
child: Text(_error!, style: TextStyle(color: Colors.red)),
), ),
SizedBox(height: 16), TextFormField(
ElevatedButton( controller: _emailController,
onPressed: () { validator: validateNotEmpty,
_login( autofocus: true,
_urlController.text, decoration: InputDecoration(labelText: 'Email'),
_emailController.text, textInputAction: TextInputAction.next,
_passwordController.text, ),
); TextFormField(
}, controller: _passwordController,
child: Text('Login'), validator: validateNotEmpty,
), // focusNode: _passwordFocusNode,
], decoration: InputDecoration(labelText: 'Password'),
obscureText: true,
textInputAction: TextInputAction
.next, // with submit or go, onFieldSubmitted is not called
onFieldSubmitted: (_) => handleLoginPressed(),
),
// ),
SizedBox(height: 5),
ElevatedButton(
onPressed: loggingIn ? null : handleLoginPressed,
child: Text('Login'),
),
if (_error != null)
Padding(
padding: const EdgeInsets.only(top: 8.0),
child: Text(_error!, style: TextStyle(color: Colors.red)),
),
],
),
), ),
), ),
); );