nilsjohan/recipe-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Introduce SearchableCategoryField component and integrate it into admin panels for enhanced category selection
Test Suite / test (24.15.0) (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Nils-Johan Gynther
2026-05-11 12:20:57 +02:00
parent f132983b75
commit 3ad6cfee50
5 changed files with 233 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files
flutter/lib/features/admin/presentation/admin_inventory_panel.dart
+43 -23
View File
@@ -4,6 +4,7 @@ import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../../core/api/api_error_mapper.dart';
import '../../../core/ui/category_then_product_picker.dart';
import '../../../core/ui/searchable_category_field.dart';
import '../../../core/ui/product_picker_field.dart';
import '../data/admin_repository.dart';
import '../domain/admin_category_node.dart';
@@ -38,6 +39,7 @@ class _AdminInventoryPanelState extends ConsumerState<AdminInventoryPanel> {
List<AdminInventoryItem> _items = [];
List<AdminProduct> _products = [];
List<AdminCategoryNode> _categories = [];
List<CategorySelectOption> _categoryOptions = [];
List<UserAdmin> _users = [];
@override
@@ -67,6 +69,7 @@ class _AdminInventoryPanelState extends ConsumerState<AdminInventoryPanel> {
_items = results[0] as List<AdminInventoryItem>;
_products = results[1] as List<AdminProduct>;
_categories = results[2] as List<AdminCategoryNode>;
_categoryOptions = _flattenCategoryOptions(_categories);
_users = results[3] as List<UserAdmin>;
});
} catch (e) {
@@ -93,6 +96,20 @@ class _AdminInventoryPanelState extends ConsumerState<AdminInventoryPanel> {
_InventorySort.quantityDesc => 'Mängd fallande',
};
List<CategorySelectOption> _flattenCategoryOptions(
List<AdminCategoryNode> nodes, [
List<String> parents = const [],
]) {
final result = <CategorySelectOption>[];
for (final node in nodes) {
final pathParts = [...parents, node.name];
final path = pathParts.join(' > ');
result.add((value: node.id.toString(), label: path));
result.addAll(_flattenCategoryOptions(node.children, pathParts));
}
return result;
}
List<AdminInventoryItem> get _filtered {
final q = _search.trim().toLowerCase();
if (q.isEmpty) return _items;
@@ -803,6 +820,20 @@ class _InventoryFormDialogState extends State<_InventoryFormDialog> {
super.dispose();
}
void _applyCategorySelection(int id, String path) {
setState(() {
_categoryId = id;
_categoryPath = path;
_categorySearchController.text = path;
if (_productId != null) {
final current = _productById(_productId);
if (current?.categoryId != _categoryId) {
_productId = null;
}
}
});
}
AdminProduct? _productById(int? id) {
if (id == null) return null;
for (final product in widget.products) {
@@ -829,16 +860,7 @@ class _InventoryFormDialogState extends State<_InventoryFormDialog> {
preselectedCategoryId: _categoryId,
);
if (selected == null || !mounted) return;
setState(() {
_categoryId = selected.id;
_categoryPath = selected.path;
if (_productId != null) {
final current = _productById(_productId);
if (current?.categoryId != _categoryId) {
_productId = null;
}
}
});
_applyCategorySelection(selected.id, selected.path);
}
@override
@@ -888,19 +910,17 @@ class _InventoryFormDialogState extends State<_InventoryFormDialog> {
),
const SizedBox(height: 12),
],
GestureDetector(
onTap: _pickCategory,
child: InputDecorator(
decoration: const InputDecoration(
labelText: 'Kategori',
border: OutlineInputBorder(),
),
child: Text(
_categoryPath == null || _categoryPath!.trim().isEmpty
? 'Tryck för att välja kategori'
: _categoryPath!,
),
),
SearchableCategoryField(
options: _categoryOptions,
value: _categoryId?.toString(),
label: 'Kategori (sökbar)',
onChanged: (value) {
if (value == null) return;
final label = _categoryOptions
.firstWhere((option) => option.value == value)
.label;
_applyCategorySelection(int.parse(value), label);
},
),
const SizedBox(height: 12),
Row(
flutter/lib/features/admin/presentation/admin_pantry_panel.dart
+43 -23
View File
@@ -5,6 +5,7 @@ import '../../../core/api/api_error_mapper.dart';
import '../../../core/forms/form_options.dart';
import '../../../core/l10n/l10n.dart';
import '../../../core/ui/category_then_product_picker.dart';
import '../../../core/ui/searchable_category_field.dart';
import '../../../core/ui/product_picker_field.dart';
import '../data/admin_repository.dart';
import '../domain/admin_category_node.dart';
@@ -29,6 +30,7 @@ class _AdminPantryPanelState extends ConsumerState<AdminPantryPanel> {
List<AdminPantryItem> _items = [];
List<AdminProduct> _products = [];
List<AdminCategoryNode> _categories = [];
List<CategorySelectOption> _categoryOptions = [];
List<UserAdmin> _users = [];
@override
@@ -55,6 +57,7 @@ class _AdminPantryPanelState extends ConsumerState<AdminPantryPanel> {
_items = results[0] as List<AdminPantryItem>;
_products = results[1] as List<AdminProduct>;
_categories = results[2] as List<AdminCategoryNode>;
_categoryOptions = _flattenCategoryOptions(_categories);
_users = results[3] as List<UserAdmin>;
});
} catch (e) {
@@ -77,6 +80,20 @@ class _AdminPantryPanelState extends ConsumerState<AdminPantryPanel> {
}).toList();
}
List<CategorySelectOption> _flattenCategoryOptions(
List<AdminCategoryNode> nodes, [
List<String> parents = const [],
]) {
final result = <CategorySelectOption>[];
for (final node in nodes) {
final pathParts = [...parents, node.name];
final path = pathParts.join(' > ');
result.add((value: node.id.toString(), label: path));
result.addAll(_flattenCategoryOptions(node.children, pathParts));
}
return result;
}
Future<void> _addItem() async {
final values = await _showPantryFormDialog(initialOwnerUserId: _selectedUserId);
if (values == null) return;
@@ -513,6 +530,20 @@ class _PantryFormDialogState extends State<_PantryFormDialog> {
super.dispose();
}
void _applyCategorySelection(int id, String path) {
setState(() {
_categoryId = id;
_categoryPath = path;
_categorySearchController.text = path;
if (_productId != null) {
final current = _productById(_productId);
if (current?.categoryId != _categoryId) {
_productId = null;
}
}
});
}
AdminProduct? _productById(int? id) {
if (id == null) return null;
for (final product in widget.products) {
@@ -539,16 +570,7 @@ class _PantryFormDialogState extends State<_PantryFormDialog> {
preselectedCategoryId: _categoryId,
);
if (selected == null || !mounted) return;
setState(() {
_categoryId = selected.id;
_categoryPath = selected.path;
if (_productId != null) {
final current = _productById(_productId);
if (current?.categoryId != _categoryId) {
_productId = null;
}
}
});
_applyCategorySelection(selected.id, selected.path);
}
@override
@@ -585,19 +607,17 @@ class _PantryFormDialogState extends State<_PantryFormDialog> {
),
const SizedBox(height: 12),
],
GestureDetector(
onTap: _pickCategory,
child: InputDecorator(
decoration: const InputDecoration(
labelText: 'Kategori',
border: OutlineInputBorder(),
),
child: Text(
_categoryPath == null || _categoryPath!.trim().isEmpty
? 'Tryck för att välja kategori'
: _categoryPath!,
),
),
SearchableCategoryField(
options: _categoryOptions,
value: _categoryId?.toString(),
label: 'Kategori (sökbar)',
onChanged: (value) {
if (value == null) return;
final label = _categoryOptions
.firstWhere((option) => option.value == value)
.label;
_applyCategorySelection(int.parse(value), label);
},
),
const SizedBox(height: 12),
Row(
flutter/lib/features/admin/presentation/admin_products_panel.dart
+17 -41
View File
@@ -3,6 +3,7 @@ import 'package:flutter_riverpod/flutter_riverpod.dart';
import '../../../core/api/api_error_mapper.dart';
import '../../../core/l10n/l10n.dart';
import '../../../core/ui/searchable_category_field.dart';
import '../data/admin_repository.dart';
import '../domain/admin_ai_categorize_result.dart';
import '../domain/admin_category_node.dart';
@@ -102,6 +103,13 @@ class _AdminProductsPanelState extends ConsumerState<AdminProductsPanel> {
return result;
}
List<CategorySelectOption> _categoryOptionItems() {
return [
const (value: '__remove__', label: 'Ingen kategori'),
..._cachedCategoryOptions.map((option) => (value: option.value, label: option.label)),
];
}
Future<void> _applyBulkCategory() async {
if (_selectedIds.isEmpty || _isApplying) return;
if (_bulkCategoryValue == null) {
@@ -525,7 +533,6 @@ class _AdminProductsPanelState extends ConsumerState<AdminProductsPanel> {
@override
Widget build(BuildContext context) {
final theme = Theme.of(context);
final categoryOptions = _cachedCategoryOptions;
final filtered = _products.where((product) {
if (!_showDeletedOnly && _showUncategorizedOnly && product.categoryId != null) {
return false;
@@ -647,24 +654,10 @@ class _AdminProductsPanelState extends ConsumerState<AdminProductsPanel> {
if (!_showDeletedOnly)
SizedBox(
width: 260,
child: DropdownButtonFormField<String>(
initialValue: _bulkCategoryValue,
decoration: InputDecoration(
labelText: context.l10n.adminBulkSetCategory,
border: const OutlineInputBorder(),
),
items: [
DropdownMenuItem<String>(
value: '__remove__',
child: Text(context.l10n.adminRemoveCategory),
),
...categoryOptions.map(
(option) => DropdownMenuItem<String>(
value: option.value,
child: Text(option.label),
),
),
],
child: SearchableCategoryField(
options: _categoryOptionItems(),
value: _bulkCategoryValue,
label: context.l10n.adminBulkSetCategory,
onChanged: (value) => setState(() => _bulkCategoryValue = value),
),
),
@@ -769,28 +762,11 @@ class _AdminProductsPanelState extends ConsumerState<AdminProductsPanel> {
children: [
SizedBox(
width: 280,
child: DropdownButtonFormField<String>(
key: ValueKey(
'row-category-${product.id}-${_rowCategoryFor(product)}',
),
initialValue: _rowCategoryFor(product),
decoration: InputDecoration(
labelText: context.l10n.adminInlineCategory,
border: const OutlineInputBorder(),
isDense: true,
),
items: [
DropdownMenuItem<String>(
value: '__remove__',
child: Text(context.l10n.adminNoCategory),
),
...categoryOptions.map(
(option) => DropdownMenuItem<String>(
value: option.value,
child: Text(option.label),
),
),
],
child: SearchableCategoryField(
key: ValueKey('row-category-${product.id}-${_rowCategoryFor(product)}'),
options: _categoryOptionItems(),
value: _rowCategoryFor(product),
label: context.l10n.adminInlineCategory,
onChanged: (value) {
if (value == null) return;
setState(() => _rowCategoryValue[product.id] = value);