SDSStundenerfassung/public/js/admin.js

// Admin JavaScript

document.addEventListener('DOMContentLoaded', function() {
  // Benutzer-Formular
  const form = document.getElementById('addUserForm');
  
  form.addEventListener('submit', async function(e) {
    e.preventDefault();
    
    // Rollen aus Checkboxen sammeln
    const roleCheckboxes = document.querySelectorAll('input[name="roles"]:checked');
    const roles = Array.from(roleCheckboxes).map(cb => cb.value);
    
    // Validierung: Mindestens eine Rolle muss ausgewählt sein
    if (roles.length === 0) {
      alert('Bitte wählen Sie mindestens eine Rolle aus.');
      return;
    }
    
    const formData = {
      username: document.getElementById('username').value,
      password: document.getElementById('password').value,
      firstname: document.getElementById('firstname').value,
      lastname: document.getElementById('lastname').value,
      roles: roles,
      personalnummer: document.getElementById('personalnummer').value,
      wochenstunden: document.getElementById('wochenstunden').value,
      urlaubstage: document.getElementById('urlaubstage').value
    };
    
    try {
      const response = await fetch('/admin/users', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify(formData)
      });
      
      const result = await response.json();
      
      if (result.success) {
        alert('Benutzer wurde erfolgreich angelegt!');
        location.reload();
      } else {
        alert('Fehler: ' + (result.error || 'Benutzer konnte nicht angelegt werden'));
      }
    } catch (error) {
      console.error('Fehler:', error);
      alert('Fehler beim Anlegen des Benutzers');
    }
  });

  // LDAP-Konfiguration laden
  loadLDAPConfig();

  // LDAP-Konfigurationsformular
  const ldapConfigForm = document.getElementById('ldapConfigForm');
  if (ldapConfigForm) {
    ldapConfigForm.addEventListener('submit', async function(e) {
      e.preventDefault();
      
      const enabled = document.getElementById('ldapEnabled').checked;
      const url = document.getElementById('ldapUrl').value;
      const baseDn = document.getElementById('ldapBaseDn').value;
      
      // Validierung: URL und Base DN sind erforderlich wenn aktiviert
      if (enabled && (!url || !baseDn)) {
        alert('Bitte füllen Sie URL und Base DN aus, wenn LDAP aktiviert ist.');
        return;
      }
      
      const formData = {
        enabled: enabled,
        url: url,
        bind_dn: document.getElementById('ldapBindDn').value,
        bind_password: document.getElementById('ldapBindPassword').value,
        base_dn: baseDn,
        user_search_filter: document.getElementById('ldapSearchFilter').value,
        username_attribute: document.getElementById('ldapUsernameAttr').value,
        firstname_attribute: document.getElementById('ldapFirstnameAttr').value,
        lastname_attribute: document.getElementById('ldapLastnameAttr').value,
        sync_interval: parseInt(document.getElementById('ldapSyncInterval').value) || 0
      };
      
      try {
        const response = await fetch('/admin/ldap/config', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json'
          },
          body: JSON.stringify(formData)
        });
        
        const result = await response.json();
        
        if (result.success) {
          alert('LDAP-Konfiguration wurde erfolgreich gespeichert!');
          location.reload();
        } else {
          alert('Fehler: ' + (result.error || 'Konfiguration konnte nicht gespeichert werden'));
        }
      } catch (error) {
        console.error('Fehler:', error);
        alert('Fehler beim Speichern der Konfiguration');
      }
    });
  }

  // Sync-Button
  const syncNowBtn = document.getElementById('syncNowBtn');
  if (syncNowBtn) {
    syncNowBtn.addEventListener('click', async function() {
      if (!confirm('Möchten Sie die LDAP-Synchronisation jetzt starten?')) {
        return;
      }
      
      const statusEl = document.getElementById('syncStatus');
      syncNowBtn.disabled = true;
      statusEl.textContent = 'Synchronisation läuft...';
      statusEl.style.color = 'blue';
      
      try {
        const response = await fetch('/admin/ldap/sync', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json'
          }
        });
        
        const result = await response.json();
        
        if (result.success) {
          statusEl.textContent = `Erfolgreich: ${result.synced} Benutzer synchronisiert`;
          statusEl.style.color = 'green';
          
          if (result.errors && result.errors.length > 0) {
            alert('Synchronisation abgeschlossen mit Warnungen:\n' + result.errors.join('\n'));
          } else {
            alert(`Synchronisation erfolgreich abgeschlossen: ${result.synced} Benutzer synchronisiert`);
          }
          
          // Seite neu laden nach kurzer Verzögerung
          setTimeout(() => {
            location.reload();
          }, 2000);
        } else {
          statusEl.textContent = 'Fehler: ' + (result.error || 'Synchronisation fehlgeschlagen');
          statusEl.style.color = 'red';
          alert('Fehler: ' + (result.error || 'Synchronisation fehlgeschlagen'));
          syncNowBtn.disabled = false;
        }
      } catch (error) {
        console.error('Fehler:', error);
        statusEl.textContent = 'Fehler bei der Synchronisation';
        statusEl.style.color = 'red';
        alert('Fehler bei der Synchronisation');
        syncNowBtn.disabled = false;
      }
    });
  }
});

