b2bon.ru

Профиль пользователя (cybervela.userprofile.js)

Класс userprofile предназначен для управления профилем пользователя и процессами авторизации.

Инициализация

constructor(core);

core - объект ядра системы, необходимый для работы с уведомлениями

Основные поля класса

  • data — объект с данными профиля пользователя
  • tmp — временное хранилище для промежуточных данных (например, для авторизации)
  • core — ссылка на ядро приложения для доступа к уведомлениям, хранилищу и методам

Привязки данных к DOM

Метод setBinds() связывает поля профиля (имя, email, aboutme) с элементами DOM через механизм core.bind. Это позволяет автоматически обновлять отображение данных пользователя при изменении профиля.

Загрузка данных профиля

Метод loadData() отправляет запрос на сервер для получения данных профиля пользователя. После загрузки обновляет DOM и привязки, а также сообщает ядру о завершении загрузки модуля.

Обновление состояния

Метод update() меняет классы :root в зависимости от статуса авторизации пользователя (authorized/unauthorized).

Верификация пользователя

Метод verification(data, target) подтверждает профиль пользователя после ввода кода, обновляет данные и отображает сообщение об успешной верификации. Также управляет отображением форм и таймером закрытия модального окна.

Выход из профиля

Метод logout(redirect) завершает сессию пользователя, очищает токен, обновляет данные и, при необходимости, перенаправляет на главную страницу.

Смена аватара

Метод changeAvatar(data, target) — заготовка для обработки смены аватара пользователя.

Методы

auth()

Метод для обработки авторизации пользователя.

Параметры

  • data - объект с данными пользователя
    • data.userprofile - объект профиля пользователя
  • target - (опционально) DOM-элемент, к которому применяется анимация переключения форм

Функциональность

  1. Проверяет валидность профиля пользователя
  2. При невалидном профиле выводит уведомление об ошибке
  3. При наличии target-элемента:
    • - Скрывает форму входа
    • - Показывает форму верификации
    • - Запускает таймер обратного отсчета
Назад
Вперед