blomios/GameTime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(bibliotheque): tags de filtrage et duplication rapide côté UI (ticket #83)

Browse Source 
Lot frontend F1+F2 : composant library_tags.dart (filtre/suggestions de tags), intégration dans exercise_library_screen, program_screen et workout_template_screen (tags + action duplication rapide), tests associés.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Blomios
2026-07-22 10:22:47 +02:00
parent e57cfdf54d
commit 1b5fc935bd
7 changed files with 1220 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

208
lib/presentation/program_screen.dart
View File

@ -6,6 +6,7 @@ import '../application/application.dart';
import '../domain/domain.dart';
import 'example_badge.dart';
import 'exercise_library_screen.dart';
import 'library_tags.dart';
import 'share_screen.dart';
final class ProgramListScreen extends StatefulWidget {
@ -29,12 +30,21 @@ final class ProgramListScreen extends StatefulWidget {
}
final class _ProgramListScreenState extends State<ProgramListScreen> {
final _searchController = TextEditingController();
var _selectedTags = <String>{};
late Future<List<Program>> _programs;
@override
void initState() {
super.initState();
_programs = widget.programUseCases.listActive();
_searchController.addListener(() => setState(() {}));
}
@override
void dispose() {
_searchController.dispose();
super.dispose();
}
@override
@ -60,6 +70,10 @@ final class _ProgramListScreenState extends State<ProgramListScreen> {
);
}
final programs = snapshot.data ?? const <Program>[];
final tagSuggestions = tagSuggestionsFor(
programs,
(program) => program.tags,
).map((usage) => usage.tag).toList();
if (programs.isEmpty) {
return _CenteredMessage(
title: 'Aucun programme',
@ -68,11 +82,30 @@ final class _ProgramListScreenState extends State<ProgramListScreen> {
onAction: () => _openForm(),
);
}
final filtered = _filter(programs);
return ListView.separated(
itemCount: programs.length,
itemCount: filtered.isEmpty ? 2 : filtered.length + 1,
separatorBuilder: (context, index) => const Divider(height: 1),
itemBuilder: (context, index) {
final program = programs[index];
if (index == 0) {
return _ProgramFilters(
controller: _searchController,
tagSuggestions: tagSuggestions,
selectedTags: _selectedTags,
filtersActive: _filtersActive,
onToggleTag: _toggleTag,
onClearFilters: _clearFilters,
);
}
if (filtered.isEmpty) {
return _CenteredMessage(
title: 'Aucun programme ne correspond',
message: 'Modifie la recherche ou les tags sélectionnés.',
actionLabel: 'Effacer les filtres',
onAction: _clearFilters,
);
}
final program = filtered[index - 1];
return ListTile(
title: Wrap(
spacing: 8,
@ -83,14 +116,39 @@ final class _ProgramListScreenState extends State<ProgramListScreen> {
if (program.isExample) const ExampleBadge(),
],
),
subtitle: Text(_programSummary(program)),
subtitle: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(_programSummary(program)),
if (program.tags.isNotEmpty) ...[
const SizedBox(height: 6),
TagBadgeWrap(tags: program.tags),
],
],
),
trailing: Wrap(
spacing: 8,
children: [
IconButton(
tooltip: 'Supprimer le programme',
icon: const Icon(Icons.delete_outline),
onPressed: () => _confirmDelete(program),
PopupMenuButton<_ProgramItemAction>(
tooltip: 'Actions',
onSelected: (action) {
switch (action) {
case _ProgramItemAction.duplicate:
unawaited(_duplicate(program));
case _ProgramItemAction.delete:
unawaited(_confirmDelete(program));
}
},
itemBuilder: (context) => const [
PopupMenuItem(
value: _ProgramItemAction.duplicate,
child: Text('Dupliquer'),
),
PopupMenuItem(
value: _ProgramItemAction.delete,
child: Text('Supprimer'),
),
],
),
const Icon(Icons.chevron_right),
],
@ -110,7 +168,44 @@ final class _ProgramListScreenState extends State<ProgramListScreen> {
});
}
Future<void> _openForm({Program? program}) async {
List<Program> _filter(List<Program> programs) {
final query = _searchController.text.trim().toLowerCase();
final matchingQuery = programs.where((program) {
return query.isEmpty ||
program.name.toLowerCase().contains(query) ||
_programSummary(program).toLowerCase().contains(query);
}).toList();
return filterByRequiredTags(
matchingQuery,
_selectedTags,
(program) => program.tags,
);
}
bool get _filtersActive {
return _searchController.text.trim().isNotEmpty || _selectedTags.isNotEmpty;
}
void _toggleTag(String tag) {
setState(() {
if (_selectedTags.contains(tag)) {
_selectedTags = {..._selectedTags}..remove(tag);
} else {
_selectedTags = {..._selectedTags, tag};
}
});
}
void _clearFilters() {
setState(() {
_searchController.clear();
_selectedTags = {};
});
}
Future<void> _openForm({Program? program, String? initialSnackBar}) async {
final programs = await _programs;
if (!mounted) return;
final changed = await Navigator.of(context).push<bool>(
MaterialPageRoute(
builder: (context) => ProgramFormScreen(
@ -120,6 +215,11 @@ final class _ProgramListScreenState extends State<ProgramListScreen> {
authUseCases: widget.authUseCases,
syncUseCases: widget.syncUseCases,
program: program,
tagSuggestions: tagSuggestionsFor(
programs,
(program) => program.tags,
).map((usage) => usage.tag).toList(),
initialSnackBar: initialSnackBar,
),
),
);
@ -129,6 +229,22 @@ final class _ProgramListScreenState extends State<ProgramListScreen> {
}
}
Future<void> _duplicate(Program program) async {
try {
final copy = await widget.programUseCases.duplicate(program.metadata.id);
if (!mounted) return;
await _openForm(
program: copy,
initialSnackBar:
"Programme dupliqué. Ajuste la copie avant de l'utiliser.",
);
if (!mounted) return;
_reload();
} on Exception {
_showSnackBar('Duplication impossible pour le moment.');
}
}
Future<void> _confirmDelete(Program program) async {
final used = await widget.programUseCases.isUsedInWorkoutTemplates(
program.metadata.id,
@ -175,6 +291,63 @@ final class _ProgramListScreenState extends State<ProgramListScreen> {
}
}
enum _ProgramItemAction { duplicate, delete }
final class _ProgramFilters extends StatelessWidget {
const _ProgramFilters({
required this.controller,
required this.tagSuggestions,
required this.selectedTags,
required this.filtersActive,
required this.onToggleTag,
required this.onClearFilters,
});
final TextEditingController controller;
final List<String> tagSuggestions;
final Set<String> selectedTags;
final bool filtersActive;
final ValueChanged<String> onToggleTag;
final VoidCallback onClearFilters;
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
TextField(
controller: controller,
decoration: const InputDecoration(
labelText: 'Rechercher',
prefixIcon: Icon(Icons.search),
),
),
if (tagSuggestions.isNotEmpty) ...[
const SizedBox(height: 12),
LibraryTagFilters(
suggestions: tagSuggestions,
selectedTags: selectedTags,
onToggle: onToggleTag,
),
],
if (filtersActive) ...[
const SizedBox(height: 8),
Align(
alignment: Alignment.centerLeft,
child: TextButton(
onPressed: onClearFilters,
child: const Text('Effacer les filtres'),
),
),
],
],
),
);
}
}
final class ProgramFormScreen extends StatefulWidget {
const ProgramFormScreen({
required this.programUseCases,
@ -183,6 +356,8 @@ final class ProgramFormScreen extends StatefulWidget {
this.authUseCases,
this.syncUseCases,
this.program,
this.tagSuggestions = const [],
this.initialSnackBar,
super.key,
});
@ -192,6 +367,8 @@ final class ProgramFormScreen extends StatefulWidget {
final AuthUseCases? authUseCases;
final SyncUseCases? syncUseCases;
final Program? program;
final List<String> tagSuggestions;
final String? initialSnackBar;
@override
State<ProgramFormScreen> createState() => _ProgramFormScreenState();
@ -202,6 +379,7 @@ final class _ProgramFormScreenState extends State<ProgramFormScreen> {
late final TextEditingController _nameController;
late final TextEditingController _defaultRestController;
late final List<_ProgramExerciseDraft> _exercises;
late List<String> _tags;
Timer? _addedSnackBarTimer;
var _saving = false;
@ -223,6 +401,13 @@ final class _ProgramFormScreenState extends State<ProgramFormScreen> {
for (final exercise in program?.exercises ?? const <ProgramExercise>[])
_ProgramExerciseDraft.fromProgramExercise(exercise),
];
_tags = List<String>.of(program?.tags ?? const []);
final initialSnackBar = widget.initialSnackBar;
if (initialSnackBar != null) {
WidgetsBinding.instance.addPostFrameCallback((_) {
if (mounted) _showSnackBar(initialSnackBar);
});
}
}
@override
@ -288,6 +473,12 @@ final class _ProgramFormScreenState extends State<ProgramFormScreen> {
onChanged: (_) => setState(() {}),
),
const SizedBox(height: 12),
EditableTagsSection(
tags: _tags,
suggestions: widget.tagSuggestions,
onChanged: (tags) => setState(() => _tags = tags),
),
const SizedBox(height: 12),
SizedBox(
width: double.infinity,
child: OutlinedButton.icon(
@ -413,6 +604,7 @@ final class _ProgramFormScreenState extends State<ProgramFormScreen> {
id: widget.program?.metadata.id,
name: _nameController.text.trim(),
defaultRestSeconds: _defaultRestSeconds,
tags: _tags,
exercises: _exercises.map((exercise) => exercise.toConfig()).toList(),
);
if (mounted) {