Frontend/HTML/reset-password.html - master - Zeylxxddd/IPUP

Frontend/HTML/reset-password.html

90 строк4 KB

Zeylxxddd

create: form.css, home.css, main.css, map.css, message.css, email-exists.html, email-not-found.html, forgot-password.html, home.html, login.html, map.html, password-mismatch.html, password-reset-success.html, register.html, reset-password.html, success.html, boximg.png, iPUPemployeeimg.png, logoimg.png

10 апр 2026, 17:24

Верифицирован

10 апр 2026, 17:24dd1c4c1

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="main.css">
    <link rel="stylesheet" href="form.css">
    <title>iPUP</title>
    <script>
    window.onload = function() {
        const urlParams = new URLSearchParams(window.location.search);
        const email = urlParams.get('email');
        const error = urlParams.get('error');
        if (email) {
            document.getElementById('email-field').value = email;
        } else {
            window.location.href = '/forgot-password';
            return;
        }
        if (error === 'mismatch') {
            alert('Пароли не совпадают. Попробуйте снова.');
        } else if (error === 'same') {
            alert('Новый пароль должен отличаться от старого.');
        }
    };
</script>
</head>
<body>
    <header class="header">
        <div class="logo">
            <img src="logoimg.png" alt="Логотип" class="logo-img">
            <span class="logo-text">iPUP</span>
        </div>
        <nav class="nav">
            <ul class="nav-list">
                <li><a href="/">Главная</a></li>
                <li><a href="/login">Вход/Регистрация</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <section class="auth-section">
            <form class="auth-form" action="/reset-password" method="POST">
                <h2>Сброс пароля</h2>
                <p>Введите новый пароль для вашего аккаунта.</p>
                <input type="hidden" id="email-field" name="email">
                <div class="form-group">
                    <label for="password">Новый пароль:</label>
                    <input type="password" id="password" name="password" required minlength="6">
                </div>
                <div class="form-group">
                    <label for="confirm">Подтверждение пароля:</label>
                    <input type="password" id="confirm" name="confirm" required minlength="6">
                </div>
                <button type="submit" class="btn btn-primary">Сохранить новый пароль</button>
                <div class="auth-links">
                    <a href="/login" class="auth-link">Войти</a>
                </div>
            </form>
        </section>
    </main>
    <script>
    // Функция обновления навигации в зависимости от авторизации
    async function updateNav() {
        try {
            const response = await fetch('/api/me');
            const data = await response.json();
            const navList = document.querySelector('.nav-list');
            if (!navList) return;
            const loginItem = navList.querySelector('li:last-child');
            if (data.authenticated) {
                // Меняем текст и ссылку на "Выйти"
                if (loginItem) {
                    loginItem.innerHTML = '<a href="/logout">Выйти</a>';
                }
                // Если есть элемент "Карта ПВЗ" – оставляем как есть
            } else {
                // Восстанавливаем исходную ссылку, если она была изменена
                if (loginItem && loginItem.innerHTML !== '<a href="/login">Вход/Регистрация</a>') {
                    loginItem.innerHTML = '<a href="/login">Вход/Регистрация</a>';
                }
            }
        } catch (err) {
            console.error('Ошибка проверки авторизации:', err);
        }
    }
    document.addEventListener('DOMContentLoaded', updateNav);
</script>
</body>
</html>