feat: Add edit functionality for team members

- Edit modal with Bootstrap for inline editing
- Update name, email, role, responsibilities, telegram_id
- Form validation and error handling
- Success/error flash messages
- Team member data passed to frontend via JSON
This commit is contained in:
pdyde 2026-02-21 14:22:38 +01:00
parent 0e02611c87
commit 4ca5132391
2 changed files with 105 additions and 1 deletions

View file

@ -121,9 +121,74 @@
</div>
</div>
<!-- Edit Modal -->
<div class="modal fade" id="editModal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">✏️ Team-Member bearbeiten</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<form method="POST" action="/team/edit" id="editForm">
<div class="modal-body">
<input type="hidden" name="member_id" id="edit_member_id">
<div class="mb-3">
<label class="form-label">Name</label>
<input type="text" class="form-control" name="name" id="edit_name" required>
</div>
<div class="mb-3">
<label class="form-label">Email</label>
<input type="email" class="form-control" name="email" id="edit_email" required>
</div>
<div class="mb-3">
<label class="form-label">Rolle</label>
<input type="text" class="form-control" name="role" id="edit_role" required>
</div>
<div class="mb-3">
<label class="form-label">Telegram Chat ID (optional)</label>
<input type="text" class="form-control" name="telegram_chat_id" id="edit_telegram_id" placeholder="z.B. 123456789">
</div>
<div class="mb-3">
<label class="form-label">Aufgaben / Verantwortlichkeiten</label>
<textarea class="form-control" name="responsibilities" id="edit_responsibilities" rows="4" required></textarea>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
<button type="submit" class="btn btn-primary">💾 Speichern</button>
</div>
</form>
</div>
</div>
</div>
<script>
// Team member data for editing
const teamMembers = {{ team_members | tojson }};
function editMember(id) {
alert('Edit-Funktion in Entwicklung - Member ID: ' + id);
const member = teamMembers.find(m => m.id === id);
if (!member) {
alert('Team-Member nicht gefunden');
return;
}
// Fill form
document.getElementById('edit_member_id').value = member.id;
document.getElementById('edit_name').value = member.name;
document.getElementById('edit_email').value = member.email;
document.getElementById('edit_role').value = member.role;
document.getElementById('edit_telegram_id').value = member.telegram_id || '';
document.getElementById('edit_responsibilities').value = member.responsibilities;
// Show modal
const modal = new bootstrap.Modal(document.getElementById('editModal'));
modal.show();
}
function deactivateMember(id) {