)
@@ -136,7 +188,7 @@ export default function SkillProfilePanel({
if (error) {
return (
-
+
)
@@ -151,6 +203,92 @@ export default function SkillProfilePanel({
0
)
+ const body = (
+
+
{hintText}
+
+ {noData ? (
+
+ Noch keine Übungen mit Fähigkeiten-Verknüpfung — lege Übungen im Ablauf an und verknüpfe
+ Fähigkeiten in der Übungsbearbeitung.
+
+ ) : profile.exercises_with_skills_count === 0 ? (
+
+ {profile.distinct_exercise_count} Übung{profile.distinct_exercise_count === 1 ? '' : 'en'} im
+ Ablauf, aber keine Fähigkeiten an den Übungen hinterlegt.
+
+ ) : (
+ <>
+
+
+ {profile.distinct_exercise_count} Übungen
+
+
+ {profile.skills?.length ?? 0} Fähigkeiten
+
+ {displayMode === 'summary' ? (
+
+ {categoryCount} Kategorien
+
+ ) : null}
+
+ {formatWeight(profile.total_score ?? profile.total_weight)} Gesamt-Gewicht
+
+
+
+ {displayMode === 'full' ? (
+
+ ) : (
+
+ )}
+
+ )}
+
+ {displayMode === 'summary' && slots && slots.length > 0 ? (
+
+
Pro Session
+
+ {slots.map((sl) => {
+ const open = slotOpenId === sl.slot_id
+ const slotBadge = topCategoryBadge(sl.profile)
+ return (
+
+ setSlotOpenId(open ? null : sl.slot_id)}
+ aria-expanded={open}
+ >
+
+ {(sl.slot_title || '').trim() || `Session ${(sl.sort_order ?? 0) + 1}`}
+
+ {slotBadge ? (
+ {slotBadge}
+ ) : (
+
+ {sl.exercise_occurrence_count > 0 ? 'ohne Fähigkeiten' : 'kein Ablauf'}
+
+ )}
+
+ {open && sl.profile?.by_main_category?.length > 0 ? (
+
+ )
+ })}
+
+
+ ) : null}
+
+ )
+
+ if (embedded) {
+ return
{body}
+ }
+
return (
-
- {expanded ? (
-
-
{hint}
-
- {noData ? (
-
- Noch keine Übungen mit Fähigkeiten-Verknüpfung — lege Übungen im Ablauf an und verknüpfe
- Fähigkeiten in der Übungsbearbeitung.
-
- ) : profile.exercises_with_skills_count === 0 ? (
-
- {profile.distinct_exercise_count} Übung{profile.distinct_exercise_count === 1 ? '' : 'en'} im
- Ablauf, aber keine Fähigkeiten an den Übungen hinterlegt.
-
- ) : (
- <>
-
-
- {profile.distinct_exercise_count} Übungen
-
-
- {profile.skills?.length ?? 0} Fähigkeiten
-
-
- {categoryCount} Kategorien
-
-
- {formatWeight(profile.total_score ?? profile.total_weight)} Gesamt-Gewicht
-
-
-
-
-
- )}
-
- {slots && slots.length > 0 ? (
-
-
Pro Session
-
- {slots.map((sl) => {
- const open = slotOpenId === sl.slot_id
- const slotBadge = topCategoryBadge(sl.profile)
- return (
-
- setSlotOpenId(open ? null : sl.slot_id)}
- aria-expanded={open}
- >
-
- {(sl.slot_title || '').trim() || `Session ${(sl.sort_order ?? 0) + 1}`}
-
- {slotBadge ? (
- {slotBadge}
- ) : (
-
- {sl.exercise_occurrence_count > 0 ? 'ohne Fähigkeiten' : 'kein Ablauf'}
-
- )}
-
- {open && sl.profile?.by_main_category?.length > 0 ? (
-
- )
- })}
-
-
- ) : null}
-
- ) : null}
+ {expanded ? body : null}
)
}
diff --git a/frontend/src/pages/TrainingModulesListPage.jsx b/frontend/src/pages/TrainingModulesListPage.jsx
index c8c5754..03422d4 100644
--- a/frontend/src/pages/TrainingModulesListPage.jsx
+++ b/frontend/src/pages/TrainingModulesListPage.jsx
@@ -141,11 +141,11 @@ export default function TrainingModulesListPage() {
({Number(r.items_count) || 0} Position{r.items_count === 1 ? '' : 'en'})
-
diff --git a/frontend/src/utils/skillProfileListHelpers.js b/frontend/src/utils/skillProfileListHelpers.js
index 63b226d..1fdf71c 100644
--- a/frontend/src/utils/skillProfileListHelpers.js
+++ b/frontend/src/utils/skillProfileListHelpers.js
@@ -26,10 +26,34 @@ export function maxSelectedSkillClubPercent(summary, skillIds = []) {
export function formatClubPercent(value) {
if (value == null || !Number.isFinite(Number(value))) return '—'
- const n = Number(value)
+ const n = Math.min(100, Number(value))
return n % 1 === 0 ? `${n}%` : `${n.toFixed(1)}%`
}
+/** KPI-Zeilen: immer Top je Unterkategorie; bei Skill-Filter nur passende Kategorien. */
+export function kpiRowsFromSummary(summary, { skillIds = [], limit = 8 } = {}) {
+ if (!summary) return []
+ let rows = (summary.top_by_category || []).map((row) => ({
+ skill_id: row.skill_id,
+ skill_name: row.skill_name,
+ category_name: row.category_name,
+ main_category_name: row.main_category_name,
+ weight: row.weight ?? row.score,
+ universal_percent: row.universal_percent,
+ is_club_best_for_skill: row.is_club_best_for_skill,
+ }))
+ if (skillIds.length) {
+ const wanted = new Set(skillIds.map(String))
+ rows = rows.filter((row) => wanted.has(String(row.skill_id)))
+ }
+ return rows.slice(0, limit)
+}
+
+/** @deprecated Nutze kpiRowsFromSummary für Listen */
+export function compactSkillDisplayRows(summary, opts = {}) {
+ return kpiRowsFromSummary(summary, opts)
+}
+
export function artifactTypeLabel(type) {
if (type === 'framework_program') return 'Rahmenprogramm'
if (type === 'training_module') return 'Modul'
@@ -47,16 +71,3 @@ export function artifactPath(ref) {
}
return null
}
-
-/** Zeilen für Kompakt-Anzeige: gewählte Fähigkeiten oder Top je Kategorie. */
-export function compactSkillDisplayRows(summary, { skillIds = [], limit = 6 } = {}) {
- if (!summary) return []
- if (skillIds.length) {
- return skillIds
- .map((id) => skillEntryFromSummary(summary, id))
- .filter(Boolean)
- .sort((a, b) => (b.universal_percent ?? 0) - (a.universal_percent ?? 0))
- .slice(0, limit)
- }
- return (summary.top_by_category || []).slice(0, limit)
-}