LDAP sync

public/js/core/layout.js

@@ -1,6 +1,14 @@
 import { apiPost } from '../api.js';
 import { esc } from './utils.js';
 
+function navDisplayName(user) {
+  if (!user) return '';
+  const a = [user.firstName, user.lastName].filter(
+    (x) => x != null && String(x).trim() !== '',
+  );
+  return a.length ? a.map((x) => String(x).trim()).join(' ') : user.username;
+}
+
 /**
  * @param {string} [activeNav] 'start' | 'machines' | 'tickets' | 'options' | 'users'
  */
@@ -22,8 +30,10 @@ export function updateNav(st, activeNav = '') {
         ? `<a href="/options.html" class="${na('options')}">Optionen</a><a href="/users.html" class="${na('users')}">Benutzer</a>`
         : ''
     }
-    <span class="nav-user muted">${esc(st.user.username)}</span>
-    <button type="button" class="secondary btn-nav-logout" id="btn-logout">Abmelden</button>`;
+    <div class="nav-user-area">
+      <span class="nav-user muted">${esc(navDisplayName(st.user))}</span>
+      <button type="button" class="danger btn-nav-logout" id="btn-logout">Abmelden</button>
+    </div>`;
   const btn = document.getElementById('btn-logout');
   if (btn) {
     btn.onclick = async () => {