65 lines
2.3 KiB
Dart
65 lines
2.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_translate/flutter_translate.dart';
|
|
|
|
class LoginHeaders extends StatelessWidget {
|
|
final TextEditingController uriController;
|
|
final TextEditingController usernameController;
|
|
final TextEditingController passwordController;
|
|
|
|
final String validationMessage;
|
|
|
|
LoginHeaders(
|
|
{@required this.uriController,
|
|
@required this.usernameController,
|
|
@required this.passwordController,
|
|
this.validationMessage});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Column(children: <Widget>[
|
|
this.validationMessage != null ? Text(validationMessage, style: TextStyle(color: Colors.red)) : Container(),
|
|
LoginTextField(uriController, translate('login.url_placeholder'), Icon(Icons.link),
|
|
keyboardType: TextInputType.url),
|
|
LoginTextField(usernameController, translate('login.username_placeholder'), Icon(Icons.person),
|
|
keyboardType: TextInputType.name),
|
|
LoginTextField(passwordController, translate('login.password_placeholder'), Icon(Icons.vpn_key),
|
|
obscureText: true),
|
|
]);
|
|
}
|
|
}
|
|
|
|
class LoginTextField extends StatelessWidget {
|
|
final TextEditingController controller;
|
|
final String placeHolder;
|
|
final TextInputType keyboardType;
|
|
final bool obscureText;
|
|
final Widget prefixIcon;
|
|
|
|
LoginTextField(this.controller, this.placeHolder, this.prefixIcon,
|
|
{this.keyboardType = TextInputType.text, this.obscureText = false});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
padding: EdgeInsets.symmetric(horizontal: 10.0),
|
|
margin: EdgeInsets.symmetric(horizontal: 10.0, vertical: 10.0),
|
|
height: 50.0,
|
|
alignment: Alignment.centerLeft,
|
|
decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(10.0)),
|
|
child: TextFormField(
|
|
keyboardType: keyboardType,
|
|
obscureText: obscureText,
|
|
decoration: InputDecoration(
|
|
suffixIcon: IconButton(
|
|
onPressed: () => controller.clear(),
|
|
icon: Icon(Icons.clear),
|
|
),
|
|
prefixIcon: prefixIcon,
|
|
hintText: placeHolder,
|
|
contentPadding: EdgeInsets.fromLTRB(20.0, 10.0, 20.0, 10.0),
|
|
border: OutlineInputBorder(borderRadius: BorderRadius.circular(32.0)),
|
|
),
|
|
controller: controller),
|
|
);
|
|
}
|
|
}
|