+
+
Trainingstypen
{
e.stopPropagation()
- onSelect({ _createType: 'training_type', focus_area_id: focusArea.id, focus_area_name: focusArea.name }, 'create_training_type')
+ onSelect(
+ { _createType: 'training_type', focus_area_id: focusArea.id, focus_area_name: focusArea.name },
+ 'create_training_type'
+ )
}}
>
+ Neu
- {focusArea.training_types && focusArea.training_types.map(tt => (
-
- ))}
+ {focusArea.training_types &&
+ focusArea.training_types.map((tt) => (
+
+ ))}
)}
@@ -92,28 +105,26 @@ function FocusAreaNode({ focusArea, expanded, onToggle, onSelect, selectedId, se
function StyleDirectionNode({ styleDirection, onSelect, isSelected }) {
return (
onSelect(styleDirection, 'style_direction')}
- style={{
- padding: '6px 12px',
- marginBottom: '4px',
- borderRadius: '6px',
- cursor: 'pointer',
- background: isSelected ? 'var(--accent)' : 'var(--surface2)',
- color: isSelected ? 'white' : 'var(--text1)',
- fontSize: '14px'
+ onKeyDown={(e) => {
+ if (e.key === 'Enter' || e.key === ' ') {
+ e.preventDefault()
+ onSelect(styleDirection, 'style_direction')
+ }
}}
>
{styleDirection.name}
- {styleDirection.abbreviation && (
-
- ({styleDirection.abbreviation})
-
- )}
- {styleDirection.target_groups && styleDirection.target_groups.length > 0 && (
-
- Zielgruppen: {styleDirection.target_groups.map(tg => tg.name).join(', ')}
+ {styleDirection.abbreviation ? (
+
({styleDirection.abbreviation})
+ ) : null}
+ {styleDirection.target_groups && styleDirection.target_groups.length > 0 ? (
+
+ Zielgruppen: {styleDirection.target_groups.map((tg) => tg.name).join(', ')}
- )}
+ ) : null}
)
}
@@ -121,25 +132,23 @@ function StyleDirectionNode({ styleDirection, onSelect, isSelected }) {
function TrainingTypeNode({ trainingType, onSelect, isSelected }) {
return (
onSelect(trainingType, 'training_type')}
- style={{
- padding: '6px 12px',
- marginBottom: '4px',
- borderRadius: '6px',
- cursor: 'pointer',
- background: isSelected ? 'var(--accent)' : 'var(--surface2)',
- color: isSelected ? 'white' : 'var(--text1)',
- fontSize: '14px'
+ onKeyDown={(e) => {
+ if (e.key === 'Enter' || e.key === ' ') {
+ e.preventDefault()
+ onSelect(trainingType, 'training_type')
+ }
}}
>
{trainingType.name}
- {trainingType.abbreviation && (
-
- ({trainingType.abbreviation})
-
- )}
+ {trainingType.abbreviation ? (
+ ({trainingType.abbreviation})
+ ) : null}
)
}
-export default FocusAreaNode
+export default FocusAreaNode
\ No newline at end of file
diff --git a/frontend/src/pages/ExercisesListPage.jsx b/frontend/src/pages/ExercisesListPage.jsx
index 6cacfd9..e90a586 100644
--- a/frontend/src/pages/ExercisesListPage.jsx
+++ b/frontend/src/pages/ExercisesListPage.jsx
@@ -545,65 +545,64 @@ function ExercisesListPage() {
if (!catalogsReady && pageTab === 'list') {
return (
-
-
-
Lade Kataloge…
+
)
}
return (
-
-
Übungen
+
+
Übungen
{pageTab === 'list' ? (
-
-
setPageTab('list')}
- >
- Liste
-
-
setPageTab('progression')}
- >
- Progressionsgraphen
-
+
+
+ setPageTab('list')}
+ >
+ Liste
+
+ setPageTab('progression')}
+ >
+ Progressionsgraphen
+
+
{pageTab === 'progression' ? (
) : (
<>
-
+
{selectedIds.size > 0 ? (
-
+
{selectedIds.size} ausgewählt
-
+
Auswahl aufheben
-
+
Massenänderung…
-
+
Bis zu {BULK_MAX_IDS} pro Anfrage. Für „Verein“ ohne Auswahl: aktiver Vereinskontext (
X-Active-Club-Id
).
@@ -736,7 +725,7 @@ function ExercisesListPage() {
-
+
Zwischen den Bereichen gilt UND . Innerhalb eines Feldes werden mehrere Einträge mit{' '}
ODER verknüpft.
@@ -900,12 +889,12 @@ function ExercisesListPage() {
-
+
Es werden {selectedIds.size} Übung(en) aus der aktuellen Auswahl bearbeitet. Pro Durchlauf
höchstens {BULK_MAX_IDS}. Ohne Berechtigung bleiben Einzelübungen unverändert (siehe Hinweis nach dem
Speichern).
-
+
Unter „Zuordnung ersetzen“: die gewählte Liste ersetzt die bisherige Zuordnung bei allen betroffenen
Übungen vollständig (leere Auswahl = alle Zuordnungen dieser Kategorie entfernen). Die erste Auswahl gilt
als Primärzuordnung.
@@ -1066,7 +1055,7 @@ function ExercisesListPage() {
-
+
-
- Lade Übungen…
+
) : exercises.length === 0 ? (
-
- Keine Übungen gefunden.
-
+
Keine Übungen gefunden.
Aktualisiere Treffer…
+ Aktualisiere Treffer…
) : null}
-
+
{exercises.length} angezeigt
{hasMore ? ' · es gibt weitere Einträge' : ''}
-
+
{exercises.map((exercise) => (
-
+
toggleSelect(exercise.id)}
aria-label={`„${(exercise.title || 'Übung').replace(/"/g, '')}“ auswählen`}
- style={{ marginTop: '4px', flexShrink: 0 }}
+ className="exercise-card-layout__check"
/>
-
-
-
+
+
-
+
{exercise.focus_area && (
{exercise.focus_area}
)}
@@ -1137,7 +1117,7 @@ function ExercisesListPage() {
{exercise.status}
{exercise.summary && (
-
+
{exercise.summary.length > 160
? `${exercise.summary.slice(0, 160)}…`
: exercise.summary}
@@ -1154,12 +1134,7 @@ function ExercisesListPage() {
handleDelete(exercise)}
>
Löschen
@@ -1169,7 +1144,7 @@ function ExercisesListPage() {
))}
{hasMore && (
-
+
{loadingMore ? 'Laden…' : 'Mehr laden'}
diff --git a/frontend/src/pages/SkillsPage.jsx b/frontend/src/pages/SkillsPage.jsx
index 09e66ba..ab977a0 100644
--- a/frontend/src/pages/SkillsPage.jsx
+++ b/frontend/src/pages/SkillsPage.jsx
@@ -132,7 +132,7 @@ function SkillsPage() {
if (loading) {
return (
-
+
@@ -143,40 +143,38 @@ function SkillsPage() {
const methodsByCategory = groupByCategory(methods)
return (
-
-
Fähigkeiten & Methoden
+
+
Fähigkeiten & Methoden
- {/* Tabs */}
-
+
+
{['skills', 'methods'].map(tab => (
setActiveTab(tab)}
- style={{
- padding: '0.75rem 1.5rem',
- background: activeTab === tab ? 'var(--accent)' : 'transparent',
- color: activeTab === tab ? 'white' : 'var(--text1)',
- border: 'none',
- borderRadius: '8px 8px 0 0',
- cursor: 'pointer',
- fontWeight: activeTab === tab ? 'bold' : 'normal'
- }}
>
{tab === 'skills' ? 'Fähigkeiten' : 'Trainingsmethoden'}
))}
+
{/* Skills Tab */}
{activeTab === 'skills' && (
<>
-
-
+
+
Fähigkeiten sind Kompetenzen, die in Übungen trainiert werden.
{isAdmin && (
@@ -188,60 +186,46 @@ function SkillsPage() {
{Object.keys(skillsByCategory).length === 0 ? (
-
+
Keine Fähigkeiten gefunden
) : (
Object.keys(skillsByCategory).sort().map(category => (
-
-
+
+
{category}
-
+
{skillsByCategory[category].map(skill => (
-
-
-
{skill.name}
+
+
+
{skill.name}
{skill.importance && (
-
+
⭐ {skill.importance}/5
)}
{skill.description && (
-
+
{skill.description}
)}
{isAdmin && (
-
+
handleEdit(skill, 'skill')}
>
Bearbeiten
handleDelete(skill, 'skill')}
>
Löschen
@@ -260,8 +244,8 @@ function SkillsPage() {
{/* Methods Tab */}
{activeTab === 'methods' && (
<>
-
-
+
+
Trainingsmethoden sind didaktische Ansätze für die Trainingsgestaltung.
{isAdmin && (
@@ -273,52 +257,36 @@ function SkillsPage() {
{Object.keys(methodsByCategory).length === 0 ? (
-
+
Keine Trainingsmethoden gefunden
) : (
Object.keys(methodsByCategory).sort().map(category => (
-
-
+
+
{category}
-
+
{methodsByCategory[category].map(method => (
-
-
-
+
+
+
{method.name}
{method.abbreviation && (
-
+
({method.abbreviation})
)}
-
+
{method.typical_duration && (
-
+
⏱️ {method.typical_duration} min
)}
{method.typical_group_size && (
-
+
👥 {method.typical_group_size}
)}
@@ -326,27 +294,23 @@ function SkillsPage() {
{method.description && (
-
+
{method.description}
)}
{isAdmin && (
-
+
handleEdit(method, 'method')}
>
Bearbeiten
handleDelete(method, 'method')}
>
Löschen
@@ -364,36 +328,37 @@ function SkillsPage() {
{/* Modal */}
{showModal && isAdmin && (
-
-
-
- {editing
- ? (modalType === 'skill' ? 'Fähigkeit bearbeiten' : 'Methode bearbeiten')
- : (modalType === 'skill' ? 'Neue Fähigkeit' : 'Neue Methode')
- }
-
-
-