// LDAP-Konfiguration laden und Formular ausfüllen
async function loadLDAPConfig() {
  try {
    const response = await fetch('/admin/ldap/config');
    const result = await response.json();
    
    if (result.config) {
      const config = result.config;
      
      if (document.getElementById('ldapEnabled')) {
        document.getElementById('ldapEnabled').checked = config.enabled === 1;
      }
      if (document.getElementById('ldapUrl')) {
        document.getElementById('ldapUrl').value = config.url || '';
      }
      if (document.getElementById('ldapBaseDn')) {
        document.getElementById('ldapBaseDn').value = config.base_dn || '';
      }
      if (document.getElementById('ldapBindDn')) {
        document.getElementById('ldapBindDn').value = config.bind_dn || '';
      }
      if (document.getElementById('ldapSearchFilter')) {
        document.getElementById('ldapSearchFilter').value = config.user_search_filter || '(objectClass=person)';
      }
      if (document.getElementById('ldapUsernameAttr')) {
        document.getElementById('ldapUsernameAttr').value = config.username_attribute || 'cn';
      }
      if (document.getElementById('ldapFirstnameAttr')) {
        document.getElementById('ldapFirstnameAttr').value = config.firstname_attribute || 'givenName';
      }
      if (document.getElementById('ldapLastnameAttr')) {
        document.getElementById('ldapLastnameAttr').value = config.lastname_attribute || 'sn';
      }
      if (document.getElementById('ldapSyncInterval')) {
        document.getElementById('ldapSyncInterval').value = config.sync_interval || 0;
      }
    }
  } catch (error) {
    console.error('Fehler beim Laden der LDAP-Konfiguration:', error);
  }
}

async function deleteUser(userId, username) {
  const confirmed = confirm(`Möchten Sie den Benutzer "${username}" wirklich löschen?`);
  
  if (!confirmed) return;
  
  try {
    const response = await fetch(`/admin/users/${userId}`, {
      method: 'DELETE'
    });
    
    const result = await response.json();
    
    if (result.success) {
      alert('Benutzer wurde erfolgreich gelöscht!');
      location.reload();
    } else {
      alert('Fehler: ' + (result.error || 'Benutzer konnte nicht gelöscht werden'));
    }
  } catch (error) {
    console.error('Fehler:', error);
    alert('Fehler beim Löschen des Benutzers');
  }
}

