2023-04-30 20:26:10 +02:00
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:provider/provider.dart';
|
|
|
|
import 'package:flutter_gen/gen_l10n/app_localizations.dart';
|
|
|
|
|
2023-04-30 22:54:39 +02:00
|
|
|
import 'package:adguard_home_manager/providers/logs_provider.dart';
|
2023-04-30 20:26:10 +02:00
|
|
|
import 'package:adguard_home_manager/config/app_screens.dart';
|
|
|
|
import 'package:adguard_home_manager/models/app_screen.dart';
|
|
|
|
import 'package:adguard_home_manager/providers/app_config_provider.dart';
|
|
|
|
import 'package:adguard_home_manager/providers/servers_provider.dart';
|
|
|
|
|
|
|
|
class SideNavigationRail extends StatelessWidget {
|
2023-11-20 15:00:07 +01:00
|
|
|
const SideNavigationRail({super.key});
|
2023-04-30 20:26:10 +02:00
|
|
|
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
final serversProvider = Provider.of<ServersProvider>(context);
|
|
|
|
final appConfigProvider = Provider.of<AppConfigProvider>(context);
|
2023-04-30 22:54:39 +02:00
|
|
|
final logsProvider = Provider.of<LogsProvider>(context);
|
2023-04-30 20:26:10 +02:00
|
|
|
|
|
|
|
List<AppScreen> screens = serversProvider.selectedServer != null
|
|
|
|
? screensServerConnected
|
|
|
|
: screensSelectServer;
|
|
|
|
|
|
|
|
String translatedName(String key) {
|
|
|
|
switch (key) {
|
|
|
|
case 'home':
|
|
|
|
return AppLocalizations.of(context)!.home;
|
|
|
|
|
|
|
|
case 'settings':
|
|
|
|
return AppLocalizations.of(context)!.settings;
|
|
|
|
|
|
|
|
case 'connect':
|
|
|
|
return AppLocalizations.of(context)!.connect;
|
|
|
|
|
|
|
|
case 'clients':
|
|
|
|
return AppLocalizations.of(context)!.clients;
|
|
|
|
|
|
|
|
case 'logs':
|
|
|
|
return AppLocalizations.of(context)!.logs;
|
|
|
|
|
|
|
|
case 'filters':
|
|
|
|
return AppLocalizations.of(context)!.filters;
|
|
|
|
|
|
|
|
default:
|
|
|
|
return '';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2023-11-20 15:00:07 +01:00
|
|
|
if ((serversProvider.selectedServer == null || serversProvider.apiClient2 == null) && appConfigProvider.selectedScreen > 1) {
|
2023-05-25 15:06:21 +02:00
|
|
|
appConfigProvider.setSelectedScreen(0);
|
|
|
|
}
|
|
|
|
|
2023-04-30 20:26:10 +02:00
|
|
|
return NavigationRail(
|
2023-11-20 15:00:07 +01:00
|
|
|
selectedIndex: (serversProvider.selectedServer == null || serversProvider.apiClient2 == null) && appConfigProvider.selectedScreen > 1
|
2023-05-25 15:06:21 +02:00
|
|
|
? 0
|
|
|
|
: appConfigProvider.selectedScreen,
|
2023-04-30 20:26:10 +02:00
|
|
|
destinations: screens.map((screen) => NavigationRailDestination(
|
|
|
|
icon: Icon(
|
|
|
|
screen.icon,
|
|
|
|
color: screens[appConfigProvider.selectedScreen] == screen
|
|
|
|
? Theme.of(context).colorScheme.onSecondaryContainer
|
|
|
|
: Theme.of(context).colorScheme.onSurfaceVariant,
|
|
|
|
),
|
|
|
|
label: Text(translatedName(screen.name))
|
|
|
|
)).toList(),
|
|
|
|
onDestinationSelected: (value) {
|
2023-04-30 22:54:39 +02:00
|
|
|
// Reset clients tab to 0 when changing screen
|
|
|
|
if (value != 1) {
|
|
|
|
appConfigProvider.setSelectedClientsTab(0);
|
|
|
|
}
|
|
|
|
// Reset logs filters when changing screen
|
|
|
|
if (value != 2) {
|
|
|
|
logsProvider.resetFilters();
|
|
|
|
}
|
|
|
|
// Reset settings selected screen
|
|
|
|
if (value != screens.length-1) {
|
2023-05-02 13:42:01 +02:00
|
|
|
appConfigProvider.setSelectedSettingsScreen(screen: null);
|
2023-04-30 22:54:39 +02:00
|
|
|
}
|
2023-04-30 20:26:10 +02:00
|
|
|
appConfigProvider.setSelectedScreen(value);
|
|
|
|
},
|
|
|
|
labelType: NavigationRailLabelType.all,
|
|
|
|
useIndicator: true,
|
|
|
|
groupAlignment: 0,
|
|
|
|
backgroundColor: Theme.of(context).colorScheme.primary.withOpacity(0.05),
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|