Аккаунт: Профиль и Безопасность (5 экранов)¶
/account/profile — My Profile¶
Назначение: Просмотр и редактирование личных данных и настроек. Доступ: Все авторизованные.
Компоновка:
├── Header (стандартный)
├── Sidebar аккаунта:
│ ├── Профиль (активный)
│ ├── Безопасность
│ ├── Организация (адаптивно)
│ └── Оплата (адаптивно)
└── Main:
├── Секция «Персональные данные»:
│ ├── Аватар (кликабельный для замены, drag & drop)
│ ├── Имя (input)
│ ├── Фамилия (input)
│ ├── Email (read-only, кнопка «Изменить» → модал с подтверждением)
│ ├── Телефон (input, маска)
│ └── Должность (input)
│
├── Секция «Настройки»:
│ ├── Язык: [Русский ▼ / English]
│ ├── Часовой пояс: [dropdown, авто-определение]
│ ├── Формат даты: [ДД.ММ.ГГГГ ▼]
│ ├── Формат времени: ◉ 24ч ○ 12ч
│ ├── Разделитель тысяч: ◉ Пробел ○ Запятая
│ └── Вид по умолчанию:
│ Сделки: ◉ Канбан ○ Список
│ Продажи: ○ Канбан ◉ Список
│ Активности: ◉ Список ○ Календарь
│
├── Секция «Уведомления»:
│ ├── Ссылка: «Настроить уведомления →»
│ └── Или inline toggles по категориям
│
└── Кнопка: [Сохранить изменения]
/account/security — Security¶
Назначение: Управление паролем и двухфакторной аутентификацией. Доступ: Все авторизованные.
Компоновка:
├── Sidebar аккаунта
└── Main:
├── Секция «Пароль»:
│ ├── Текущий пароль (input)
│ ├── Новый пароль (input, индикатор сложности)
│ ├── Подтверждение (input)
│ └── Кнопка: [Изменить пароль]
│
├── Секция «Двухфакторная аутентификация»:
│ ├── Статус: ● Включена / ○ Отключена
│ ├── Если отключена:
│ │ └── Кнопка: [Включить 2FA] → модал с QR-кодом
│ └── Если включена:
│ ├── Приложение: Google Authenticator / Authy
│ ├── Резервные коды: [Показать] [Сгенерировать новые]
│ └── Кнопка: [Отключить 2FA] → подтверждение паролем
│
└── Ссылка: «Активные сессии →» → /account/security/sessions
/account/security/sessions — Active Sessions¶
Назначение: Просмотр и завершение активных сессий. Доступ: Все авторизованные.
Компоновка:
├── Sidebar аккаунта
└── Main:
├── Заголовок: «Активные сессии»
└── Список сессий:
Строка:
├── Иконка устройства (desktop / mobile / tablet)
├── Браузер + ОС: «Chrome на macOS»
├── IP-адрес
├── Местоположение (город, страна)
├── Последняя активность: «5 минут назад»
├── Тег: [Текущая] (зелёный) — для активной сессии
└── Кнопка: [Завершить] (кроме текущей)
Внизу: [Завершить все кроме текущей]
/account/notifications — Notification Settings¶
Назначение: Настройка уведомлений по категориям и каналам. Доступ: Все авторизованные.
Компоновка:
├── Sidebar аккаунта
└── Main:
├── Заголовок: «Уведомления»
│
├── Секция «Email-уведомления»:
│ ├── Частота: ◉ Сразу ○ Дайджест (час) ○ Дайджест (день) ○ Выключены
│ └── Примечание: «Критичные уведомления отправляются всегда»
│
├── Секция «Категории» (таблица: категория | in-app | email):
│ ├── ☑ ☑ Сделки и продажи
│ ├── ☑ ☑ Напоминания об активностях
│ ├── ☑ ☐ Шаринг и назначения
│ ├── ☑ ☐ Изменения стадий
│ ├── ☑ ☐ Импорт
│ ├── 🔒☑ DLQ ошибки (нельзя отключить)
│ ├── 🔒☑ Перелимит / грейс (нельзя отключить)
│ └── 🔒☑ Приглашения (нельзя отключить)
│
└── Кнопка: [Сохранить]
/account/notifications — Notifications List¶
Назначение: Полный список всех уведомлений. Доступ: Все авторизованные. Также доступен через dropdown 🔔 в шапке.
Компоновка:
├── Sidebar аккаунта
└── Main:
├── Заголовок: «Все уведомления» | Кнопка: [Отметить все как прочитанные]
├── Фильтры: Все | Непрочитанные
└── Список (сгруппирован по дням):
├── Сегодня
│ ├── 🔴 «Ошибка отправки продажи #42» — 10 мин назад
│ └── ○ «Петрова расшарила вам сделку "Альфа"» — 2 ч назад
├── Вчера
│ └── ○ «Импорт контактов завершён: 450 создано» — вчера, 18:30
└── ...
Каждое уведомление:
├── Иконка типа (цветная точка: красный — ошибка, синий — инфо)
├── Текст с ссылкой на сущность
├── Время (relative → absolute при hover)
└── Клик → переход к сущности + пометка как прочитанное