// User bearbeiten
function editUser(userId) {
  const row = document.querySelector(`tr[data-user-id="${userId}"]`);
  if (!row) return;
  
  // Alle Display-Felder ausblenden und Edit-Felder einblenden
  row.querySelectorAll('.user-field-display').forEach(display => {
    display.style.display = 'none';
  });
  row.querySelectorAll('.user-field-edit').forEach(edit => {
    edit.style.display = 'inline-block';
  });
  
  // Buttons umschalten
  row.querySelector('.edit-user-btn').style.display = 'none';
  row.querySelector('.save-user-btn').style.display = 'inline-block';
  row.querySelector('.cancel-user-btn').style.display = 'inline-block';
}

// User speichern
async function saveUser(userId) {
  const row = document.querySelector(`tr[data-user-id="${userId}"]`);
  if (!row) return;
  
  const personalnummer = row.querySelector('input[data-field="personalnummer"]').value;
  const wochenstunden = row.querySelector('input[data-field="wochenstunden"]').value;
  const urlaubstage = row.querySelector('input[data-field="urlaubstage"]').value;
  
  // Rollen aus Checkboxen sammeln
  const roleCheckboxes = row.querySelectorAll('.role-checkbox:checked');
  const roles = Array.from(roleCheckboxes).map(cb => cb.value);
  
  // Validierung: Mindestens eine Rolle erforderlich
  if (roles.length === 0) {
    alert('Mindestens eine Rolle muss ausgewählt sein.');
    return;
  }
  
  try {
    const response = await fetch(`/admin/users/${userId}`, {
      method: 'PUT',
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify({
        personalnummer: personalnummer || null,
        wochenstunden: wochenstunden || null,
        urlaubstage: urlaubstage || null,
        roles: roles
      })
    });
    
    const result = await response.json();
    
    if (result.success) {
      // Werte in Display-Felder übernehmen
      row.querySelector('span[data-field="personalnummer"]').textContent = personalnummer || '-';
      row.querySelector('span[data-field="wochenstunden"]').textContent = wochenstunden || '-';
      row.querySelector('span[data-field="urlaubstage"]').textContent = urlaubstage || '-';
      
      // Rollen-Display aktualisieren
      const rolesDisplay = row.querySelector('div[data-field="roles"]');
      if (rolesDisplay) {
        const roleLabels = { 'mitarbeiter': 'Mitarbeiter', 'verwaltung': 'Verwaltung', 'admin': 'Admin' };
        rolesDisplay.innerHTML = roles.map(role => 
          `<span class="role-badge role-${role}" style="margin-right: 5px;">${roleLabels[role] || role}</span>`
        ).join('');
      }
      
      // Bearbeitung beenden
      cancelEditUser(userId);
      alert('Benutzerdaten wurden erfolgreich gespeichert!');
      // Seite neu laden um sicherzustellen dass alles korrekt ist
      location.reload();
    } else {
      alert('Fehler: ' + (result.error || 'Daten konnten nicht gespeichert werden'));
    }
  } catch (error) {
    console.error('Fehler:', error);
    alert('Fehler beim Speichern der Benutzerdaten');
  }
}

// Bearbeitung abbrechen
function cancelEditUser(userId) {
  const row = document.querySelector(`tr[data-user-id="${userId}"]`);
  if (!row) return;
  
  // Alle Edit-Felder ausblenden und Display-Felder einblenden
  row.querySelectorAll('.user-field-edit').forEach(edit => {
    edit.style.display = 'none';
    // Wert zurücksetzen (nur für Input-Felder, nicht für Rollen)
    const field = edit.dataset.field;
    if (field !== 'roles') {
      const display = row.querySelector(`span[data-field="${field}"]`);
      if (display && edit.tagName === 'INPUT') {
        edit.value = display.textContent === '-' ? '' : display.textContent;
      }
    }
  });
  row.querySelectorAll('.user-field-display').forEach(display => {
    if (display.tagName === 'DIV' || display.tagName === 'SPAN') {
      display.style.display = 'block';
    } else {
      display.style.display = 'inline';
    }
  });
  
  // Buttons umschalten
  row.querySelector('.edit-user-btn').style.display = 'inline-block';
  row.querySelector('.save-user-btn').style.display = 'none';
  row.querySelector('.cancel-user-btn').style.display = 'none';
}