import 'package:flutter/material.dart'; import 'package:flutter_gen/gen_l10n/l10n.dart'; import 'package:matrix/matrix.dart'; import 'package:url_launcher/url_launcher_string.dart'; import 'package:vrouter/vrouter.dart'; import 'package:fluffychat/config/app_config.dart'; import 'package:fluffychat/utils/fluffy_share.dart'; import 'package:fluffychat/utils/platform_infos.dart'; import 'package:fluffychat/widgets/avatar.dart'; import 'package:fluffychat/widgets/matrix.dart'; import 'settings.dart'; class SettingsView extends StatelessWidget { final SettingsController controller; const SettingsView(this.controller, {Key? key}) : super(key: key); @override Widget build(BuildContext context) { final showChatBackupBanner = controller.showChatBackupBanner; return Scaffold( appBar: AppBar( leading: CloseButton( onPressed: VRouter.of(context).pop, ), title: Text(L10n.of(context)!.settings), actions: [ TextButton.icon( onPressed: controller.logoutAction, label: Text(L10n.of(context)!.logout), icon: const Icon(Icons.logout_outlined), ), ], ), body: ListTileTheme( iconColor: Theme.of(context).colorScheme.onBackground, child: ListView( key: const Key('SettingsListViewContent'), children: [ FutureBuilder( future: controller.profileFuture, builder: (context, snapshot) { final profile = snapshot.data; final mxid = Matrix.of(context).client.userID ?? L10n.of(context)!.user; final displayname = profile?.displayName ?? mxid.localpart ?? mxid; return Row( children: [ Padding( padding: const EdgeInsets.all(32.0), child: Stack( children: [ Material( elevation: Theme.of(context) .appBarTheme .scrolledUnderElevation ?? 4, shadowColor: Theme.of(context).appBarTheme.shadowColor, shape: RoundedRectangleBorder( side: BorderSide( color: Theme.of(context).dividerColor, ), borderRadius: BorderRadius.circular( Avatar.defaultSize * 2.5, ), ), child: Avatar( mxContent: profile?.avatarUrl, name: displayname, size: Avatar.defaultSize * 2.5, fontSize: 18 * 2.5, ), ), if (profile != null) Positioned( bottom: 0, right: 0, child: FloatingActionButton.small( onPressed: controller.setAvatarAction, heroTag: null, child: const Icon(Icons.camera_alt_outlined), ), ), ], ), ), Expanded( child: Column( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.start, children: [ TextButton.icon( onPressed: controller.setDisplaynameAction, icon: const Icon( Icons.edit_outlined, size: 16, ), style: TextButton.styleFrom( foregroundColor: Theme.of(context).colorScheme.onBackground, ), label: Text( displayname, maxLines: 1, overflow: TextOverflow.ellipsis, // style: const TextStyle(fontSize: 18), ), ), TextButton.icon( onPressed: () => FluffyShare.share(mxid, context), icon: const Icon( Icons.copy_outlined, size: 14, ), style: TextButton.styleFrom( foregroundColor: Theme.of(context).colorScheme.secondary, ), label: Text( mxid, maxLines: 1, overflow: TextOverflow.ellipsis, // style: const TextStyle(fontSize: 12), ), ), ], ), ), ], ); }, ), const Divider(thickness: 1), if (showChatBackupBanner == null) ListTile( leading: const Icon(Icons.backup_outlined), title: Text(L10n.of(context)!.chatBackup), trailing: const CircularProgressIndicator.adaptive(), ) else SwitchListTile.adaptive( controlAffinity: ListTileControlAffinity.trailing, value: controller.showChatBackupBanner == false, secondary: const Icon(Icons.backup_outlined), title: Text(L10n.of(context)!.chatBackup), onChanged: controller.firstRunBootstrapAction, ), const Divider(thickness: 1), ListTile( leading: const Icon(Icons.format_paint_outlined), title: Text(L10n.of(context)!.changeTheme), onTap: () => VRouter.of(context).to('/settings/style'), trailing: const Icon(Icons.chevron_right_outlined), ), ListTile( leading: const Icon(Icons.notifications_outlined), title: Text(L10n.of(context)!.notifications), onTap: () => VRouter.of(context).to('/settings/notifications'), trailing: const Icon(Icons.chevron_right_outlined), ), ListTile( leading: const Icon(Icons.devices_outlined), title: Text(L10n.of(context)!.devices), onTap: () => VRouter.of(context).to('/settings/devices'), trailing: const Icon(Icons.chevron_right_outlined), ), ListTile( leading: const Icon(Icons.chat_bubble_outline_outlined), title: Text(L10n.of(context)!.chat), onTap: () => VRouter.of(context).to('/settings/chat'), trailing: const Icon(Icons.chevron_right_outlined), ), ListTile( leading: const Icon(Icons.shield_outlined), title: Text(L10n.of(context)!.security), onTap: () => VRouter.of(context).to('/settings/security'), trailing: const Icon(Icons.chevron_right_outlined), ), const Divider(thickness: 1), ListTile( leading: const Icon(Icons.help_outline_outlined), title: Text(L10n.of(context)!.help), onTap: () => launchUrlString(AppConfig.supportUrl), trailing: const Icon(Icons.open_in_new_outlined), ), ListTile( leading: const Icon(Icons.shield_sharp), title: Text(L10n.of(context)!.privacy), onTap: () => launchUrlString(AppConfig.privacyUrl), trailing: const Icon(Icons.open_in_new_outlined), ), ListTile( leading: const Icon(Icons.info_outline_rounded), title: Text(L10n.of(context)!.about), onTap: () => PlatformInfos.showDialog(context), trailing: const Icon(Icons.chevron_right_outlined), ), ], ), ), ); } }