mirror of
https://git.selfprivacy.org/kherel/selfprivacy.org.app.git
synced 2024-09-07 04:26:56 +00:00
160 lines
4.9 KiB
Dart
160 lines
4.9 KiB
Dart
import 'package:auto_route/auto_route.dart';
|
|
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:selfprivacy/logic/cubit/app_settings/app_settings_cubit.dart';
|
|
import 'package:selfprivacy/logic/cubit/server_installation/server_installation_cubit.dart';
|
|
import 'package:selfprivacy/ui/layouts/root_scaffold_with_navigation.dart';
|
|
import 'package:selfprivacy/ui/router/root_destinations.dart';
|
|
|
|
import 'package:selfprivacy/ui/router/router.dart';
|
|
|
|
@RoutePage()
|
|
class RootPage extends StatefulWidget implements AutoRouteWrapper {
|
|
const RootPage({super.key});
|
|
|
|
@override
|
|
State<RootPage> createState() => _RootPageState();
|
|
|
|
@override
|
|
Widget wrappedRoute(final BuildContext context) => this;
|
|
}
|
|
|
|
class _RootPageState extends State<RootPage> with TickerProviderStateMixin {
|
|
bool shouldUseSplitView() => false;
|
|
|
|
final destinations = rootDestinations;
|
|
|
|
@override
|
|
Widget build(final BuildContext context) {
|
|
final bool isReady = context.watch<ServerInstallationCubit>().state
|
|
is ServerInstallationFinished;
|
|
|
|
if (context.read<AppSettingsCubit>().state.isOnboardingShowing) {
|
|
context.router.replace(const OnboardingRoute());
|
|
}
|
|
|
|
return AutoRouter(
|
|
builder: (final context, final child) {
|
|
final currentDestinationIndex = destinations.indexWhere(
|
|
(final destination) =>
|
|
context.router.isRouteActive(destination.route.routeName),
|
|
);
|
|
final isOtherRouterActive =
|
|
context.router.root.current.name != RootRoute.name;
|
|
final routeName = getRouteTitle(context.router.current.name).tr();
|
|
return RootScaffoldWithNavigation(
|
|
title: routeName,
|
|
destinations: destinations,
|
|
showBottomBar:
|
|
!(currentDestinationIndex == -1 && !isOtherRouterActive),
|
|
showFab: isReady,
|
|
child: child,
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
class MainScreenNavigationRail extends StatelessWidget {
|
|
const MainScreenNavigationRail({
|
|
required this.destinations,
|
|
super.key,
|
|
});
|
|
|
|
final List<RouteDestination> destinations;
|
|
|
|
@override
|
|
Widget build(final BuildContext context) {
|
|
int? activeIndex = destinations.indexWhere(
|
|
(final destination) =>
|
|
context.router.isRouteActive(destination.route.routeName),
|
|
);
|
|
if (activeIndex == -1) {
|
|
activeIndex = null;
|
|
}
|
|
|
|
return Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: SizedBox(
|
|
height: MediaQuery.of(context).size.height,
|
|
width: 72,
|
|
child: LayoutBuilder(
|
|
builder: (final context, final constraints) => SingleChildScrollView(
|
|
child: ConstrainedBox(
|
|
constraints: BoxConstraints(minHeight: constraints.maxHeight),
|
|
child: IntrinsicHeight(
|
|
child: NavigationRail(
|
|
backgroundColor: Colors.transparent,
|
|
labelType: NavigationRailLabelType.all,
|
|
destinations: destinations
|
|
.map(
|
|
(final destination) => NavigationRailDestination(
|
|
icon: Icon(destination.icon),
|
|
label: Text(destination.label),
|
|
),
|
|
)
|
|
.toList(),
|
|
selectedIndex: activeIndex,
|
|
onDestinationSelected: (final index) {
|
|
context.router.replaceAll([destinations[index].route]);
|
|
},
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class MainScreenNavigationDrawer extends StatelessWidget {
|
|
const MainScreenNavigationDrawer({
|
|
required this.destinations,
|
|
super.key,
|
|
});
|
|
|
|
final List<RouteDestination> destinations;
|
|
|
|
@override
|
|
Widget build(final BuildContext context) {
|
|
int? activeIndex = destinations.indexWhere(
|
|
(final destination) =>
|
|
context.router.isRouteActive(destination.route.routeName),
|
|
);
|
|
if (activeIndex == -1) {
|
|
activeIndex = null;
|
|
}
|
|
|
|
return SizedBox(
|
|
height: MediaQuery.of(context).size.height,
|
|
width: 296,
|
|
child: LayoutBuilder(
|
|
builder: (final context, final constraints) => NavigationDrawer(
|
|
// backgroundColor: Theme.of(context).colorScheme.surfaceVariant,
|
|
// surfaceTintColor: Colors.transparent,
|
|
key: const Key('PrimaryNavigationDrawer'),
|
|
selectedIndex: activeIndex,
|
|
onDestinationSelected: (final index) {
|
|
context.router.replaceAll([destinations[index].route]);
|
|
},
|
|
children: [
|
|
const SizedBox(height: 18),
|
|
...destinations.map(
|
|
(final destination) => NavigationDrawerDestination(
|
|
icon: Icon(destination.icon),
|
|
label: Text(destination.label),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class ChangeTab {
|
|
ChangeTab(this.onPress);
|
|
final ValueChanged<int> onPress;
|
|
}
|