mirror of
https://git.selfprivacy.org/kherel/selfprivacy.org.app.git
synced 2024-09-06 03:56:56 +00:00
157 lines
5.2 KiB
Dart
157 lines
5.2 KiB
Dart
import 'package:easy_localization/easy_localization.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:ionicons/ionicons.dart';
|
|
import 'package:selfprivacy/config/brand_theme.dart';
|
|
import 'package:selfprivacy/logic/cubit/server_installation/server_installation_cubit.dart';
|
|
import 'package:selfprivacy/ui/components/brand_cards/brand_cards.dart';
|
|
import 'package:selfprivacy/ui/components/brand_header/brand_header.dart';
|
|
import 'package:selfprivacy/ui/components/brand_icons/brand_icons.dart';
|
|
import 'package:selfprivacy/ui/pages/devices/devices.dart';
|
|
import 'package:selfprivacy/ui/pages/recovery_key/recovery_key.dart';
|
|
import 'package:selfprivacy/ui/pages/setup/initializing.dart';
|
|
import 'package:selfprivacy/ui/pages/onboarding/onboarding.dart';
|
|
import 'package:selfprivacy/ui/pages/root_route.dart';
|
|
import 'package:selfprivacy/ui/pages/ssh_keys/ssh_keys.dart';
|
|
import 'package:selfprivacy/utils/route_transitions/basic.dart';
|
|
|
|
import '../../../logic/cubit/users/users_cubit.dart';
|
|
import 'about/about.dart';
|
|
import 'app_settings/app_setting.dart';
|
|
import 'console/console.dart';
|
|
import 'info/info.dart';
|
|
|
|
class MorePage extends StatelessWidget {
|
|
const MorePage({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
var isReady = context.watch<ServerInstallationCubit>().state
|
|
is ServerInstallationFinished;
|
|
|
|
return Scaffold(
|
|
appBar: PreferredSize(
|
|
preferredSize: const Size.fromHeight(52),
|
|
child: BrandHeader(
|
|
title: 'basis.more'.tr(),
|
|
),
|
|
),
|
|
body: ListView(
|
|
children: [
|
|
Padding(
|
|
padding: paddingH15V0,
|
|
child: Column(
|
|
children: [
|
|
if (!isReady)
|
|
_MoreMenuItem(
|
|
title: 'more.configuration_wizard'.tr(),
|
|
iconData: Icons.change_history_outlined,
|
|
goTo: const InitializingPage(),
|
|
subtitle: 'not_ready_card.in_menu'.tr(),
|
|
accent: true,
|
|
),
|
|
if (isReady)
|
|
_MoreMenuItem(
|
|
title: 'more.create_ssh_key'.tr(),
|
|
iconData: Ionicons.key_outline,
|
|
goTo: SshKeysPage(
|
|
user: context.read<UsersCubit>().state.rootUser,
|
|
)),
|
|
if (isReady)
|
|
_MoreMenuItem(
|
|
iconData: Icons.password_outlined,
|
|
goTo: const RecoveryKey(),
|
|
title: 'recovery_key.key_main_header'.tr(),
|
|
),
|
|
if (isReady)
|
|
_MoreMenuItem(
|
|
iconData: Icons.devices_outlined,
|
|
goTo: const DevicesScreen(),
|
|
title: 'devices.main_screen.header'.tr(),
|
|
),
|
|
_MoreMenuItem(
|
|
title: 'more.settings.title'.tr(),
|
|
iconData: Icons.settings_outlined,
|
|
goTo: const AppSettingsPage(),
|
|
),
|
|
_MoreMenuItem(
|
|
title: 'more.about_project'.tr(),
|
|
iconData: BrandIcons.engineer,
|
|
goTo: const AboutPage(),
|
|
),
|
|
_MoreMenuItem(
|
|
title: 'more.about_app'.tr(),
|
|
iconData: BrandIcons.fire,
|
|
goTo: const InfoPage(),
|
|
),
|
|
if (!isReady)
|
|
_MoreMenuItem(
|
|
title: 'more.onboarding'.tr(),
|
|
iconData: BrandIcons.start,
|
|
goTo: const OnboardingPage(nextPage: RootPage()),
|
|
),
|
|
_MoreMenuItem(
|
|
title: 'more.console'.tr(),
|
|
iconData: BrandIcons.terminal,
|
|
goTo: const Console(),
|
|
),
|
|
],
|
|
),
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _MoreMenuItem extends StatelessWidget {
|
|
const _MoreMenuItem({
|
|
Key? key,
|
|
required this.iconData,
|
|
required this.title,
|
|
this.subtitle,
|
|
this.goTo,
|
|
this.accent = false,
|
|
}) : super(key: key);
|
|
|
|
final IconData iconData;
|
|
final String title;
|
|
final Widget? goTo;
|
|
final String? subtitle;
|
|
final bool accent;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final color = accent
|
|
? Theme.of(context).colorScheme.onTertiaryContainer
|
|
: Theme.of(context).colorScheme.onSurface;
|
|
return BrandCards.filled(
|
|
tertiary: accent,
|
|
child: ListTile(
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|
onTap: goTo != null
|
|
? () => Navigator.of(context).push(materialRoute(goTo!))
|
|
: null,
|
|
leading: Icon(
|
|
iconData,
|
|
size: 24,
|
|
color: color,
|
|
),
|
|
title: Text(
|
|
title,
|
|
style: Theme.of(context).textTheme.titleMedium?.copyWith(
|
|
color: color,
|
|
),
|
|
),
|
|
subtitle: subtitle != null
|
|
? Text(
|
|
subtitle!,
|
|
style: Theme.of(context).textTheme.bodyMedium?.copyWith(
|
|
color: color,
|
|
),
|
|
)
|
|
: null,
|
|
),
|
|
);
|
|
}
|
|
}
|