feat: полноценный мультипользовательский режим (users, JWT, изолированные задачи)

static/js/auth.js

@@ -1,3 +1,5 @@
+let authMode = 'login'; // 'login' или 'register'
+
 function showAuthModal() {
     document.getElementById('auth-modal').classList.remove('hidden');
 }
@@ -6,37 +8,71 @@ function hideAuthModal() {
     document.getElementById('auth-modal').classList.add('hidden');
 }
 
-async function verifyToken(token) {
-    try {
-        const res = await fetch('/api/v1/tasks', {
-            headers: { 'Authorization': `Bearer ${token}` }
-        });
-        return res.status === 200;
-    } catch (err) {
-        return false;
+function setAuthMode(mode) {
+    authMode = mode;
+    const titleEl = document.getElementById('auth-title');
+    const submitBtnText = document.getElementById('auth-submit-text');
+    const toggleBtn = document.getElementById('auth-toggle-btn');
+    const errorEl = document.getElementById('auth-error');
+
+    errorEl.classList.add('hidden');
+
+    if (mode === 'register') {
+        titleEl.innerText = "Регистрация нового пользователя";
+        submitBtnText.innerText = "Зарегистрироваться";
+        toggleBtn.innerText = "Уже есть аккаунт? Войти";
+    } else {
+        titleEl.innerText = "Авторизация в системе";
+        submitBtnText.innerText = "Войти в систему";
+        toggleBtn.innerText = "Создать новый аккаунт";
     }
 }
 
+function toggleAuthMode() {
+    setAuthMode(authMode === 'login' ? 'register' : 'login');
+}
+
 async function handleLogin(e) {
     e.preventDefault();
-    const tokenInput = document.getElementById('auth-token-input');
+    const usernameInput = document.getElementById('auth-username-input');
+    const passwordInput = document.getElementById('auth-password-input');
     const errorEl = document.getElementById('auth-error');
-    const token = tokenInput.value.trim();
 
-    if (!token) return;
+    const username = usernameInput.value.trim();
+    const password = passwordInput.value;
+
+    if (!username || !password) return;
 
     errorEl.classList.add('hidden');
-    const isValid = await verifyToken(token);
+    const endpoint = authMode === 'register' ? '/api/v1/auth/register' : '/api/v1/auth/login';
 
-    if (isValid) {
-        API_TOKEN = token;
-        IS_GUEST = false;
-        localStorage.setItem(AUTH_TOKEN_KEY, token);
-        localStorage.removeItem('scud_is_guest');
-        hideAuthModal();
-        updateUIState();
-        loadTasks();
-    } else {
+    try {
+        const res = await fetch(endpoint, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ username, password })
+        });
+
+        const data = await res.json();
+
+        if (res.status === 200) {
+            API_TOKEN = data.token;
+            CURRENT_USERNAME = data.username;
+            IS_GUEST = false;
+
+            localStorage.setItem(AUTH_TOKEN_KEY, data.token);
+            localStorage.setItem('scud_username', data.username);
+            localStorage.removeItem('scud_is_guest');
+
+            hideAuthModal();
+            updateUIState();
+            loadTasks();
+        } else {
+            errorEl.innerText = data.detail || "Ошибка авторизации";
+            errorEl.classList.remove('hidden');
+        }
+    } catch (err) {
+        errorEl.innerText = "Ошибка соединения с сервером";
         errorEl.classList.remove('hidden');
     }
 }
@@ -44,6 +80,7 @@ async function handleLogin(e) {
 function enableGuestMode() {
     IS_GUEST = true;
     API_TOKEN = "";
+    CURRENT_USERNAME = "Гость";
     localStorage.setItem('scud_is_guest', 'true');
     hideAuthModal();
     updateUIState();
@@ -51,22 +88,29 @@ function enableGuestMode() {
 
 function logout() {
     localStorage.removeItem(AUTH_TOKEN_KEY);
+    localStorage.removeItem('scud_username');
     localStorage.removeItem('scud_is_guest');
     API_TOKEN = "";
+    CURRENT_USERNAME = "";
     IS_GUEST = false;
-    document.getElementById('auth-token-input').value = "";
     showAuthModal();
 }
 
 function updateUIState() {
     const tasksBtn = document.getElementById('tasks-drawer-btn');
     const guestBadge = document.getElementById('guest-badge');
-    
+    const usernameBadge = document.getElementById('username-badge');
+
     if (IS_GUEST) {
         if (tasksBtn) tasksBtn.classList.add('hidden');
         if (guestBadge) guestBadge.classList.remove('hidden');
+        if (usernameBadge) usernameBadge.classList.add('hidden');
     } else {
         if (tasksBtn) tasksBtn.classList.remove('hidden');
         if (guestBadge) guestBadge.classList.add('hidden');
+        if (usernameBadge) {
+            usernameBadge.innerText = CURRENT_USERNAME || 'User';
+            usernameBadge.classList.remove('hidden');
+        }
     }
 }