mirror of
https://github.com/JGeek00/adguard-home-manager.git
synced 2025-04-20 05:49:12 +00:00
372 lines
No EOL
16 KiB
Dart
372 lines
No EOL
16 KiB
Dart
import 'dart:io';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:flutter_svg/flutter_svg.dart';
|
|
import 'package:flutter_split_view/flutter_split_view.dart';
|
|
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
|
|
|
|
import 'package:adguard_home_manager/screens/settings/server_info/server_info.dart';
|
|
import 'package:adguard_home_manager/screens/settings/encryption/encryption.dart';
|
|
import 'package:adguard_home_manager/screens/settings/logs_settings/logs_settings.dart';
|
|
import 'package:adguard_home_manager/screens/settings/access_settings/access_settings.dart';
|
|
import 'package:adguard_home_manager/screens/settings/customization/customization.dart';
|
|
import 'package:adguard_home_manager/screens/settings/dhcp/dhcp.dart';
|
|
import 'package:adguard_home_manager/screens/settings/statistics_settings/statistics_settings.dart';
|
|
import 'package:adguard_home_manager/screens/settings/safe_search_settings.dart';
|
|
import 'package:adguard_home_manager/screens/settings/update_server/update.dart';
|
|
import 'package:adguard_home_manager/screens/settings/dns/dns.dart';
|
|
import 'package:adguard_home_manager/screens/settings/dns_rewrites/dns_rewrites.dart';
|
|
import 'package:adguard_home_manager/screens/servers/servers.dart';
|
|
import 'package:adguard_home_manager/screens/settings/advanced_setings.dart';
|
|
import 'package:adguard_home_manager/screens/settings/general_settings/general_settings.dart';
|
|
|
|
import 'package:adguard_home_manager/widgets/custom_settings_tile.dart';
|
|
import 'package:adguard_home_manager/widgets/section_label.dart';
|
|
import 'package:adguard_home_manager/widgets/custom_list_tile.dart';
|
|
|
|
import 'package:adguard_home_manager/functions/desktop_mode.dart';
|
|
import 'package:adguard_home_manager/constants/strings.dart';
|
|
import 'package:adguard_home_manager/functions/open_url.dart';
|
|
import 'package:adguard_home_manager/constants/urls.dart';
|
|
import 'package:adguard_home_manager/providers/status_provider.dart';
|
|
import 'package:adguard_home_manager/providers/servers_provider.dart';
|
|
import 'package:adguard_home_manager/providers/app_config_provider.dart';
|
|
|
|
class Settings extends StatelessWidget {
|
|
const Settings({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return LayoutBuilder(
|
|
builder: (context, constraints) {
|
|
if (constraints.maxWidth > 900) {
|
|
return SplitView.material(
|
|
hideDivider: true,
|
|
flexWidth: const FlexWidth(mainViewFlexWidth: 1, secondaryViewFlexWidth: 2),
|
|
placeholder: Center(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(24),
|
|
child: Text(
|
|
AppLocalizations.of(context)!.selectOptionLeftColumn,
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
fontSize: 24,
|
|
color: Theme.of(context).colorScheme.onSurfaceVariant
|
|
),
|
|
),
|
|
),
|
|
),
|
|
child: const _SettingsWidget(
|
|
twoColumns: true,
|
|
),
|
|
);
|
|
}
|
|
else {
|
|
return const _SettingsWidget(
|
|
twoColumns: false,
|
|
);
|
|
}
|
|
},
|
|
);
|
|
}
|
|
}
|
|
class _SettingsWidget extends StatefulWidget {
|
|
final bool twoColumns;
|
|
|
|
const _SettingsWidget({
|
|
required this.twoColumns,
|
|
});
|
|
|
|
@override
|
|
State<_SettingsWidget> createState() => _SettingsWidgetState();
|
|
}
|
|
|
|
class _SettingsWidgetState extends State<_SettingsWidget> {
|
|
final scaffoldMessengerKey = GlobalKey<ScaffoldMessengerState>();
|
|
|
|
@override
|
|
void initState() {
|
|
Provider.of<AppConfigProvider>(context, listen: false).setSelectedSettingsScreen(screen: null);
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final serversProvider = Provider.of<ServersProvider>(context);
|
|
final statusProvider = Provider.of<StatusProvider>(context);
|
|
final appConfigProvider = Provider.of<AppConfigProvider>(context);
|
|
|
|
final width = MediaQuery.of(context).size.width;
|
|
|
|
if (!widget.twoColumns && appConfigProvider.selectedSettingsScreen != null) {
|
|
appConfigProvider.setSelectedSettingsScreen(screen: null);
|
|
}
|
|
|
|
return ScaffoldMessenger(
|
|
key: widget.twoColumns ? scaffoldMessengerKey : null,
|
|
child: Scaffold(
|
|
body: NestedScrollView(
|
|
headerSliverBuilder: (context, innerBoxIsScrolled) => [
|
|
SliverOverlapAbsorber(
|
|
handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context),
|
|
sliver: SliverAppBar.large(
|
|
pinned: true,
|
|
floating: true,
|
|
centerTitle: false,
|
|
forceElevated: innerBoxIsScrolled,
|
|
surfaceTintColor: isDesktop(width) ? Colors.transparent : null,
|
|
title: Text(AppLocalizations.of(context)!.settings),
|
|
)
|
|
)
|
|
],
|
|
body: SafeArea(
|
|
top: false,
|
|
bottom: false,
|
|
child: Builder(
|
|
builder: (context) => CustomScrollView(
|
|
slivers: [
|
|
SliverOverlapInjector(
|
|
handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context),
|
|
),
|
|
SliverList.list(
|
|
children: [
|
|
if (
|
|
serversProvider.selectedServer != null &&
|
|
statusProvider.serverStatus != null &&
|
|
serversProvider.apiClient2 != null
|
|
) ...[
|
|
SectionLabel(label: AppLocalizations.of(context)!.serverSettings),
|
|
_SettingsTile(
|
|
icon: Icons.search_rounded,
|
|
title: AppLocalizations.of(context)!.safeSearch,
|
|
subtitle: AppLocalizations.of(context)!.safeSearchSettings,
|
|
thisItem: 0,
|
|
screenToNavigate: const SafeSearchSettingsScreen(),
|
|
twoColumns: widget.twoColumns,
|
|
),
|
|
_SettingsTile(
|
|
icon: Icons.list_alt_rounded,
|
|
title: AppLocalizations.of(context)!.logsSettings,
|
|
subtitle: AppLocalizations.of(context)!.logsSettingsDescription,
|
|
thisItem: 1,
|
|
screenToNavigate: const LogsSettings(),
|
|
twoColumns: widget.twoColumns,
|
|
),
|
|
_SettingsTile(
|
|
icon: Icons.analytics_rounded,
|
|
title: AppLocalizations.of(context)!.statisticsSettings,
|
|
subtitle: AppLocalizations.of(context)!.statisticsSettingsDescription,
|
|
thisItem: 2,
|
|
screenToNavigate: const StatisticsSettings(),
|
|
twoColumns: widget.twoColumns,
|
|
),
|
|
_SettingsTile(
|
|
icon: Icons.lock_rounded,
|
|
title: AppLocalizations.of(context)!.accessSettings,
|
|
subtitle: AppLocalizations.of(context)!.accessSettingsDescription,
|
|
thisItem: 3,
|
|
screenToNavigate: const AccessSettings(),
|
|
twoColumns: widget.twoColumns,
|
|
),
|
|
_SettingsTile(
|
|
icon: Icons.install_desktop_rounded,
|
|
title: AppLocalizations.of(context)!.dhcpSettings,
|
|
subtitle: AppLocalizations.of(context)!.dhcpSettingsDescription,
|
|
thisItem: 4,
|
|
screenToNavigate: const DhcpScreen(),
|
|
twoColumns: widget.twoColumns,
|
|
),
|
|
_SettingsTile(
|
|
icon: Icons.dns_rounded,
|
|
title: AppLocalizations.of(context)!.dnsSettings,
|
|
subtitle: AppLocalizations.of(context)!.dnsSettingsDescription,
|
|
thisItem: 5,
|
|
screenToNavigate: DnsSettings(
|
|
splitView: widget.twoColumns,
|
|
),
|
|
twoColumns: widget.twoColumns,
|
|
),
|
|
_SettingsTile(
|
|
icon: Icons.security_rounded,
|
|
title: AppLocalizations.of(context)!.encryptionSettings,
|
|
subtitle: AppLocalizations.of(context)!.encryptionSettingsDescription,
|
|
thisItem: 6,
|
|
screenToNavigate: const EncryptionSettings(),
|
|
twoColumns: widget.twoColumns,
|
|
),
|
|
_SettingsTile(
|
|
icon: Icons.route_rounded,
|
|
title: AppLocalizations.of(context)!.dnsRewrites,
|
|
subtitle: AppLocalizations.of(context)!.dnsRewritesDescription,
|
|
thisItem: 7,
|
|
screenToNavigate: const DnsRewritesScreen(),
|
|
twoColumns: widget.twoColumns,
|
|
),
|
|
if (serversProvider.updateAvailable.data != null) _SettingsTile(
|
|
icon: Icons.system_update_rounded,
|
|
title: AppLocalizations.of(context)!.updates,
|
|
subtitle: AppLocalizations.of(context)!.updatesDescription,
|
|
trailing: serversProvider.updateAvailable.data != null &&
|
|
serversProvider.updateAvailable.data!.canAutoupdate == true
|
|
? Container(
|
|
width: 10,
|
|
height: 10,
|
|
margin: const EdgeInsets.only(right: 12),
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(20),
|
|
color: Colors.red
|
|
),
|
|
)
|
|
: null,
|
|
thisItem: 8,
|
|
screenToNavigate: const UpdateScreen(),
|
|
twoColumns: widget.twoColumns,
|
|
),
|
|
_SettingsTile(
|
|
icon: Icons.info_rounded,
|
|
title: AppLocalizations.of(context)!.serverInformation,
|
|
subtitle: AppLocalizations.of(context)!.serverInformationDescription,
|
|
thisItem: 9,
|
|
screenToNavigate: const ServerInformation(),
|
|
twoColumns: widget.twoColumns,
|
|
),
|
|
],
|
|
SectionLabel(label: AppLocalizations.of(context)!.appSettings),
|
|
_SettingsTile(
|
|
icon: Icons.palette_rounded,
|
|
title: AppLocalizations.of(context)!.customization,
|
|
subtitle: AppLocalizations.of(context)!.customizationDescription,
|
|
thisItem: 10,
|
|
screenToNavigate: const Customization(),
|
|
twoColumns: widget.twoColumns,
|
|
),
|
|
_SettingsTile(
|
|
icon: Icons.storage_rounded,
|
|
title: AppLocalizations.of(context)!.servers,
|
|
subtitle: serversProvider.selectedServer != null
|
|
? statusProvider.serverStatus != null
|
|
? "${AppLocalizations.of(context)!.connectedTo} ${serversProvider.selectedServer!.name}"
|
|
: "${AppLocalizations.of(context)!.selectedServer} ${serversProvider.selectedServer!.name}"
|
|
: AppLocalizations.of(context)!.noServerSelected,
|
|
thisItem: 11,
|
|
screenToNavigate: const Servers(),
|
|
twoColumns: widget.twoColumns,
|
|
),
|
|
_SettingsTile(
|
|
icon: Icons.settings,
|
|
title: AppLocalizations.of(context)!.generalSettings,
|
|
subtitle: AppLocalizations.of(context)!.generalSettingsDescription,
|
|
thisItem: 12,
|
|
screenToNavigate: GeneralSettings(splitView: widget.twoColumns),
|
|
twoColumns: widget.twoColumns,
|
|
),
|
|
_SettingsTile(
|
|
icon: Icons.build_outlined,
|
|
title: AppLocalizations.of(context)!.advancedSettings,
|
|
subtitle: AppLocalizations.of(context)!.advancedSetupDescription,
|
|
thisItem: 13,
|
|
screenToNavigate: const AdvancedSettings(),
|
|
twoColumns: widget.twoColumns,
|
|
),
|
|
SectionLabel(label: AppLocalizations.of(context)!.aboutApp),
|
|
CustomListTile(
|
|
title: AppLocalizations.of(context)!.appVersion,
|
|
subtitle: appConfigProvider.getAppInfo!.version,
|
|
),
|
|
CustomListTile(
|
|
title: AppLocalizations.of(context)!.createdBy,
|
|
subtitle: Strings.createdBy,
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.all(15),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
|
children: [
|
|
if (Platform.isAndroid) IconButton(
|
|
onPressed: () => openUrl(Urls.playStore),
|
|
icon: SvgPicture.asset(
|
|
'assets/resources/google-play.svg',
|
|
color: Theme.of(context).colorScheme.onSurfaceVariant,
|
|
width: 30,
|
|
height: 30,
|
|
),
|
|
tooltip: AppLocalizations.of(context)!.visitGooglePlay,
|
|
),
|
|
IconButton(
|
|
onPressed: () => openUrl(Urls.gitHub),
|
|
icon: SvgPicture.asset(
|
|
'assets/resources/github.svg',
|
|
color: Theme.of(context).colorScheme.onSurfaceVariant,
|
|
width: 30,
|
|
height: 30,
|
|
),
|
|
tooltip: AppLocalizations.of(context)!.gitHub,
|
|
),
|
|
],
|
|
),
|
|
)
|
|
],
|
|
)
|
|
],
|
|
)
|
|
),
|
|
),
|
|
)
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _SettingsTile extends StatelessWidget {
|
|
final String title;
|
|
final String subtitle;
|
|
final IconData icon;
|
|
final Widget? trailing;
|
|
final Widget screenToNavigate;
|
|
final int thisItem;
|
|
final bool twoColumns;
|
|
|
|
const _SettingsTile({
|
|
required this.title,
|
|
required this.subtitle,
|
|
required this.icon,
|
|
this.trailing,
|
|
required this.screenToNavigate,
|
|
required this.thisItem,
|
|
required this.twoColumns
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final appConfigProvider = Provider.of<AppConfigProvider>(context);
|
|
|
|
if (twoColumns) {
|
|
return CustomSettingsTile(
|
|
title: title,
|
|
subtitle: subtitle,
|
|
icon: icon,
|
|
trailing: trailing,
|
|
thisItem: thisItem,
|
|
selectedItem: appConfigProvider.selectedSettingsScreen,
|
|
onTap: () {
|
|
appConfigProvider.setSelectedSettingsScreen(screen: thisItem, notify: true);
|
|
SplitView.of(context).setSecondary(screenToNavigate);
|
|
},
|
|
);
|
|
}
|
|
else {
|
|
return CustomListTile(
|
|
title: title,
|
|
subtitle: subtitle,
|
|
icon: icon,
|
|
trailing: trailing,
|
|
onTap: () {
|
|
Navigator.of(context).push(
|
|
MaterialPageRoute(builder: (context) => screenToNavigate)
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|
|
} |