api js

2026-03-14 00:11:21 +03:00
parent b2139ed440
commit 468bdf817a
70 changed files with 337 additions and 47 deletions
--- a/server/frontend/auth/login.css
+++ b/server/frontend/auth/login.css
--- a/server/frontend/auth/login.html
+++ b/server/frontend/auth/login.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Login</title>
+    <link rel="stylesheet" href="login.css">
+</head>
+<body>
+    <div class="glass-container">
+        <div class="login-box">
+            <h2>Login</h2>
+            <form id="loginForm">
+                <input type="password" id="password" name="password" required placeholder="Code">
+                <button type="submit">Login</button>
+            </form>
+        </div>
+    </div>
+    <script src="login.js"></script>
+</body>
+</html>
--- a/server/frontend/auth/login.js
+++ b/server/frontend/auth/login.js
@@ -0,0 +1,74 @@
+function getToken() {
+    return localStorage.getItem("token") || sessionStorage.getItem("token");
+}
+function tokenCheck(){
+    const token = getToken();
+    if (token) {
+        window.location.href = "http://localhost:5500/server/frontend/main/index.html";
+    }
+}
+document.getElementById('loginForm').addEventListener('submit', async function (e) {
+    e.preventDefault();
+    const password = document.getElementById('password').value;
+    const userData = {
+        password
+    };
+    try {
+        const response = await fetch("http://localhost:8000/api/auth", {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/x-www-form-urlencoded",
+            },
+            body: new URLSearchParams({
+              password: userData.password
+            }),
+          });
+
+        const data = await response.json();  // читаем только один раз
+        if (response.ok) {                  // сохраняем только при успехе
+                 // в sessionstorage до перезахода в браузер(
+            sessionStorage.setItem("token", data.access_token);
+            
+            window.location.href = 'http://localhost:5500/server/frontend/main/index.html';
+        } else {                            //парсинг и вывод ошибок, если есть
+            if (Array.isArray(data.detail)) {
+                const messages = data.detail.map(e => {
+                    const field = e.loc.filter(locPart => locPart !== 'body').join(' -> ');
+                    return `${field}: ${e.msg}`;
+                });
+                showError(messages);
+            } else if (typeof data.detail === 'string') {
+                showError([data.detail]);
+            } else {
+                showError(['Unknown error']);
+            }
+        }
+    } catch (err) {
+        showError(['Connection error: ' + err.message]);
+    }
+});
+function showError(messages){               //Добавление их на form со стилями
+    let errorElem = document.getElementById('formError');
+    let container = document.getElementById('glass-container');
+    if (!errorElem){
+        errorElem = document.createElement('div');
+        errorElem.style.transition="3s";
+        errorElem.id = 'formError';
+        errorElem.style.color = 'red';
+        errorElem.style.marginTop = '20px';
+        errorElem.style.fontSize = '14px';
+        errorElem.style.fontWeight = '100';
+        errorElem.style.marginBottom = '20px';
+        errorElem.style.lineHeight="120%";
+        errorElem.style.height = 'auto';
+        const form = document.getElementById('loginForm');
+        form.insertAdjacentElement('afterend', errorElem);
+    };
+    errorElem.innerHTML = '';
+    messages.forEach(msg => {
+        const li = document.createElement('li');
+        li.style.listStyleType="none";
+        li.textContent = msg;
+        errorElem.appendChild(li);
+    });
+}