feat: add Member detail Vue component with tabbed form (Closes #24) (#73)

2026-04-07 11:58:20 +02:00
parent 34576e896d
commit 1f16161c6c
4 changed files with 807 additions and 7 deletions
@@ -0,0 +1,22 @@
+# Plan: Issue #24 - Member detail Vue component
+
+## Summary
+Replace placeholder MemberDetail.vue with full tabbed detail view. Create MemberForm.vue
+for editing personal data. Include sub-entity management for addresses, phones, emails.
+Show computed fields (Alter, Mitgliedsdauer). Tabs for future features are placeholders.
+
+## Steps
+1. Replace `src/views/MemberDetail.vue` with full implementation
+2. Create `src/components/MemberForm.vue` for personal data editing
+3. Create `src/components/SubEntityList.vue` for reusable sub-entity management
+4. Update Pinia store with sub-entity API methods
+
+## AC Checklist
+1. [ ] MemberDetail.vue with tabbed layout
+2. [ ] Personlich tab shows all personal fields
+3. [ ] Edit mode with save/cancel
+4. [ ] Address, phone, email management (add/edit/remove)
+5. [ ] KV fields only for role=Mitglied
+6. [ ] Derived fields: Alter, Mitgliedsdauer
+7. [ ] Placeholder tabs for Familie, Beitrag, Lager, Verletzungen, Dateien, Verlauf
+8. [ ] New member creation flow