Files
recipe-app/flutter/lib/features/admin/presentation/admin_users_panel.dart
T
Nils-Johan Gynther 84ccabe2fe
Test Suite / test (24.15.0) (push) Has been cancelled
feat: Add functionality to move inventory items to pantry and enhance pantry management
- Implemented moveInventoryItemToPantry method in InventoryRepository to facilitate moving items from inventory to pantry.
- Enhanced InventoryScreen with a new header section providing context about the inventory.
- Added a button in SwipeableInventoryTile to move items to pantry with appropriate error handling.
- Introduced movePantryItemToInventory method in PantryRepository to support moving items back to inventory.
- Refactored PantryScreen to rename _addToInventory to _moveToInventory for clarity and updated UI to reflect changes.
- Added AdminPantryItem model to represent pantry items in the admin panel.
- Created AdminPantryPanel for managing pantry items, including moving items to inventory and listing users.
- Developed AdminPrivateProductsPanel for managing private products, allowing promotion to global products.
2026-05-11 09:06:30 +02:00

680 lines
22 KiB
Dart

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../../core/api/api_error_mapper.dart';
import '../../../core/l10n/l10n.dart';
import '../data/admin_repository.dart';
import '../domain/user_admin.dart';
class AdminUsersPanel extends ConsumerStatefulWidget {
final bool embedded;
const AdminUsersPanel({super.key, this.embedded = false});
@override
ConsumerState<AdminUsersPanel> createState() => _AdminUsersPanelState();
}
class _AdminUsersPanelState extends ConsumerState<AdminUsersPanel> {
bool _isLoading = true;
String? _error;
List<UserAdmin> _users = [];
@override
void initState() {
super.initState();
_load();
}
Future<void> _load() async {
setState(() {
_isLoading = true;
_error = null;
});
try {
final users = await ref.read(adminRepositoryProvider).listUsers();
if (!mounted) return;
setState(() => _users = users);
} catch (e) {
if (!mounted) return;
setState(() => _error = mapErrorToUserMessage(e, context));
} finally {
if (mounted) setState(() => _isLoading = false);
}
}
Future<void> _changeRole(UserAdmin user) async {
final newRole = user.isAdmin ? 'user' : 'admin';
final confirmed = await _confirm(
context,
context.l10n.adminChangeRole,
context.l10n.adminChangeRoleConfirm(user.username, newRole),
);
if (!confirmed || !mounted) return;
try {
await ref.read(adminRepositoryProvider).setRole(user.id, newRole);
if (!mounted) return;
_load();
} catch (e) {
if (!mounted) return;
_showError(e);
}
}
Future<void> _togglePremium(UserAdmin user) async {
final newValue = !user.isPremium;
final confirmed = await _confirm(
context,
newValue ? context.l10n.adminGivePremium : context.l10n.adminRemovePremium,
context.l10n.adminPremiumConfirm(newValue ? context.l10n.adminGivePremium : context.l10n.adminRemovePremium, user.username),
);
if (!confirmed || !mounted) return;
try {
await ref
.read(adminRepositoryProvider)
.setPremium(user.id, isPremium: newValue);
if (!mounted) return;
_load();
} catch (e) {
if (!mounted) return;
_showError(e);
}
}
Future<void> _toggleRecipeSharing(UserAdmin user) async {
final newValue = !user.canShareRecipes;
final confirmed = await _confirm(
context,
newValue ? context.l10n.adminAllowSharing : context.l10n.adminBlockSharing,
context.l10n.adminSharingConfirm(newValue ? context.l10n.adminAllowSharing : context.l10n.adminBlockSharing, user.username),
);
if (!confirmed || !mounted) return;
try {
await ref
.read(adminRepositoryProvider)
.setRecipeSharing(user.id, canShareRecipes: newValue);
if (!mounted) return;
_load();
} catch (e) {
if (!mounted) return;
_showError(e);
}
}
Future<void> _resetPassword(UserAdmin user) async {
final confirmed = await _confirm(
context,
context.l10n.adminResetPassword,
context.l10n.adminResetPasswordConfirm(user.username),
);
if (!confirmed || !mounted) return;
try {
final result = await ref.read(adminRepositoryProvider).resetPassword(user.id);
if (!mounted) return;
final tempPw = result['temporaryPassword'] as String? ?? '';
await showDialog<void>(
context: context,
builder: (_) => AlertDialog(
title: Text(context.l10n.adminTempPasswordTitle),
content: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(context.l10n.adminTempPasswordForUser(user.username)),
const SizedBox(height: 8),
Row(
children: [
Expanded(
child: SelectableText(
tempPw,
style: const TextStyle(
fontFamily: 'monospace',
fontWeight: FontWeight.bold,
),
),
),
IconButton(
icon: const Icon(Icons.copy),
tooltip: context.l10n.adminCopyAction,
onPressed: () => Clipboard.setData(
ClipboardData(text: tempPw),
),
),
],
),
const SizedBox(height: 8),
const Text(
'Användaren måste byta lösenord vid nästa inloggning.',
style: TextStyle(fontSize: 12),
),
],
),
actions: [
TextButton(
onPressed: () => Navigator.pop(context),
child: Text(context.l10n.adminCloseAction),
),
],
),
);
} catch (e) {
if (!mounted) return;
_showError(e);
}
}
Future<void> _editEmail(UserAdmin user) async {
final controller = TextEditingController(text: user.email);
try {
final newEmail = await showDialog<String>(
context: context,
builder: (dialogContext) => AlertDialog(
title: Text(context.l10n.adminEmailEditTitle(user.username)),
content: TextField(
controller: controller,
keyboardType: TextInputType.emailAddress,
decoration: InputDecoration(
labelText: context.l10n.adminEmailLabel,
border: const OutlineInputBorder(),
),
),
actions: [
TextButton(
onPressed: () => Navigator.pop(dialogContext),
child: Text(context.l10n.cancelAction),
),
FilledButton(
onPressed: () => Navigator.pop(dialogContext, controller.text.trim()),
child: Text(context.l10n.saveAction),
),
],
),
);
if (newEmail == null || newEmail.isEmpty || !mounted) return;
if (!RegExp(r'^[^@]+@[^@]+\.[^@]+').hasMatch(newEmail)) {
_showError(context.l10n.adminEmailInvalid);
return;
}
await ref.read(adminRepositoryProvider).updateEmail(user.id, newEmail);
if (!mounted) return;
_load();
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text(context.l10n.adminEmailUpdated)),
);
} catch (e) {
if (!mounted) return;
_showError(e);
} finally {
controller.dispose();
}
}
Future<void> _deleteUser(UserAdmin user) async {
final confirmed = await _confirm(
context,
context.l10n.adminDeleteUser,
context.l10n.adminDeleteUserConfirm,
destructive: true,
);
if (!confirmed || !mounted) return;
try {
await ref.read(adminRepositoryProvider).deleteUser(user.id);
if (!mounted) return;
_load();
} catch (e) {
if (!mounted) return;
_showError(e);
}
}
Future<void> _createUser() async {
final result = await showDialog<Map<String, String>>(
context: context,
builder: (_) => const _CreateUserDialog(),
);
if (result == null || !mounted) return;
try {
await ref.read(adminRepositoryProvider).createUser(
username: result['username']!,
email: result['email']!,
password: result['password']!,
role: result['role'] ?? 'user',
);
if (!mounted) return;
_load();
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text(context.l10n.adminUserCreated(result['username']!))),
);
} catch (e) {
if (!mounted) return;
_showError(e);
}
}
void _showError(Object e) {
ScaffoldMessenger.of(context).showSnackBar(
buildCopyableErrorSnackBar(context, mapErrorToUserMessage(e, context)),
);
}
Future<bool> _confirm(
BuildContext ctx,
String title,
String body, {
bool destructive = false,
}) async {
final result = await showDialog<bool>(
context: ctx,
builder: (_) => AlertDialog(
title: Text(title),
content: Text(body),
actions: [
TextButton(
onPressed: () => Navigator.pop(_, false),
child: const Text('Avbryt'),
),
TextButton(
onPressed: () => Navigator.pop(_, true),
style: destructive
? TextButton.styleFrom(
foregroundColor: Theme.of(ctx).colorScheme.error,
)
: null,
child: Text(context.l10n.adminConfirmAction),
),
],
),
);
return result ?? false;
}
@override
Widget build(BuildContext context) {
final theme = Theme.of(context);
if (_isLoading) {
return const Center(child: CircularProgressIndicator());
}
if (_error != null) {
return buildCopyableErrorPanel(
context: context,
message: _error!,
onRetry: _load,
title: 'Kunde inte läsa användare',
);
}
if (_users.isEmpty) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
if (widget.embedded) ...[
Card(
child: Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('Användarkonton', style: theme.textTheme.titleMedium),
const SizedBox(height: 8),
Text(
'Här styr du konton, roller, premium och delning. När listan är tom kan du skapa den första användaren direkt.',
style: theme.textTheme.bodyMedium,
),
const SizedBox(height: 12),
FilledButton.icon(
onPressed: _createUser,
icon: const Icon(Icons.person_add_outlined),
label: Text(context.l10n.adminNewUser),
),
],
),
),
),
const SizedBox(height: 16),
],
Card(
child: Padding(
padding: const EdgeInsets.all(16),
child: Text(context.l10n.adminNoUsers),
),
),
],
);
}
final list = ListView.builder(
shrinkWrap: false,
physics: null,
padding: widget.embedded
? EdgeInsets.zero
: const EdgeInsets.fromLTRB(16, 8, 16, 80),
itemCount: _users.length,
itemBuilder: (ctx, i) => _UserTile(
user: _users[i],
onChangeRole: () => _changeRole(_users[i]),
onTogglePremium: () => _togglePremium(_users[i]),
onToggleRecipeSharing: () => _toggleRecipeSharing(_users[i]),
onEditEmail: () => _editEmail(_users[i]),
onResetPassword: () => _resetPassword(_users[i]),
onDelete: () => _deleteUser(_users[i]),
),
);
if (!widget.embedded) {
return list;
}
return SingleChildScrollView(
padding: const EdgeInsets.all(12),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Card(
child: Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('Användarkonton', style: theme.textTheme.titleMedium),
const SizedBox(height: 8),
Text(
context.l10n.adminUsersDescription,
style: theme.textTheme.bodyMedium,
),
const SizedBox(height: 8),
const Wrap(
spacing: 8,
runSpacing: 8,
children: [
Chip(label: Text('Roller')),
Chip(label: Text('Premium')),
Chip(label: Text('Delning')),
],
),
],
),
),
),
const SizedBox(height: 12),
Row(
children: [
const Spacer(),
IconButton(
icon: const Icon(Icons.refresh),
tooltip: 'Uppdatera',
onPressed: _load,
),
],
),
const SizedBox(height: 8),
FilledButton.icon(
onPressed: _createUser,
icon: const Icon(Icons.person_add_outlined),
label: Text(context.l10n.adminNewUser),
),
const SizedBox(height: 16),
list,
],
),
);
}
}
class _UserTile extends StatelessWidget {
final UserAdmin user;
final VoidCallback onChangeRole;
final VoidCallback onTogglePremium;
final VoidCallback onToggleRecipeSharing;
final VoidCallback onEditEmail;
final VoidCallback onResetPassword;
final VoidCallback onDelete;
const _UserTile({
required this.user,
required this.onChangeRole,
required this.onTogglePremium,
required this.onToggleRecipeSharing,
required this.onEditEmail,
required this.onResetPassword,
required this.onDelete,
});
@override
Widget build(BuildContext context) {
final theme = Theme.of(context);
return Card(
margin: const EdgeInsets.symmetric(vertical: 4),
child: ListTile(
leading: CircleAvatar(
backgroundColor: user.isAdmin
? theme.colorScheme.primaryContainer
: theme.colorScheme.secondaryContainer,
child: Icon(
user.isAdmin ? Icons.shield_outlined : Icons.person_outline,
color: user.isAdmin
? theme.colorScheme.onPrimaryContainer
: theme.colorScheme.onSecondaryContainer,
size: 20,
),
),
title: Text(user.displayName),
subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(user.email, style: theme.textTheme.bodySmall),
Wrap(
spacing: 4,
runSpacing: 2,
children: [
ActionChip(
label: Text(user.isAdmin ? 'Admin' : 'User'),
padding: EdgeInsets.zero,
visualDensity: VisualDensity.compact,
labelStyle: theme.textTheme.labelSmall,
tooltip: user.isAdmin ? context.l10n.adminDowngradeToUser : context.l10n.adminUpgradeToAdmin,
onPressed: onChangeRole,
),
ActionChip(
label: Text(user.isPremium ? context.l10n.adminPremiumLabel : context.l10n.adminFreeLabel),
padding: EdgeInsets.zero,
visualDensity: VisualDensity.compact,
labelStyle: theme.textTheme.labelSmall,
backgroundColor: user.isPremium
? theme.colorScheme.tertiaryContainer
: theme.colorScheme.surfaceContainerHighest,
tooltip: user.isPremium ? context.l10n.adminRemovePremium : context.l10n.adminGivePremium,
onPressed: onTogglePremium,
),
ActionChip(
label: Text(user.canShareRecipes ? context.l10n.adminSharingOn : context.l10n.adminSharingOff),
padding: EdgeInsets.zero,
visualDensity: VisualDensity.compact,
labelStyle: theme.textTheme.labelSmall,
backgroundColor: user.canShareRecipes
? theme.colorScheme.secondaryContainer
: theme.colorScheme.errorContainer,
tooltip: user.canShareRecipes ? context.l10n.adminBlockSharing : context.l10n.adminAllowSharing,
onPressed: onToggleRecipeSharing,
),
],
),
],
),
isThreeLine: true,
trailing: PopupMenuButton<String>(
onSelected: (action) {
switch (action) {
case 'role':
onChangeRole();
break;
case 'premium':
onTogglePremium();
break;
case 'sharing':
onToggleRecipeSharing();
break;
case 'email':
onEditEmail();
break;
case 'reset':
onResetPassword();
break;
case 'delete':
onDelete();
break;
}
},
itemBuilder: (_) => [
PopupMenuItem(
value: 'role',
child: Text(
user.isAdmin ? context.l10n.adminDowngradeToUser : context.l10n.adminUpgradeToAdmin,
),
),
PopupMenuItem(
value: 'premium',
child: Text(user.isPremium ? context.l10n.adminRemovePremium : context.l10n.adminGivePremium),
),
PopupMenuItem(
value: 'sharing',
child: Text(
user.canShareRecipes
? context.l10n.adminBlockSharing
: context.l10n.adminAllowSharing,
),
),
PopupMenuItem(
value: 'email',
child: Text(context.l10n.adminEmailAction),
),
PopupMenuItem(
value: 'reset',
child: Text(context.l10n.adminResetPassword),
),
const PopupMenuDivider(),
PopupMenuItem(
value: 'delete',
child: Text(
context.l10n.deleteAction,
style: TextStyle(color: Theme.of(context).colorScheme.error),
),
),
],
),
),
);
}
}
class _CreateUserDialog extends StatefulWidget {
const _CreateUserDialog();
@override
State<_CreateUserDialog> createState() => _CreateUserDialogState();
}
class _CreateUserDialogState extends State<_CreateUserDialog> {
final _formKey = GlobalKey<FormState>();
final _usernameCtrl = TextEditingController();
final _emailCtrl = TextEditingController();
final _passwordCtrl = TextEditingController();
String _role = 'user';
bool _obscure = true;
@override
void dispose() {
_usernameCtrl.dispose();
_emailCtrl.dispose();
_passwordCtrl.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return AlertDialog(
title: Text(context.l10n.adminCreateUserTitle),
content: Form(
key: _formKey,
child: SingleChildScrollView(
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Skapa ett nytt konto med tydlig roll direkt från adminvyn. Du väljer bara uppgifter som krävs för inloggning och åtkomst.',
style: Theme.of(context).textTheme.bodyMedium,
),
const SizedBox(height: 12),
TextFormField(
controller: _usernameCtrl,
decoration: InputDecoration(labelText: context.l10n.profileUsernameLabel),
validator: (v) =>
(v == null || v.length < 2) ? context.l10n.adminMinChars2 : null,
),
const SizedBox(height: 12),
TextFormField(
controller: _emailCtrl,
decoration: InputDecoration(labelText: context.l10n.adminEmailLabel),
keyboardType: TextInputType.emailAddress,
validator: (v) {
if (v == null || v.isEmpty) return context.l10n.required;
if (!RegExp(r'^[^@]+@[^@]+\.[^@]+').hasMatch(v)) {
return context.l10n.adminEmailInvalid;
}
return null;
},
),
const SizedBox(height: 12),
TextFormField(
controller: _passwordCtrl,
decoration: InputDecoration(
labelText: context.l10n.adminPasswordLabel,
suffixIcon: IconButton(
icon: Icon(
_obscure
? Icons.visibility_off_outlined
: Icons.visibility_outlined,
),
onPressed: () => setState(() => _obscure = !_obscure),
),
),
obscureText: _obscure,
validator: (v) =>
(v == null || v.length < 8) ? context.l10n.adminMinChars8 : null,
),
const SizedBox(height: 12),
DropdownButtonFormField<String>(
initialValue: _role,
decoration: InputDecoration(labelText: context.l10n.adminRoleLabel),
items: [
DropdownMenuItem(value: 'user', child: Text(context.l10n.adminUserRole)),
DropdownMenuItem(value: 'admin', child: Text(context.l10n.adminAdminRole)),
],
onChanged: (v) => setState(() => _role = v ?? 'user'),
),
],
),
),
),
actions: [
TextButton(
onPressed: () => Navigator.pop(context),
child: Text(context.l10n.cancelAction),
),
FilledButton(
onPressed: () {
if (_formKey.currentState!.validate()) {
Navigator.pop(context, {
'username': _usernameCtrl.text.trim(),
'email': _emailCtrl.text.trim(),
'password': _passwordCtrl.text,
'role': _role,
});
}
},
child: Text(context.l10n.adminCreateAction),
),
],
);
}
}