import 'package:flutter/material.dart'; import 'package:flutter_gen/gen_l10n/l10n.dart'; import 'package:fluffychat/widgets/layouts/one_page_card.dart'; import 'package:fluffychat/widgets/matrix.dart'; import 'login.dart'; class LoginView extends StatelessWidget { final LoginController controller; const LoginView(this.controller, {Key? key}) : super(key: key); @override Widget build(BuildContext context) { return OnePageCard( child: Scaffold( appBar: AppBar( leading: controller.loading ? Container() : const BackButton(), elevation: 0, title: Text( L10n.of(context)!.logInTo(Matrix.of(context) .getLoginClient() .homeserver .toString() .replaceFirst('https://', '')), ), ), body: Builder(builder: (context) { return AutofillGroup( child: ListView( children: [ Padding( padding: const EdgeInsets.all(12.0), child: TextField( readOnly: controller.loading, autocorrect: false, autofocus: true, onChanged: controller.checkWellKnownWithCoolDown, controller: controller.usernameController, keyboardType: TextInputType.emailAddress, autofillHints: controller.loading ? null : [AutofillHints.username], decoration: InputDecoration( prefixIcon: const Icon(Icons.account_box_outlined), hintText: L10n.of(context)!.emailOrUsername, errorText: controller.usernameError, labelText: L10n.of(context)!.emailOrUsername), ), ), Padding( padding: const EdgeInsets.all(12.0), child: TextField( readOnly: controller.loading, autocorrect: false, autofillHints: controller.loading ? null : [AutofillHints.password], controller: controller.passwordController, obscureText: !controller.showPassword, onSubmitted: controller.login, decoration: InputDecoration( prefixIcon: const Icon(Icons.lock_outlined), hintText: '****', errorText: controller.passwordError, suffixIcon: IconButton( tooltip: L10n.of(context)!.showPassword, icon: Icon(controller.showPassword ? Icons.visibility_off_outlined : Icons.visibility_outlined), onPressed: controller.toggleShowPassword, ), labelText: L10n.of(context)!.password, ), ), ), const SizedBox(height: 12), Hero( tag: 'loginButton', child: Padding( padding: const EdgeInsets.symmetric(horizontal: 12), child: ElevatedButton( onPressed: controller.loading ? null : () => controller.login(context), child: controller.loading ? const LinearProgressIndicator() : Text(L10n.of(context)!.login), ), ), ), const Divider(height: 32), Padding( padding: const EdgeInsets.symmetric(horizontal: 12), child: ElevatedButton( onPressed: controller.loading ? null : controller.passwordForgotten, style: ElevatedButton.styleFrom( primary: Theme.of(context).secondaryHeaderColor, onPrimary: Colors.red, ), child: Text(L10n.of(context)!.passwordForgotten), ), ), ], ), ); }), ), ); } }