Глобальные экраны (3 экрана)¶
/home — Home Dashboard¶
Назначение: Первый экран после входа. Обзор по текущему проекту. Доступ: Все авторизованные.
Компоновка:
├── Header: Логотип | [Селектор проекта ▼] | 🔍 Поиск | [+ Создать] | 🔔(3) | Аватар ▼
├── Sidebar: Навигация по модулям текущего проекта
└── Main:
├── Заголовок: «Дашборд — [Название проекта]»
├── Селектор периода: Сегодня | Неделя | Месяц● | Квартал | [Период]
│
├── Верхняя строка (4 карточки-метрики):
│ ├── Сделки в работе: число + сумма
│ ├── Новые за период: число
│ ├── Закрытые (Won): число + сумма
│ └── Продажи в работе: число
│
├── Средний блок (2 колонки):
│ ├── Воронка (horizontal funnel chart): конверсия по стадиям
│ └── Сделки по источникам (bar / pie chart)
│
└── Нижний блок (3 колонки):
├── Просроченные задачи (макс. 5)
│ Строка: ● название — срок (красный) — ответственный
│ Ссылка: «Все просроченные →»
├── Ближайшие активности (макс. 5)
│ Строка: иконка типа — название — дата/время
└── Последние действия (макс. 10)
Строка: аватар — «Петрова изменила стадию сделки…» — время
Адаптивность:
├── Member: только свои метрики
├── Viewer: без сумм
├── Contextual UI: виджеты скрыты если модуль отключён
└── Empty state: «Создайте первую сделку» (если нет данных)
/projects — Projects List¶
Назначение: Список всех проектов пользователя (личных и организационных). Доступ: Все авторизованные.
Компоновка:
├── Header (стандартный)
└── Main (без sidebar — это глобальный экран):
├── Заголовок: «Проекты»
├── Кнопка: [+ Новый проект] (если есть право)
│
├── Секция «Личные проекты» (если флаг = ДА или есть проекты):
│ └── Grid карточек проектов:
│ Карточка:
│ ├── Название
│ ├── Описание (1 строка, truncate)
│ ├── Шаблон (тег: «B2B», «Колл-центр»…)
│ ├── Участники (аватары, макс. 3 + «+5»)
│ ├── Дата создания
│ └── Меню ⋮: Настройки | Архивировать | Удалить
│
├── Секция «[Название организации]» (для каждой орг.):
│ ├── Кнопка [+ Новый проект] (если PO/PA)
│ └── Grid карточек (аналогично)
│
└── Empty state:
«У вас пока нет проектов.» [Создать первый проект]
Архивированные проекты:
├── Тег «Архив» на карточке (серый)
├── По умолчанию скрыты
└── Toggle: «Показать архивные» (внизу страницы)
/projects/new — Create Project¶
Назначение: Создание нового проекта (4 шага). Доступ: Физлицо (если флаг = ДА) | PO, PA (организация).
Компоновка (мастер, 4 шага с прогресс-баром):
Шаг 1 — Шаблон:
├── Заголовок: «Выберите шаблон»
├── 5 карточек-плиток (горизонтально):
│ Каждая: иконка | название | описание | список модулей | воронка
│ Выбранная: синяя обводка + галочка
└── Кнопка: [Далее]
Шаг 2 — Основное:
├── Заголовок: «Название и описание»
├── Поля:
│ ├── Название проекта (input, предзаполнено: «Продажи B2B»)
│ ├── Описание (textarea, опционально)
│ └── Пространство: ○ Личное ○ [Название организации]
│ (если есть организация и PO/PA)
└── Кнопки: [← Назад] [Далее →]
Шаг 3 — Модули:
├── Заголовок: «Модули проекта»
├── Список модулей (toggle on/off для каждого):
│ ├── ☑ Контакты (предзаполнено из шаблона)
│ ├── ☑ Клиенты
│ ├── ☑ Сделки (нельзя отключить — ядро)
│ ├── ☐ Продажи
│ ├── ☑ Активности
│ ├── ☐ Продукты
│ ├── ☑ Отчёты
│ ├── ☐ Документы
│ └── ☐ Автоматизация
└── Кнопки: [← Назад] [Далее →]
Шаг 4 — Участники:
├── Заголовок: «Пригласите участников»
├── Список приглашений:
│ Строка: [email] [роль ▼] [✕]
│ Ссылка: «+ Добавить»
├── Для организации: dropdown с сотрудниками (+ email для новых)
└── Кнопки: [← Назад] [Создать проект]
После создания: → /p/:pid/dashboard