Перейти к содержанию

Глобальные экраны (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