import 'package:cached_network_image/cached_network_image.dart'; import 'package:fluffychat/widgets/matrix.dart'; import 'package:vrouter/vrouter.dart'; import '../homeserver_picker.dart'; import 'package:fluffychat/widgets/default_app_bar_search_field.dart'; import 'package:fluffychat/widgets/fluffy_banner.dart'; import 'package:fluffychat/config/app_config.dart'; import 'package:fluffychat/widgets/layouts/one_page_card.dart'; import 'package:fluffychat/utils/platform_infos.dart'; import 'package:flutter/foundation.dart'; import 'package:flutter_gen/gen_l10n/l10n.dart'; import 'package:flutter/material.dart'; import 'package:url_launcher/url_launcher.dart'; import '../../utils/localized_exception_extension.dart'; import 'package:matrix/matrix.dart'; class HomeserverPickerView extends StatelessWidget { final HomeserverPickerController controller; const HomeserverPickerView(this.controller, {Key key}) : super(key: key); @override Widget build(BuildContext context) { return OnePageCard( child: Scaffold( appBar: AppBar( titleSpacing: 8, title: DefaultAppBarSearchField( prefixText: 'https://', hintText: L10n.of(context).enterYourHomeserver, searchController: controller.homeserverController, suffix: Icon(Icons.edit_outlined), padding: EdgeInsets.zero, onChanged: controller.setDomain, readOnly: !AppConfig.allowOtherHomeservers, onSubmit: (_) => controller.checkHomeserverAction(), unfocusOnClear: false, autocorrect: false, ), elevation: 0, ), body: ListView(children: [ Hero( tag: 'loginBanner', child: FluffyBanner(), ), controller.isLoading ? Center(child: CircularProgressIndicator()) : controller.error != null ? Center( child: Padding( padding: const EdgeInsets.all(12.0), child: Text( controller.error, textAlign: TextAlign.center, style: TextStyle( fontSize: 18, color: Colors.red[900], ), ), ), ) : FutureBuilder( future: controller.getLoginTypes(), builder: (context, snapshot) { if (snapshot.hasError) { return Center( child: Text( snapshot.error.toLocalizedString(context), textAlign: TextAlign.center, ), ); } if (!snapshot.hasData) { return Center(child: CircularProgressIndicator()); } return Padding( padding: const EdgeInsets.all(12.0), child: Column( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.stretch, children: [ if (controller.ssoLoginSupported) ...{ for (final identityProvider in controller.identityProviders) Center( child: _LoginButton( onPressed: () => controller .ssoLoginAction(identityProvider.id), icon: identityProvider.icon == null ? Icon(Icons.web_outlined) : CachedNetworkImage( imageUrl: Uri.parse( identityProvider.icon) .getDownloadLink( Matrix.of(context).client) .toString(), width: 24, height: 24, ), labelText: L10n.of(context).loginWith( identityProvider.name ?? identityProvider.brand ?? L10n.of(context).singlesignon), ), ), if (controller.registrationSupported || controller.passwordLoginSupported) Row(children: [ Expanded(child: Divider()), Padding( padding: const EdgeInsets.all(12.0), child: Text(L10n.of(context).or), ), Expanded(child: Divider()), ]), }, Row( children: [ if (controller.passwordLoginSupported) Expanded( child: _LoginButton( onPressed: () => VRouter.of(context).to('/login'), icon: Icon(Icons.login_outlined), labelText: L10n.of(context).login, ), ), if (controller.registrationSupported && controller.passwordLoginSupported) SizedBox(width: 12), if (controller.registrationSupported) Expanded( child: _LoginButton( onPressed: controller.signUpAction, icon: Icon(Icons.add_box_outlined), labelText: L10n.of(context).register, ), ), ], ), ] .map( (widget) => Container( height: 64, padding: EdgeInsets.only(bottom: 12), child: widget), ) .toList(), ), ); }), Wrap( alignment: WrapAlignment.center, children: [ TextButton( onPressed: () => launch(AppConfig.privacyUrl), child: Text( L10n.of(context).privacy, style: TextStyle( decoration: TextDecoration.underline, color: Colors.blueGrey, ), ), ), TextButton( onPressed: () => PlatformInfos.showDialog(context), child: Text( L10n.of(context).about, style: TextStyle( decoration: TextDecoration.underline, color: Colors.blueGrey, ), ), ), ], ), ]), ), ); } } class _LoginButton extends StatelessWidget { final String labelText; final Widget icon; final void Function() onPressed; const _LoginButton({ Key key, this.labelText, this.icon, this.onPressed, }) : super(key: key); @override Widget build(BuildContext context) { return OutlinedButton.icon( style: OutlinedButton.styleFrom( minimumSize: Size(256, 56), side: BorderSide( color: Theme.of(context).textTheme.bodyText1.color, ), shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(90))), onPressed: onPressed, icon: icon, label: Text( labelText, style: TextStyle( color: Theme.of(context).textTheme.bodyText1.color, ), ), ); } }