Kontakt-Modul

frontend/js/task-modal.js

@@ -252,6 +252,15 @@ class TaskModalManager {
     if (mode === 'edit' && this.taskId) {
       await this.loadTaskData();
     } else {
+      // Create mode - clear all UI elements and set defaults
+      
+      // Clear UI elements (render empty arrays)
+      this.renderSubtasks();
+      this.renderLinks();
+      this.renderFiles();
+      this.renderComments();
+      this.renderHistory();
+
       // Set default column
       if (this.columnId) {
         const columnSelect = $('#task-status');
@@ -800,6 +809,8 @@ class TaskModalManager {
     optionsContainer.innerHTML = '';
 
     users.forEach(user => {
+      // DEBUG: User-Objekt anschauen
+      console.log('[DEBUG] User in Dropdown:', user);
       const option = createElement('div', { class: 'multi-select-option' });
 
       const checkbox = createElement('input', {
@@ -818,9 +829,12 @@ class TaskModalManager {
       const avatar = createElement('div', {
         class: 'multi-select-option-avatar',
         style: `background-color: ${user.color || '#6366F1'}`
-      }, [user.initials || getInitials(user.display_name || user.username)]);
+      }, [user.initials || getInitials(user.display_name || user.email || 'XX')]);
 
-      const name = createElement('span', { class: 'multi-select-option-name' }, [user.display_name || user.username]);
+      // Probiere verschiedene Felder für den Namen
+      const displayName = user.displayName || user.display_name || user.name || user.username || 'Benutzer';
+      console.log('[DEBUG] Display name für user', user.id, ':', displayName);
+      const name = createElement('span', { class: 'multi-select-option-name' }, [displayName]);
 
       option.appendChild(checkbox);
       option.appendChild(avatar);
@@ -876,10 +890,9 @@ class TaskModalManager {
     } else {
       const tags = selectedUsers.map(user => `
         <span class="multi-select-tag">
-          <span class="multi-select-tag-avatar" style="background-color: ${user.color || '#6366F1'}">
-            ${getInitials(user.display_name || user.username)}
+          <span class="multi-select-tag-avatar" style="background-color: ${user.color || '#6366F1'}" title="${user.display_name || user.email}">
+            ${user.initials || getInitials(user.display_name || user.email || 'XX')}
           </span>
-          ${user.display_name || user.username}
         </span>
       `).join('');