import 'package:auto_route/auto_route.dart'; import 'package:cubit_form/cubit_form.dart'; import 'package:easy_localization/easy_localization.dart'; import 'package:flutter/material.dart'; import 'package:selfprivacy/config/brand_theme.dart'; import 'package:selfprivacy/config/get_it_config.dart'; import 'package:selfprivacy/logic/bloc/users/users_bloc.dart'; import 'package:selfprivacy/logic/cubit/client_jobs/client_jobs_cubit.dart'; import 'package:selfprivacy/logic/cubit/forms/factories/field_cubit_factory.dart'; import 'package:selfprivacy/logic/cubit/forms/user/ssh_form_cubit.dart'; import 'package:selfprivacy/logic/cubit/forms/user/user_form_cubit.dart'; import 'package:selfprivacy/logic/cubit/server_detailed_info/server_detailed_info_cubit.dart'; import 'package:selfprivacy/logic/cubit/server_installation/server_installation_cubit.dart'; import 'package:selfprivacy/logic/models/hive/user.dart'; import 'package:selfprivacy/logic/models/job.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/components/buttons/brand_button.dart'; import 'package:selfprivacy/ui/components/buttons/outlined_button.dart'; import 'package:selfprivacy/ui/components/cards/filled_card.dart'; import 'package:selfprivacy/ui/components/info_box/info_box.dart'; import 'package:selfprivacy/ui/components/list_tiles/list_tile_on_surface_variant.dart'; import 'package:selfprivacy/ui/helpers/empty_page_placeholder.dart'; import 'package:selfprivacy/ui/layouts/brand_hero_screen.dart'; import 'package:selfprivacy/ui/router/router.dart'; import 'package:selfprivacy/utils/breakpoints.dart'; import 'package:selfprivacy/utils/platform_adapter.dart'; import 'package:selfprivacy/utils/ui_helpers.dart'; part 'new_user.dart'; part 'reset_password.dart'; part 'user.dart'; part 'user_details.dart'; @RoutePage() class UsersPage extends StatelessWidget { const UsersPage({super.key}); @override Widget build(final BuildContext context) { final bool isReady = context.watch().state is ServerInstallationFinished; Widget child; if (!isReady) { child = EmptyPagePlaceholder( showReadyCard: true, title: 'users.nobody_here'.tr(), description: 'basis.please_connect'.tr(), iconData: BrandIcons.users, ); } else { child = BlocBuilder( builder: (final BuildContext context, final UsersState state) { final users = state.orderedUsers; if (users.isEmpty) { if (state is UsersRefreshing) { return const Center( child: CircularProgressIndicator.adaptive(), ); } return RefreshIndicator( onRefresh: () async { await context.read().refresh(); }, child: Container( padding: const EdgeInsets.symmetric(horizontal: 15), child: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ EmptyPagePlaceholder( title: 'users.could_not_fetch_users'.tr(), description: 'users.could_not_fetch_description'.tr(), iconData: BrandIcons.users, ), const SizedBox(height: 18), BrandOutlinedButton( onPressed: () { context.read().refresh(); }, title: 'users.refresh_users'.tr(), ), ], ), ), ), ); } return RefreshIndicator( onRefresh: () async { await context.read().refresh(); }, child: Column( children: [ Padding( padding: const EdgeInsets.all(8.0), child: FilledButton.tonal( child: Row( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: [ const Icon(Icons.person_add_outlined), const SizedBox(width: 8), Text('users.new_user'.tr()), ], ), onPressed: () { context.pushRoute(const NewUserRoute()); }, ), ), Expanded( child: ListView.builder( itemCount: users.length, itemBuilder: (final BuildContext context, final int index) => _User( user: users[index], isPrimaryUser: users[index].type == UserType.primary, ), ), ), ], ), ); }, ); } return Scaffold( appBar: Breakpoints.small.isActive(context) ? PreferredSize( preferredSize: const Size.fromHeight(52), child: BrandHeader( title: 'basis.users'.tr(), ), ) : null, body: child, ); } }