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:
parent
0e02611c87
commit
4ca5132391
2 changed files with 105 additions and 1 deletions
|
|
@ -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) {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue