import 'package:comunic/ui/routes/settings/account_image_settings.dart'; import 'package:comunic/ui/routes/settings/account_privacy_settings.dart'; import 'package:comunic/ui/routes/settings/account_security_settings.dart'; import 'package:comunic/ui/routes/settings/application_settings.dart'; import 'package:comunic/ui/routes/settings/custom_emojies_account_settings.dart'; import 'package:comunic/ui/routes/settings/general_account_settings.dart'; import 'package:comunic/utils/intl_utils.dart'; import 'package:comunic/utils/ui_utils.dart'; import 'package:flutter/material.dart'; import 'package:settings_ui/settings_ui.dart'; /// Account settings route /// /// @author Pierre HUBERT class _SettingsSection { final String title; final String subtitle; final IconData icon; final Widget Function() onBuild; const _SettingsSection({ @required this.title, @required this.subtitle, @required this.icon, @required this.onBuild, }) : assert(title != null), assert(subtitle != null), assert(icon != null), assert(onBuild != null); } class AccountSettingsRoute extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(tr("Settings")), ), body: _AccountSettingsBody(), ); } } class _AccountSettingsBody extends StatefulWidget { @override __AccountSettingsBodyState createState() => __AccountSettingsBodyState(); } class __AccountSettingsBodyState extends State<_AccountSettingsBody> { _SettingsSection _currentSection; @override void initState() { super.initState(); /// Choose first section by default _currentSection = _sections[0]; } /// The list of settings sections List<_SettingsSection> get _sections => [ _SettingsSection( title: tr("General settings"), subtitle: tr("Configure the main settings of your account"), icon: Icons.settings, onBuild: () => GeneralAccountSettingsScreen(), ), // Emoticons _SettingsSection( title: tr("Custom emojis"), subtitle: tr("Set your own emoticon shorcuts"), icon: Icons.insert_emoticon, onBuild: () => CustomEmojisAccountSettings(), ), // Account image _SettingsSection( title: tr("Account image"), subtitle: tr("Customize your account image"), icon: Icons.account_circle, onBuild: () => AccountImageSettingsScreen(), ), // Security settings _SettingsSection( title: tr("Security"), subtitle: tr("Manage security options of your account"), icon: Icons.lock, onBuild: () => AccountSecuritySettingsScreen(), ), // Privacy settings _SettingsSection( title: tr("Privacy"), subtitle: tr("Here you can make actions to protect your privacy"), icon: Icons.security, onBuild: () => AccountPrivacySettings(), ), // Privacy settings _SettingsSection( title: tr("Application settings"), subtitle: tr("Manage local application settings"), icon: Icons.smartphone, onBuild: () => ApplicationSettings(), ), ]; @override Widget build(BuildContext context) => isTablet(context) ? _buildTabletMode() : _buildMobileMode(); /// Tablet mode Widget _buildTabletMode() => Row( children: [ Container(width: 400, child: _buildTabletLeftPane()), Expanded(child: _currentSection.onBuild()) ], ); Widget _buildTabletLeftPane() => ListView.builder( itemBuilder: (c, i) { final section = _sections[i]; return Container( color: section.title == _currentSection.title ? Colors.black.withAlpha(50) : null, child: ListTile( title: Text(section.title), subtitle: Text(section.subtitle), leading: Icon(section.icon), onTap: () => _openSectionTablet(section), ), ); }, itemCount: _sections.length, ); void _openSectionTablet(_SettingsSection s) => setState(() => _currentSection = s); /// Mobile mode Widget _buildMobileMode() => SettingsList( sections: [ SettingsSection( title: tr("Settings"), tiles: _sections .map((f) => SettingsTile( title: f.title, leading: Icon(f.icon), subtitle: f.subtitle, onPressed: (_) => _openSectionsAsNewRoute(f), )) .toList(), ) ], ); /// Push a new route with the settings section _openSectionsAsNewRoute(_SettingsSection f) { Navigator.of(context).push(MaterialPageRoute( builder: (c) => Scaffold( appBar: AppBar( title: Text(f.title), ), body: f.onBuild(), ), )); } }