mirror of
https://gitlab.com/famedly/fluffychat.git
synced 2025-02-23 01:30:41 +01:00
4572e800a7
- simplify homeserver selection - allow to change avatar - use registration as main action - friendly animations Closes: !712 Signed-off-by: TheOneWithTheBraid <the-one@with-the-braid.cf>
174 lines
6.9 KiB
Dart
174 lines
6.9 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import 'package:animations/animations.dart';
|
|
import 'package:flutter_gen/gen_l10n/l10n.dart';
|
|
import 'package:url_launcher/url_launcher.dart';
|
|
|
|
import 'package:fluffychat/config/app_config.dart';
|
|
import 'package:fluffychat/utils/platform_infos.dart';
|
|
import 'package:fluffychat/widgets/layouts/one_page_card.dart';
|
|
import 'homeserver_picker.dart';
|
|
import 'homeserver_tile.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(title: Text(L10n.of(context)!.selectCommunity)),
|
|
body: PageTransitionSwitcher(
|
|
transitionBuilder: (
|
|
Widget child,
|
|
Animation<double> primaryAnimation,
|
|
Animation<double> secondaryAnimation,
|
|
) {
|
|
return SharedAxisTransition(
|
|
animation: primaryAnimation,
|
|
secondaryAnimation: secondaryAnimation,
|
|
transitionType: SharedAxisTransitionType.vertical,
|
|
fillColor: Colors.transparent,
|
|
child: child,
|
|
);
|
|
},
|
|
child: controller.isLoading
|
|
? const Center(child: CircularProgressIndicator())
|
|
: CustomScrollView(
|
|
key: ValueKey(controller.isLoading),
|
|
slivers: [
|
|
SliverAppBar(
|
|
// pinned: _pinned,
|
|
// snap: _snap,
|
|
// floating: _floating,
|
|
expandedHeight: 256,
|
|
automaticallyImplyLeading: false,
|
|
flexibleSpace: FlexibleSpaceBar(
|
|
background: Image.asset(
|
|
Theme.of(context).brightness == Brightness.dark
|
|
? 'assets/banner_dark.png'
|
|
: 'assets/banner.png',
|
|
),
|
|
),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: TextField(
|
|
controller: controller.homeserverController,
|
|
readOnly: !AppConfig.allowOtherHomeservers,
|
|
autocorrect: false,
|
|
onChanged: controller.searchHomeserver,
|
|
decoration: InputDecoration(
|
|
// prefixText: 'https://',
|
|
hintText: L10n.of(context)!.homeserver,
|
|
suffixIcon: const Icon(Icons.search),
|
|
labelText: L10n.of(context)!.customHomeserver,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Material(
|
|
borderRadius: BorderRadius.circular(8),
|
|
color: Theme.of(context).bottomAppBarTheme.color,
|
|
clipBehavior: Clip.hardEdge,
|
|
child: ListView.builder(
|
|
shrinkWrap: true,
|
|
itemCount: controller.homeserverCount,
|
|
itemBuilder: (BuildContext context, int index) {
|
|
if (controller.filteredHomeservers.length <=
|
|
index) {
|
|
if (controller.customHomeserverLoading) {
|
|
return const Center(
|
|
child: Padding(
|
|
padding: EdgeInsets.all(8.0),
|
|
child: CircularProgressIndicator(),
|
|
),
|
|
);
|
|
} else {
|
|
if (controller.domain != null) {
|
|
return CustomHomeserverTile(
|
|
domain: controller.domain!,
|
|
onSelect: () => controller
|
|
.setHomeserver(controller.domain!),
|
|
);
|
|
} else {
|
|
return Container();
|
|
}
|
|
}
|
|
}
|
|
final e = controller.filteredHomeservers[index];
|
|
return HomeserverTile(
|
|
benchmark: e,
|
|
controller: controller,
|
|
);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: Column(
|
|
children: [
|
|
const Divider(),
|
|
JoinMatrixAttributionTile(),
|
|
],
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
bottomNavigationBar: Material(
|
|
elevation: 6,
|
|
color: Theme.of(context).scaffoldBackgroundColor,
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
ButtonBar(
|
|
children: [
|
|
OutlinedButton(
|
|
onPressed: controller.domain != null
|
|
? () => controller.setHomeserver(controller.domain!)
|
|
: null,
|
|
child: Text(L10n.of(context)!.selectServer),
|
|
)
|
|
],
|
|
),
|
|
Wrap(
|
|
alignment: WrapAlignment.center,
|
|
children: [
|
|
TextButton(
|
|
onPressed: () => launch(AppConfig.privacyUrl),
|
|
child: Text(
|
|
L10n.of(context)!.privacy,
|
|
style: const TextStyle(
|
|
decoration: TextDecoration.underline,
|
|
color: Colors.blueGrey,
|
|
),
|
|
),
|
|
),
|
|
TextButton(
|
|
onPressed: () => PlatformInfos.showDialog(context),
|
|
child: Text(
|
|
L10n.of(context)!.about,
|
|
style: const TextStyle(
|
|
decoration: TextDecoration.underline,
|
|
color: Colors.blueGrey,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|