Added username to accounts

index.php

@@ -440,8 +440,8 @@
         </div>
         <div class="modal-body">
           <div class="mb-3">
-            <label class="form-label">Email</label>
-            <input type="email" class="form-control" id="loginEmail" required>
+            <label class="form-label">Email or Username</label>
+            <input type="text" class="form-control" id="loginEmail" required>
           </div>
           <div class="mb-3">
             <label class="form-label">Password</label>
@@ -470,6 +470,10 @@
             <label class="form-label">Email</label>
             <input type="email" class="form-control" id="registerEmail" required>
           </div>
+          <div class="mb-3">
+            <label class="form-label">Username (optional)</label>
+            <input type="text" class="form-control" id="registerUsername">
+          </div>
           <div class="mb-3">
             <label class="form-label">Password (8+ chars)</label>
             <input type="password" class="form-control" id="registerPassword" required minlength="8">
@@ -949,10 +953,12 @@
         document.querySelectorAll('.settings-btn').forEach(b => b.style.display = '');
       }
 
-      // Update user email in the dropdown and refresh profiles + projects
-      if (data.user && data.user.email) {
+      // Update user email or username if exists in the dropdown and refresh profiles + projects
+      if (data.user) {
         const userEl = document.getElementById('dropdownUserEmail');
-        if (userEl) userEl.textContent = data.user.email;
+        if (userEl) userEl.textContent = (data.user.username && data.user.username.trim())
+          ? data.user.username
+          : data.user.email;
       }
 
       loadProfiles();
@@ -968,6 +974,7 @@
   document.getElementById('registerForm').addEventListener('submit', (e) => {
     e.preventDefault();
     const email = document.getElementById('registerEmail').value.trim();
+    const username = document.getElementById('registerUsername').value.trim();
     const password = document.getElementById('registerPassword').value;
 
     const err = document.getElementById('registerError');
@@ -978,7 +985,7 @@
     fetch('register.php', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ email, password })
+      body: JSON.stringify({ email, username: username || null, password })
     })
     .then(async r => {
       const data = await r.json();
@@ -1025,7 +1032,8 @@
 
         // Add user name to user menu
         if (me.logged_in) {
-          document.getElementById('dropdownUserEmail').textContent = me.user.email;
+          document.getElementById('dropdownUserEmail').textContent =
+            (me.user.username && me.user.username.trim()) ? me.user.username : me.user.email;
         }
 
         // Hide settings button if user can't manage settings