Прототип v2: иерархия и связи
Демонстрация принятых решений из
entity-relations-final-spec.md — иерархия и связи в списках, карточка задачи с навигацией по связанным сущностям.Где смотреть
Список проектов →
Папки → проекты → подпроекты. Раскрытие кликом по треугольнику. Табличный вид со столбцами: ГИП, статус, начало, окончание, прогресс (N закрытых задач / всего · %).
Список задач →
Первой строкой — JKN-200 «[полный набор]» с полностью заполненной карточкой и работающей навигацией. Ниже — массовка для демонстрации поведения списка. Под JKN-301 — кросс-проектная подзадача с бейджем своего проекта.
1. Поведение списков при большом количестве задач
В реальной стройке на одной задаче висят десятки и сотни подзадач (например, кирпичная кладка — это 50–200 захваток одного типа). Чтобы строка карточки родителя не превращалась в кашу, при раскрытии используем один из двух механизмов. В прототипе они помечены префиксом в квадратных скобках:
[виртуализация] Кирпичная кладка стен — JKN-210 · 50 подзадач
Снаружи — обычный длинный список со скроллом. В DOM живут только видимые строки. Никаких дополнительных действий от пользователя. Это рекомендация спеки (раздел 4.7).
[чанки] Устройство кровли — JKN-220 · 40 подзадач
Показывается первая порция (15 шт), внизу — кнопка «Показать ещё». Альтернативный паттерн для сравнения.
2. Карточка задачи с навигацией
Открывается панелью справа поверх списка при клике на задачу. Полная демонстрация — JKN-200 «[полный набор] Монолитные работы». В карточке:
- Бейдж типа сущности в шапке: «Задача» (синий), «Изменение» (фиолетовый), «Совещание» (жёлтый), «Проект» (зелёный). Когда переходишь по связям — бейдж меняется.
- Блок «Иерархия» — родитель ↑, текущая, дети ↓. Кросс-проектный ребёнок с бейджем своего проекта. Клик по любой строке открывает её карточку.
- Блок «Связи» — аккордеоны по типам сущностей (задачи / изменения / совещания / проекты), у блокеров красная пометка. Клик по строке связи → переход в соответствующую сущность.
- Стек переходов — каждый переход кладёт карточку на стек. Сверху появляется кнопка
← Назадс названием предыдущей карточки. Можно ходить туда-обратно по 3–4 уровням.
Из JKN-200 можно дойти до родителя JKN-150, до детей (JKN-210, JKN-220, кросс-проектный PN-45), до связанных изменения CHG-08, совещаний (MEET-22, MEET-19), смежного проекта JKN-27-PN. У большинства этих карточек тоже есть связи обратно — навигация работает в обе стороны.
3. Индикаторы в строке задачи
- Красный бейдж «⚠ блокер» — если среди связей есть незакрытый блокер. Виден сразу.
- 🔗 N — общее число связей. Тултип при наведении: разбивка по типам сущностей.
- Эти индикаторы — отдельные, чтобы блокер не терялся в общем счётчике.
Что НЕ в прототипе
- WBS-вид дерева (отдельный экран) — фаза 2 по доку.
- Открытие карточки проекта из списка проектов — только из связей.
- Добавление/редактирование связей — только просмотр.
- Мобильный адаптив, drag-n-drop, real-time обновления.
Проекты
Папки → проекты → подпроекты. Клик по треугольнику разворачивает следующий уровень.
Название
ГИП
Статус
Начало
Окончание
Прогресс
📁 — папка
▦ — проект
Прогресс — N задач закрыто / всего · %
Задачи проекта «ЖК Невский 27»
Иерархия задач, кросс-проектные подзадачи помечены ↗ бейджем. Подробнее о больших списках — см. вкладку «Интро».
Название
Исполнитель
Статус
Начало
Окончание
Связи