first commit

2026-04-22 15:21:35 +03:00
commit 58c7f4ae1a
2 changed files with 90 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <title>Lendry SSO - Заглушка</title>
+    <style>
+        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: #f3f4f6; }
+        .login-card { background: white; padding: 2rem; border-radius: 12px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); width: 100%; max-width: 320px; text-align: center; }
+        h2 { margin-top: 0; color: #111827; }
+        input { width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #d1d5db; border-radius: 6px; box-sizing: border-box; font-size: 16px; }
+        button { width: 100%; padding: 10px; background-color: #2563eb; color: white; border: none; border-radius: 6px; font-size: 16px; font-weight: 600; cursor: pointer; transition: background 0.2s; }
+        button:hover { background-color: #1d4ed8; }
+        .error { color: #dc2626; font-size: 14px; margin-top: 10px; display: none; }
+    </style>
+</head>
+<body>
+    <div class="login-card">
+        <h2>Вход в Lendry</h2>
+        <p style="font-size: 12px; color: #6b7280; margin-bottom: 20px;">Frontend-заглушка для теста SSO</p>
+        
+        <form id="loginForm">
+            <input type="text" id="username" value="" placeholder="Логин" required>
+            <input type="password" id="password" value="" placeholder="Пароль" required>
+            <button type="submit">Войти и вернуться в сервис</button>
+        </form>
+        <div id="error" class="error"></div>
+    </div>
+
+    <script>
+        document.getElementById('loginForm').addEventListener('submit', async (e) => {
+            e.preventDefault();
+            const errorEl = document.getElementById('error');
+            errorEl.style.display = 'none';
+
+            const username = document.getElementById('username').value;
+            const password = document.getElementById('password').value;
+
+            try {
+                // 1. Делаем реальный запрос к вашему API Gateway
+                const response = await fetch('https://api.dev.lendry.ru/auth/login', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    // Добавил device_id и public_key (как требует ваш auth.proto)
+                    body: JSON.stringify({ username, password, deviceId: 'stub-device', publicKey: 'stub-key' }),
+                    // КРИТИЧЕСКИ ВАЖНО: заставляет браузер сохранить куку refreshToken
+                    credentials: 'include' 
+                });
+
+                const result = await response.json();
+
+                if (response.ok && result.data && result.data.status === 'OK') {
+                    // 2. Ищем, куда нас просили вернуться
+                    const urlParams = new URLSearchParams(window.location.search);
+                    const returnUrl = urlParams.get('returnUrl');
+
+                    if (returnUrl) {
+                        // 3. Перенаправляем пользователя обратно на Gateway (который перекинет в Grafana)
+                        window.location.href = returnUrl;
+                    } else {
+                        alert('Успешный вход! Но параметр returnUrl не найден. Вы авторизованы.');
+                    }
+                } else {
+                    errorEl.textContent = result.message || 'Неверный логин или пароль';
+                    errorEl.style.display = 'block';
+                }
+            } catch (err) {
+                console.error(err);
+                errorEl.textContent = 'Ошибка сети. Проверьте консоль.';
+                errorEl.style.display = 'block';
+            }
+        });
+    </script>
+</body>
+</html>