setBulkModalOpen(false)}
+ onSubmit={handleBulkSubmit}
+ bulkSubmitting={bulkSubmitting}
+ selectedCount={selectedIds.size}
+ bulkMaxIds={BULK_MAX_IDS}
+ user={user}
+ isPlatformAdmin={isPlatformAdmin}
+ statusOptions={statusOptions}
+ bulkVisibilityOptions={bulkVisibilityOptions}
+ focusOptions={focusOptions}
+ styleOptions={styleOptions}
+ trainingTypeOptions={trainingTypeOptions}
+ targetGroupOptions={targetGroupOptions}
+ bulkVisibility={bulkVisibility}
+ setBulkVisibility={setBulkVisibility}
+ bulkStatus={bulkStatus}
+ setBulkStatus={setBulkStatus}
+ bulkClubSelect={bulkClubSelect}
+ setBulkClubSelect={setBulkClubSelect}
+ bulkClubManual={bulkClubManual}
+ setBulkClubManual={setBulkClubManual}
+ bulkPatchFocusAreas={bulkPatchFocusAreas}
+ setBulkPatchFocusAreas={setBulkPatchFocusAreas}
+ bulkFocusAreaIds={bulkFocusAreaIds}
+ setBulkFocusAreaIds={setBulkFocusAreaIds}
+ bulkPatchStyleDirections={bulkPatchStyleDirections}
+ setBulkPatchStyleDirections={setBulkPatchStyleDirections}
+ bulkStyleDirectionIds={bulkStyleDirectionIds}
+ setBulkStyleDirectionIds={setBulkStyleDirectionIds}
+ bulkPatchTrainingTypes={bulkPatchTrainingTypes}
+ setBulkPatchTrainingTypes={setBulkPatchTrainingTypes}
+ bulkTrainingTypeIds={bulkTrainingTypeIds}
+ setBulkTrainingTypeIds={setBulkTrainingTypeIds}
+ bulkPatchTargetGroups={bulkPatchTargetGroups}
+ setBulkPatchTargetGroups={setBulkPatchTargetGroups}
+ bulkTargetGroupIds={bulkTargetGroupIds}
+ setBulkTargetGroupIds={setBulkTargetGroupIds}
+ />
{listFetching && exercises.length === 0 ? (
diff --git a/frontend/src/utils/exerciseListFilterChips.js b/frontend/src/utils/exerciseListFilterChips.js
new file mode 100644
index 0000000..a4293ac
--- /dev/null
+++ b/frontend/src/utils/exerciseListFilterChips.js
@@ -0,0 +1,188 @@
+import { SKILL_LEVEL_OPTIONS } from '../constants/skillLevels'
+
+const LEVEL_FILTER_OPTS = SKILL_LEVEL_OPTIONS.filter((o) => o.level != null)
+
+function pushCatalogRuleFilterChips(chips, field, rules, options, topicLabel, setFilters) {
+ ;(rules || []).forEach((r) => {
+ const rid = String(r.id ?? r.focus_area_id ?? '')
+ const opt = options.find((o) => String(o.id) === rid)
+ chips.push({
+ key: `${field}-${r.key}`,
+ label: `${topicLabel}: ${r.mode === 'forbid' ? '−' : '+'} ${opt?.label ?? rid}`,
+ onRemove: () =>
+ setFilters((prev) => ({
+ ...prev,
+ [field]: (prev[field] || []).filter((x) => x.key !== r.key),
+ })),
+ })
+ })
+}
+
+function levelOptionShort(levelStr) {
+ const o = LEVEL_FILTER_OPTS.find((x) => String(x.level) === String(levelStr))
+ return o ? String(o.level) : String(levelStr)
+}
+
+export function buildExerciseListFilterChips({
+ mineOnly,
+ setMineOnly,
+ filters,
+ setFilters,
+ focusOptions,
+ styleOptions,
+ trainingTypeOptions,
+ targetGroupOptions,
+ skillOptions,
+ visibilityOptions,
+ statusOptions,
+}) {
+ const chips = []
+
+ if (mineOnly) {
+ chips.push({
+ key: 'mine-only',
+ label: 'Nur von mir erstellt',
+ onRemove: () => setMineOnly(false),
+ })
+ }
+
+ pushCatalogRuleFilterChips(chips, 'focus_rules', filters.focus_rules, focusOptions, 'Fokus', setFilters)
+
+ if (filters.focus_only_without) {
+ chips.push({
+ key: 'focus-only-none',
+ label: 'Nur ohne Fokusbereich',
+ onRemove: () => setFilters((prev) => ({ ...prev, focus_only_without: false })),
+ })
+ }
+
+ ;(filters.focus_area_ids || []).forEach((id) => {
+ const opt = focusOptions.find((o) => String(o.id) === String(id))
+ chips.push({
+ key: `fa-${id}`,
+ label: `Fokus (ODER, älter): ${opt?.label ?? id}`,
+ onRemove: () =>
+ setFilters((prev) => ({
+ ...prev,
+ focus_area_ids: prev.focus_area_ids.filter((x) => String(x) !== String(id)),
+ })),
+ })
+ })
+
+ pushCatalogRuleFilterChips(
+ chips,
+ 'style_direction_rules',
+ filters.style_direction_rules,
+ styleOptions,
+ 'Stil',
+ setFilters
+ )
+ pushCatalogRuleFilterChips(
+ chips,
+ 'training_type_rules',
+ filters.training_type_rules,
+ trainingTypeOptions,
+ 'Trainingsstil',
+ setFilters
+ )
+ pushCatalogRuleFilterChips(
+ chips,
+ 'target_group_rules',
+ filters.target_group_rules,
+ targetGroupOptions,
+ 'Zielgruppe',
+ setFilters
+ )
+
+ ;(filters.style_direction_ids || []).forEach((id) => {
+ const opt = styleOptions.find((o) => String(o.id) === String(id))
+ chips.push({
+ key: `sd-${id}`,
+ label: `Stil (ODER, älter): ${opt?.label ?? id}`,
+ onRemove: () =>
+ setFilters((prev) => ({
+ ...prev,
+ style_direction_ids: prev.style_direction_ids.filter((x) => String(x) !== String(id)),
+ })),
+ })
+ })
+ ;(filters.training_type_ids || []).forEach((id) => {
+ const opt = trainingTypeOptions.find((o) => String(o.id) === String(id))
+ chips.push({
+ key: `tt-${id}`,
+ label: `Trainingsstil (ODER, älter): ${opt?.label ?? id}`,
+ onRemove: () =>
+ setFilters((prev) => ({
+ ...prev,
+ training_type_ids: prev.training_type_ids.filter((x) => String(x) !== String(id)),
+ })),
+ })
+ })
+ ;(filters.target_group_ids || []).forEach((id) => {
+ const opt = targetGroupOptions.find((o) => String(o.id) === String(id))
+ chips.push({
+ key: `tg-${id}`,
+ label: `Zielgruppe (ODER, älter): ${opt?.label ?? id}`,
+ onRemove: () =>
+ setFilters((prev) => ({
+ ...prev,
+ target_group_ids: prev.target_group_ids.filter((x) => String(x) !== String(id)),
+ })),
+ })
+ })
+
+ ;(filters.skill_ids || []).forEach((id) => {
+ const opt = skillOptions.find((o) => String(o.id) === String(id))
+ chips.push({
+ key: `sk-${id}`,
+ label: `Fähigkeit: ${opt?.label ?? id}`,
+ onRemove: () =>
+ setFilters((prev) => ({
+ ...prev,
+ skill_ids: prev.skill_ids.filter((x) => String(x) !== String(id)),
+ })),
+ })
+ })
+
+ if (filters.skill_min_level || filters.skill_max_level) {
+ const a = filters.skill_min_level ? levelOptionShort(filters.skill_min_level) : '…'
+ const b = filters.skill_max_level ? levelOptionShort(filters.skill_max_level) : '…'
+ chips.push({
+ key: 'skill-levels',
+ label: `Stufe ${a}–${b}`,
+ onRemove: () =>
+ setFilters((prev) => ({
+ ...prev,
+ skill_min_level: '',
+ skill_max_level: '',
+ })),
+ })
+ }
+
+ pushCatalogRuleFilterChips(
+ chips,
+ 'visibility_rules',
+ filters.visibility_rules,
+ visibilityOptions,
+ 'Sichtbarkeit',
+ setFilters
+ )
+ pushCatalogRuleFilterChips(chips, 'status_rules', filters.status_rules, statusOptions, 'Status', setFilters)
+
+ if (filters.exclude_without_focus) {
+ chips.push({
+ key: 'ex-no-focus',
+ label: 'Ohne Fokus ausblenden',
+ onRemove: () => setFilters((prev) => ({ ...prev, exclude_without_focus: false })),
+ })
+ }
+ if (filters.include_archived) {
+ chips.push({
+ key: 'inc-arch',
+ label: 'Archivierte anzeigen',
+ onRemove: () => setFilters((prev) => ({ ...prev, include_archived: false })),
+ })
+ }
+
+ return chips
+}
diff --git a/frontend/src/utils/exerciseListQuery.js b/frontend/src/utils/exerciseListQuery.js
new file mode 100644
index 0000000..3564db6
--- /dev/null
+++ b/frontend/src/utils/exerciseListQuery.js
@@ -0,0 +1,83 @@
+import {
+ INITIAL_EXERCISE_LIST_FILTERS,
+ splitMnCatalogRules,
+ splitScalarCatalogRules,
+} from '../constants/exerciseListFilters'
+
+/** Dashboard-Deep-Link: ?mine=1, optional ?status=draft — überschreibt gespeicherte Prefs-Kombination. */
+export function applyDashboardExerciseListUrl(mergedFromPrefs) {
+ try {
+ const sp = new URLSearchParams(window.location.search)
+ const mine = sp.get('mine') === '1' || sp.get('created_by_me') === '1'
+ const statusDraft = sp.get('status') === 'draft'
+
+ if (mine) {
+ const next = { ...INITIAL_EXERCISE_LIST_FILTERS }
+ if (statusDraft) {
+ next.status_rules = [{ key: 'url-dashboard-draft', id: 'draft', mode: 'require' }]
+ }
+ return next
+ }
+
+ if (statusDraft) {
+ return {
+ ...mergedFromPrefs,
+ status_rules: [{ key: 'url-dashboard-draft', id: 'draft', mode: 'require' }],
+ }
+ }
+ return mergedFromPrefs
+ } catch {
+ return mergedFromPrefs
+ }
+}
+
+export function buildExerciseListQueryBase(filters, debouncedSearch, debouncedAiSearch, mineOnly) {
+ const q = {}
+ const n = (v) => (v === '' || v == null ? undefined : Number(v))
+ const ids = (arr) =>
+ Array.isArray(arr) && arr.length ? arr.map((x) => Number(x)).filter((x) => !Number.isNaN(x)) : undefined
+ const fMn = splitMnCatalogRules(filters.focus_rules)
+ if (fMn.includeIds.length) q.focus_area_must_include_ids = fMn.includeIds
+ if (fMn.excludeIds.length) q.focus_area_must_exclude_ids = fMn.excludeIds
+ if (filters.focus_only_without) q.focus_only_without_focus_areas = true
+
+ const fa = ids(filters.focus_area_ids)
+ if (fa?.length) q.focus_area_ids = fa
+
+ const sdMn = splitMnCatalogRules(filters.style_direction_rules)
+ if (sdMn.includeIds.length) q.style_direction_must_include_ids = sdMn.includeIds
+ if (sdMn.excludeIds.length) q.style_direction_must_exclude_ids = sdMn.excludeIds
+ const sdLegacy = ids(filters.style_direction_ids)
+ if (sdLegacy?.length) q.style_direction_ids = sdLegacy
+
+ const ttMn = splitMnCatalogRules(filters.training_type_rules)
+ if (ttMn.includeIds.length) q.training_type_must_include_ids = ttMn.includeIds
+ if (ttMn.excludeIds.length) q.training_type_must_exclude_ids = ttMn.excludeIds
+ const ttLegacy = ids(filters.training_type_ids)
+ if (ttLegacy?.length) q.training_type_ids = ttLegacy
+
+ const tgMn = splitMnCatalogRules(filters.target_group_rules)
+ if (tgMn.includeIds.length) q.target_group_must_include_ids = tgMn.includeIds
+ if (tgMn.excludeIds.length) q.target_group_must_exclude_ids = tgMn.excludeIds
+ const tgLegacy = ids(filters.target_group_ids)
+ if (tgLegacy?.length) q.target_group_ids = tgLegacy
+
+ const visMn = splitScalarCatalogRules(filters.visibility_rules)
+ if (visMn.includeVals.length) q.visibility_any = visMn.includeVals
+ if (visMn.excludeVals.length) q.visibility_exclude_any = visMn.excludeVals
+
+ const stMn = splitScalarCatalogRules(filters.status_rules)
+ if (stMn.includeVals.length) q.status_any = stMn.includeVals
+ if (stMn.excludeVals.length) q.status_exclude_any = stMn.excludeVals
+
+ const sk = ids(filters.skill_ids)
+ if (sk?.length) q.skill_ids = sk
+ if (filters.skill_min_level) q.skill_min_level = n(filters.skill_min_level)
+ if (filters.skill_max_level) q.skill_max_level = n(filters.skill_max_level)
+ if (filters.exclude_without_focus) q.exclude_without_focus = true
+ if (filters.include_archived) q.include_archived = true
+ if (debouncedSearch) q.search = debouncedSearch
+ if (debouncedAiSearch) q.ai_search = debouncedAiSearch
+ if (mineOnly) q.created_by_me = true
+ return q
+}
diff --git a/tests/dev-smoke-test.spec.js b/tests/dev-smoke-test.spec.js
index e498118..58a61b9 100644
--- a/tests/dev-smoke-test.spec.js
+++ b/tests/dev-smoke-test.spec.js
@@ -220,6 +220,23 @@ test('9. Übungsliste: nach Laden entweder Treffer-Gitter oder Leerhinweis', asy
console.log('✓ Übungsliste: Endzustand sichtbar (Gitter oder leer)');
});
+test('10. Übungsliste: Filter-Dialog öffnet und schließt', async ({ page }) => {
+ await login(page);
+ await page.goto('/exercises', { waitUntil: 'networkidle' });
+ const main = page.locator('.app-main');
+ await expect(main.getByRole('heading', { level: 1, name: /Übungen/i })).toBeVisible({
+ timeout: 15000,
+ });
+ await expect(main.locator('.spinner')).toHaveCount(0, { timeout: 20000 });
+ await main.getByRole('button', { name: /^Filter$/i }).click();
+ const dlg = page.getByTestId('exercise-list-filter-modal');
+ await expect(dlg).toBeVisible({ timeout: 10000 });
+ await expect(dlg.getByRole('heading', { name: 'Übungen filtern' })).toBeVisible();
+ await dlg.getByRole('button', { name: 'Schließen' }).click();
+ await expect(dlg).toHaveCount(0);
+ console.log('✓ Übungsliste: Filter-Dialog Smoke');
+});
+
test('P-12: sessionStorage wird bei Logout bereinigt (sj_coach_* Schlüssel)', async ({ page }) => {
await page.setViewportSize({ width: 1280, height: 800 });
await login(page);