script.js - master - Temioka/Syte

script.js
90 строк5 KB
Temioka
code
18 фев 2025, 09:19
18 фев 2025, 09:190fe02ac
document.addEventListener('DOMContentLoaded', function () {
    const loginBtn = document.getElementById('loginBtn');
    const logoutBtn = document.getElementById('logoutBtn'); // Кнопка выхода
    const modal = document.getElementById('loginModal');
    const closeModal = document.getElementById('closeModal');
    const loginForm = document.getElementById('loginForm');
    const mainContent = document.getElementById('mainContent');
    const notification = document.getElementById('notification');

    // Скрываем кнопки по умолчанию
    loginBtn.style.display = 'none';
    logoutBtn.style.display = 'none';

    // Проверяем состояние аутентификации
    const isAuthenticated = localStorage.getItem('isAuthenticated');
    if (isAuthenticated) {
        mainContent.style.display = 'block'; // Показываем основной контент
        logoutBtn.style.display = 'inline'; // Показываем кнопку выхода
    } else {
        loginBtn.style.display = 'inline'; // Показываем кнопку входа, если не авторизован
    }

    // Открытие модального окна
    loginBtn.onclick = function () {
        modal.style.display = 'block';
    }

    // Закрытие модального окна
    closeModal.onclick = function () {
        modal.style.display = 'none';
    }

    // Обработка формы авторизации
    loginForm.onsubmit = function (event) {
        event.preventDefault(); // Предотвращаем отправку формы

        const username = 'kondakov_av'; // Замените на свой логин
        const password = '4762857'; // Замените на свой пароль

        const formData = new FormData(loginForm);
        const inputUsername = formData.get('username');
        const inputPassword = formData.get('password');

        // Проверка логина и пароля
        if (inputUsername === username && inputPassword === password) {
            showNotification('Вы успешно авторизировались!', 'success');
            localStorage.setItem('isAuthenticated', 'true'); // Сохраняем состояние аутентификации
            modal.style.display = 'none'; // Закрываем модальное окно
            mainContent.style.display = 'block'; // Показываем основной контент
            loginBtn.style.display = 'none'; // Скрываем кнопку входа
            logoutBtn.style.display = 'inline'; // Показываем кнопку выхода
        } else {
            showNotification('Неверный логин или пароль', 'error'); // Сообщение об ошибке
        }
    };

    // Функция для отображения уведомления
    function showNotification(message, type) {
        notification.textContent = message;
        notification.className = 'notification show' + (type === 'error' ? ' error' : '');
        notification.style.opacity = '1';
        notification.style.visibility = 'visible';

        setTimeout(() => {
            notification.style.opacity = '0'; // Запускаем анимацию исчезновения
            notification.style.visibility = 'hidden'; // Скрываем после анимации
        }, 4000); // Уведомление исчезает через 4 секунды
    }

    // Обработчик события для кнопки выхода
    logoutBtn.onclick = function () {
        localStorage.removeItem('isAuthenticated'); // Удаляем состояние аутентификации
        mainContent.style.display = 'none'; // Скрываем основной контент
        loginBtn.style.display = 'inline'; // Показываем кнопку входа
        logoutBtn.style.display = 'none'; // Скрываем кнопку выхода
    };
});

window.onload = function() {
    // Имитируем длительную загрузку
    setTimeout(function() {
        // Переключение с загрузки на отображение контента
        document.querySelector('.loader').style.display = 'none';
        document.querySelector('.content').style.display = 'block';
    }, 4000); // Задержка в 5 секунд для имитации загрузки
};

function goBack() {
    window.history.back();
}