+ Uhrzeit: {unit.planned_time_start.slice(0, 5)}
+ {unit.planned_time_end ? ` – ${unit.planned_time_end.slice(0, 5)}` : ''}
+
+ ) : null}
{planScope === 'club' && (unit.group_name || '').trim() ? (
Fokusbereich
{dashIfEmpty(focus)}
@@ -187,6 +202,19 @@ export default function TrainingFrameworkProgramsListPage() {
{r.title || `Rahmen #${r.id}`}
+
+ {frameworkSessionDurationLabel(r)}
+
{(r.goals_count ?? '—') + ' Ziele · '}
{(r.slots_count ?? '—') + ' Slots'}
diff --git a/frontend/src/utils/frameworkProgramListHelpers.js b/frontend/src/utils/frameworkProgramListHelpers.js
new file mode 100644
index 0000000..70fde8d
--- /dev/null
+++ b/frontend/src/utils/frameworkProgramListHelpers.js
@@ -0,0 +1,88 @@
+import { formatSessionDurationRange } from './trainingDurationUtils'
+
+export function frameworkSessionDurationLabel(row) {
+ return formatSessionDurationRange(row?.session_duration_min, row?.session_duration_max, {
+ empty: 'Dauer nicht angegeben',
+ })
+}
+
+function parseIdList(raw) {
+ if (Array.isArray(raw)) {
+ return raw.map((x) => String(x)).filter(Boolean)
+ }
+ if (typeof raw === 'string' && raw.trim().startsWith('[')) {
+ try {
+ const arr = JSON.parse(raw)
+ if (Array.isArray(arr)) return arr.map((x) => String(x))
+ } catch {
+ /* ignore */
+ }
+ }
+ return []
+}
+
+function rowMatchesDuration(row, targetMin, toleranceMin = 10) {
+ if (targetMin == null || targetMin === '' || Number.isNaN(Number(targetMin))) return true
+ const t = Number(targetMin)
+ const lo = row.session_duration_min != null ? Number(row.session_duration_min) : null
+ const hi = row.session_duration_max != null ? Number(row.session_duration_max) : null
+ if (lo == null && hi == null) return true
+ if (lo != null && hi != null) {
+ return t >= lo - toleranceMin && t <= hi + toleranceMin
+ }
+ const single = lo ?? hi
+ return single != null && Math.abs(single - t) <= toleranceMin
+}
+
+/**
+ * Client-Filter für Rahmenprogramm-Auswahl (Liste / Import-Dialog).
+ */
+export function filterFrameworkPrograms(rows, filters = {}) {
+ const q = (filters.query || '').trim().toLowerCase()
+ const focusIds = new Set((filters.focusAreaIds || []).map(String))
+ const typeIds = new Set((filters.trainingTypeIds || []).map(String))
+ const tgIds = new Set((filters.targetGroupIds || []).map(String))
+ const durationTarget = filters.durationTargetMin
+
+ return (rows || []).filter((r) => {
+ if (q) {
+ const blob = [
+ r.title,
+ r.description,
+ r.goal_titles_agg,
+ r.focus_area_names_agg,
+ r.style_direction_names_agg,
+ r.training_type_names_agg,
+ r.target_group_names_agg,
+ ]
+ .filter(Boolean)
+ .join(' ')
+ .toLowerCase()
+ if (!blob.includes(q)) return false
+ }
+
+ if (focusIds.size) {
+ const fa = parseIdList(r.focus_area_ids)
+ if (!fa.some((id) => focusIds.has(id))) return false
+ }
+ if (typeIds.size) {
+ const tt = parseIdList(r.training_type_ids)
+ if (!tt.some((id) => typeIds.has(id))) return false
+ }
+ if (tgIds.size) {
+ const tg = parseIdList(r.target_group_ids)
+ if (!tg.some((id) => tgIds.has(id))) return false
+ }
+
+ if (!rowMatchesDuration(r, durationTarget)) return false
+ return true
+ })
+}
+
+export function frameworkProgramOptionLabel(row) {
+ const title = (row?.title || '').trim() || `Rahmen #${row?.id}`
+ const dur = frameworkSessionDurationLabel(row)
+ const slots = row?.slots_count != null ? `${row.slots_count} Slot(s)` : ''
+ const bits = [dur !== 'Dauer nicht angegeben' ? dur : null, slots].filter(Boolean)
+ return bits.length ? `${title} · ${bits.join(' · ')}` : title
+}
diff --git a/frontend/src/utils/trainingDurationUtils.js b/frontend/src/utils/trainingDurationUtils.js
index 9b84f8e..32cdb46 100644
--- a/frontend/src/utils/trainingDurationUtils.js
+++ b/frontend/src/utils/trainingDurationUtils.js
@@ -80,3 +80,23 @@ export function sumSectionPlannedMinutes(sections) {
}
return sum
}
+
+/**
+ * Anzeige für Session-Dauer (ein Slot oder Min/Max über mehrere Sessions).
+ * @param {number|null|undefined} minMinutes
+ * @param {number|null|undefined} maxMinutes
+ */
+export function formatSessionDurationRange(minMinutes, maxMinutes, { empty = '—' } = {}) {
+ const lo = minMinutes != null && minMinutes !== '' ? Number(minMinutes) : null
+ const hi = maxMinutes != null && maxMinutes !== '' ? Number(maxMinutes) : null
+ if (lo != null && Number.isFinite(lo) && lo > 0) {
+ if (hi != null && Number.isFinite(hi) && hi > 0 && hi !== lo) {
+ return `${formatDurationDisplay(lo, { empty: '' })} – ${formatDurationDisplay(hi, { empty: '' })}`
+ }
+ return formatDurationDisplay(lo, { empty })
+ }
+ if (hi != null && Number.isFinite(hi) && hi > 0) {
+ return formatDurationDisplay(hi, { empty })
+ }
+ return empty
+}