161 lines
7.1 KiB
Dart
161 lines
7.1 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import 'package:flutter_gen/gen_l10n/l10n.dart';
|
|
import 'package:url_launcher/url_launcher_string.dart';
|
|
|
|
import 'package:fluffychat/config/app_config.dart';
|
|
import 'package:fluffychat/widgets/layouts/login_scaffold.dart';
|
|
import '../../config/themes.dart';
|
|
import 'homeserver_app_bar.dart';
|
|
import 'homeserver_picker.dart';
|
|
|
|
class HomeserverPickerView extends StatelessWidget {
|
|
final HomeserverPickerController controller;
|
|
|
|
const HomeserverPickerView(this.controller, {Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final benchmarkResults = controller.benchmarkResults;
|
|
return LoginScaffold(
|
|
body: SafeArea(
|
|
child: Column(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.all(12.0),
|
|
child: HomeserverAppBar(controller: controller),
|
|
),
|
|
// display a prominent banner to import session for TOR browser
|
|
// users. This feature is just some UX sugar as TOR users are
|
|
// usually forced to logout as TOR browser is non-persistent
|
|
AnimatedContainer(
|
|
height: controller.isTorBrowser ? 64 : 0,
|
|
duration: FluffyThemes.animationDuration,
|
|
curve: FluffyThemes.animationCurve,
|
|
clipBehavior: Clip.hardEdge,
|
|
decoration: const BoxDecoration(),
|
|
child: Material(
|
|
clipBehavior: Clip.hardEdge,
|
|
borderRadius:
|
|
const BorderRadius.vertical(bottom: Radius.circular(8)),
|
|
color: Theme.of(context).colorScheme.surface,
|
|
child: ListTile(
|
|
leading: const Icon(Icons.vpn_key),
|
|
title: Text(L10n.of(context)!.hydrateTor),
|
|
subtitle: Text(L10n.of(context)!.hydrateTorLong),
|
|
trailing: const Icon(Icons.chevron_right_outlined),
|
|
onTap: controller.restoreBackup,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: controller.displayServerList
|
|
? ListView(
|
|
children: [
|
|
if (controller.displayServerList)
|
|
Padding(
|
|
padding: const EdgeInsets.all(12.0),
|
|
child: Material(
|
|
borderRadius:
|
|
BorderRadius.circular(AppConfig.borderRadius),
|
|
color: Theme.of(context)
|
|
.colorScheme
|
|
.onInverseSurface,
|
|
clipBehavior: Clip.hardEdge,
|
|
child: benchmarkResults == null
|
|
? const Center(
|
|
child: Padding(
|
|
padding: EdgeInsets.all(12.0),
|
|
child: CircularProgressIndicator
|
|
.adaptive(),
|
|
),
|
|
)
|
|
: Column(
|
|
children: controller.filteredHomeservers
|
|
.map(
|
|
(server) => ListTile(
|
|
trailing: IconButton(
|
|
icon: const Icon(
|
|
Icons.info_outlined,
|
|
color: Colors.black,
|
|
),
|
|
onPressed: () => controller
|
|
.showServerInfo(server),
|
|
),
|
|
onTap: () => controller.setServer(
|
|
server.homeserver.baseUrl.host,
|
|
),
|
|
title: Text(
|
|
server.homeserver.baseUrl.host,
|
|
style: const TextStyle(
|
|
color: Colors.black,
|
|
),
|
|
),
|
|
subtitle: Text(
|
|
server.homeserver.description ??
|
|
'',
|
|
style: TextStyle(
|
|
color: Colors.grey.shade700,
|
|
),
|
|
),
|
|
),
|
|
)
|
|
.toList(),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
)
|
|
: Container(
|
|
alignment: Alignment.topCenter,
|
|
child: Image.asset(
|
|
'assets/banner_transparent.png',
|
|
filterQuality: FilterQuality.medium,
|
|
),
|
|
),
|
|
),
|
|
SafeArea(
|
|
child: Container(
|
|
padding: const EdgeInsets.all(12),
|
|
width: double.infinity,
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
TextButton(
|
|
onPressed: () => launchUrlString(AppConfig.privacyUrl),
|
|
child: Text(L10n.of(context)!.privacy),
|
|
),
|
|
TextButton(
|
|
onPressed: controller.restoreBackup,
|
|
child: Text(L10n.of(context)!.hydrate),
|
|
),
|
|
Hero(
|
|
tag: 'loginButton',
|
|
child: ElevatedButton.icon(
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor:
|
|
Theme.of(context).colorScheme.primary,
|
|
foregroundColor:
|
|
Theme.of(context).colorScheme.onPrimary,
|
|
),
|
|
onPressed: controller.isLoading
|
|
? null
|
|
: controller.checkHomeserverAction,
|
|
icon: const Icon(Icons.start_outlined),
|
|
label: controller.isLoading
|
|
? const LinearProgressIndicator()
|
|
: Text(L10n.of(context)!.letsStart),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|