АРХ - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: экранный аудит и backlog миграции UI-канона
This commit is contained in:
DCCONSTRUCTIONS
parent
9ab555f6cb
commit
54a648bb91
|
|
@ -2,6 +2,10 @@
|
||||||
|
|
||||||
Документ фиксирует канон интерфейса NODE.DC, чтобы не обсуждать одни и те же правила повторно.
|
Документ фиксирует канон интерфейса NODE.DC, чтобы не обсуждать одни и те же правила повторно.
|
||||||
|
|
||||||
|
Связанные документы:
|
||||||
|
- архитектурный регламент dropdown-окон: [HDROPDOWN-CANON.md](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/HDROPDOWN-CANON.md)
|
||||||
|
- экранный аудит и backlog миграции: [HUI-CANON-AUDIT.md](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/HUI-CANON-AUDIT.md)
|
||||||
|
|
||||||
## Источник цветов
|
## Источник цветов
|
||||||
- Основной runtime-конфиг цветов: [design.config.json](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/design.config.json)
|
- Основной runtime-конфиг цветов: [design.config.json](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/design.config.json)
|
||||||
- Рабочая web-копия: [plane-src/apps/web/design.config.json](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/design.config.json)
|
- Рабочая web-копия: [plane-src/apps/web/design.config.json](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/design.config.json)
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,461 @@
|
||||||
|
# HUI CANON AUDIT
|
||||||
|
|
||||||
|
Документ фиксирует аудит экранов и dropdown-механик NODE.DC после внедрения
|
||||||
|
[HDESIGN-CODE.md](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/HDESIGN-CODE.md)
|
||||||
|
и
|
||||||
|
[HDROPDOWN-CANON.md](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/HDROPDOWN-CANON.md).
|
||||||
|
|
||||||
|
Цель:
|
||||||
|
- увидеть все экраны проекта в одном месте
|
||||||
|
- отделить каноничные shared-dropdown от legacy-механик
|
||||||
|
- понять, какие страницы уже близки к канону, а какие ещё живут на старом слое
|
||||||
|
- перейти от точечных UI-фиксов к этапной стандартизации
|
||||||
|
|
||||||
|
## Текущий канон
|
||||||
|
|
||||||
|
### Каноничные dropdown-stack
|
||||||
|
|
||||||
|
- `Selection dropdown`
|
||||||
|
- `StateDropdown`
|
||||||
|
- `PriorityDropdown`
|
||||||
|
- `DateDropdown`
|
||||||
|
- `MemberDropdown`
|
||||||
|
- `Project / Module breadcrumb dropdown`
|
||||||
|
- `Action dropdown`
|
||||||
|
- [ActionDropdown](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/packages/ui/src/dropdowns/action-dropdown.tsx:109)
|
||||||
|
- `Context menu`
|
||||||
|
- допускается как secondary/right-click слой
|
||||||
|
- не должен быть основным видимым dropdown у кнопки `...`
|
||||||
|
|
||||||
|
### Legacy-механика
|
||||||
|
|
||||||
|
Основной legacy-слой, который ещё не вычищен:
|
||||||
|
- [CustomMenu](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/packages/ui/src/dropdowns/custom-menu.tsx:61)
|
||||||
|
|
||||||
|
Это не означает, что `CustomMenu` нужно удалить целиком прямо сейчас.
|
||||||
|
Это означает:
|
||||||
|
- новые action dropdown не должны строиться на нём по инерции
|
||||||
|
- все пользовательски важные action-menu надо постепенно переводить на shared `ActionDropdown`
|
||||||
|
- `CustomMenu` должен оставаться только там, где его subtree/submenu-поведение ещё реально нужно и пока не мигрировано
|
||||||
|
|
||||||
|
## Карта экранов проекта
|
||||||
|
|
||||||
|
Ниже список page-route экранов под проектным shell:
|
||||||
|
|
||||||
|
- `Главная проекта`
|
||||||
|
- [page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/page.tsx)
|
||||||
|
- `Активные циклы`
|
||||||
|
- [active-cycles/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/active-cycles/page.tsx)
|
||||||
|
- `Аналитика`
|
||||||
|
- [analytics/[tabId]/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/analytics/[tabId]/page.tsx)
|
||||||
|
- `Browse`
|
||||||
|
- [browse/[workItem]/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/browse/[workItem]/page.tsx)
|
||||||
|
- `Черновики`
|
||||||
|
- [drafts/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/drafts/page.tsx)
|
||||||
|
- `Уведомления`
|
||||||
|
- [notifications/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/notifications/page.tsx)
|
||||||
|
- `Профиль / активность / профайл-вью`
|
||||||
|
- [profile/[userId]/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/page.tsx)
|
||||||
|
- [profile/[userId]/activity/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/activity/page.tsx)
|
||||||
|
- [profile/[userId]/[profileViewId]/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/[profileViewId]/page.tsx)
|
||||||
|
- `Стикеры`
|
||||||
|
- [stickies/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/stickies/page.tsx)
|
||||||
|
- `Workspace views`
|
||||||
|
- [workspace-views/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/workspace-views/page.tsx)
|
||||||
|
- [workspace-views/[globalViewId]/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/workspace-views/[globalViewId]/page.tsx)
|
||||||
|
- `Список проектов`
|
||||||
|
- [projects/(list)/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(list)/page.tsx)
|
||||||
|
- `Архивы проекта`
|
||||||
|
- [projects/(detail)/archives/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/archives/page.tsx)
|
||||||
|
- `Внутренний контур / Issues`
|
||||||
|
- [issues/(list)/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/issues/(list)/page.tsx)
|
||||||
|
- [issues/(detail)/[issueId]/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/issues/(detail)/[issueId]/page.tsx)
|
||||||
|
- `Внешние контуры`
|
||||||
|
- [external-contours/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/external-contours/page.tsx)
|
||||||
|
- `Предложения / Intake`
|
||||||
|
- [intake/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/intake/page.tsx)
|
||||||
|
- `Модули`
|
||||||
|
- [modules/(list)/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(list)/page.tsx)
|
||||||
|
- [modules/(detail)/[moduleId]/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(detail)/[moduleId]/page.tsx)
|
||||||
|
- `Циклы`
|
||||||
|
- [cycles/(list)/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/page.tsx)
|
||||||
|
- [cycles/(detail)/[cycleId]/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(detail)/[cycleId]/page.tsx)
|
||||||
|
- `Виды / Views`
|
||||||
|
- [views/(list)/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/views/(list)/page.tsx)
|
||||||
|
- [views/(detail)/[viewId]/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/views/(detail)/[viewId]/page.tsx)
|
||||||
|
- `Страницы / Pages`
|
||||||
|
- [pages/(list)/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(list)/page.tsx)
|
||||||
|
- [pages/(detail)/[pageId]/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/pages/(detail)/[pageId]/page.tsx)
|
||||||
|
- `Архивы issues`
|
||||||
|
- [archives/issues/(list)/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/issues/(list)/page.tsx)
|
||||||
|
- [archives/issues/(detail)/[archivedIssueId]/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/issues/(detail)/[archivedIssueId]/page.tsx)
|
||||||
|
- `Архивы модулей`
|
||||||
|
- [archives/modules/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/modules/page.tsx)
|
||||||
|
- `Архивы циклов`
|
||||||
|
- [archives/cycles/page.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/archives/cycles/page.tsx)
|
||||||
|
|
||||||
|
## Статус по модулям относительно дизайн-канона
|
||||||
|
|
||||||
|
### Ближе всего к канону
|
||||||
|
|
||||||
|
- `Внутренний контур / Issues`
|
||||||
|
- это основной эталон для карточки, detail-pane, activity, properties и стандартных selection dropdown
|
||||||
|
- но и здесь ещё остались legacy action-menu и точечные старые `CustomMenu` вокруг вторичных UI-мест
|
||||||
|
- `Хлебные крошки project/module`
|
||||||
|
- логика уже унифицирована и приведена к кликабельному dropdown-поведению
|
||||||
|
|
||||||
|
### Частично приведены, но ещё не завершены
|
||||||
|
|
||||||
|
- `Внешние контуры`
|
||||||
|
- основная верстка уже двинута к glass-канону
|
||||||
|
- но action-menu и часть secondary popup ещё на legacy-слое
|
||||||
|
- `Предложения / Intake`
|
||||||
|
- detail-pane, список, фильтры и modal уже сильно приближены к канону
|
||||||
|
- но внутри intake ещё остались локальные `CustomMenu` участки и sorting/menu-узлы
|
||||||
|
- `Workspace / Sidebar / Project shell`
|
||||||
|
- часть shell уже приведена, но sidebar-quick-actions и project/workspace action-menu ещё смешивают старый и новый подход
|
||||||
|
|
||||||
|
### Основной legacy-кластер
|
||||||
|
|
||||||
|
- `Модули`
|
||||||
|
- `Циклы`
|
||||||
|
- `Views`
|
||||||
|
- `Pages`
|
||||||
|
- `Profile`
|
||||||
|
- `Archives`
|
||||||
|
- часть `Calendar / Spreadsheet / Relations / Attachments / Comments`
|
||||||
|
|
||||||
|
Именно здесь сейчас больше всего старых `CustomMenu` и action-wrapper-ов.
|
||||||
|
|
||||||
|
## Оставшиеся legacy dropdown-механики
|
||||||
|
|
||||||
|
Ниже список мест, которые ещё не переведены на канон без локальных menu-wrapper решений.
|
||||||
|
|
||||||
|
### P0. Главные action-menu рабочих сущностей
|
||||||
|
|
||||||
|
Это самые важные экраны, потому что они формируют основной UX проекта.
|
||||||
|
|
||||||
|
- `Issues layout common actions`
|
||||||
|
- [layout-quick-actions.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/issues/layout-quick-actions.tsx:1)
|
||||||
|
- `Modules quick actions`
|
||||||
|
- [modules/quick-actions.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/modules/quick-actions.tsx:1)
|
||||||
|
- `Cycles quick actions`
|
||||||
|
- [cycles/quick-actions.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/cycles/quick-actions.tsx:1)
|
||||||
|
- `Views quick actions`
|
||||||
|
- [views/quick-actions.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/views/quick-actions.tsx:1)
|
||||||
|
- `Pages actions`
|
||||||
|
- [pages/dropdowns/actions.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/pages/dropdowns/actions.tsx:1)
|
||||||
|
- `External contours actions menu`
|
||||||
|
- [actions-menu.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/ce/components/projects/external-contours/actions-menu.tsx:1)
|
||||||
|
|
||||||
|
Почему это legacy:
|
||||||
|
- все эти места по сути решают одну задачу: показать список действий по кнопке `...`
|
||||||
|
- часть из них ещё сидит на `CustomMenu`
|
||||||
|
- часть визуально близка к канону, но не использует единый `ActionDropdown`
|
||||||
|
|
||||||
|
Что нужно:
|
||||||
|
- перевести их на `ActionDropdown`
|
||||||
|
- оставить `ContextMenu` только как secondary/right-click слой, если он реально нужен
|
||||||
|
|
||||||
|
### P1. Action-menu внутри detail / relation / attachment / comments
|
||||||
|
|
||||||
|
- `Comments quick actions`
|
||||||
|
- [comments/quick-actions.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/comments/quick-actions.tsx:1)
|
||||||
|
- `Issue detail parent`
|
||||||
|
- [issue-detail/parent/root.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/issues/issue-detail/parent/root.tsx:1)
|
||||||
|
- [issue-detail/parent/sibling-item.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/issues/issue-detail/parent/sibling-item.tsx:1)
|
||||||
|
- `Issue detail links`
|
||||||
|
- [issue-detail/links/link-item.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/issues/issue-detail/links/link-item.tsx:1)
|
||||||
|
- `Relations list item`
|
||||||
|
- [relations/issue-list-item.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/issues/relations/issue-list-item.tsx:1)
|
||||||
|
- `Attachments`
|
||||||
|
- [attachment-list-item.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/issues/attachment/attachment-list-item.tsx:1)
|
||||||
|
- `Sub-issues / relations widgets`
|
||||||
|
- [sub-issues/quick-action-button.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/issues/issue-detail-widgets/sub-issues/quick-action-button.tsx:1)
|
||||||
|
- [relations/quick-action-button.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/issues/issue-detail-widgets/relations/quick-action-button.tsx:1)
|
||||||
|
- [sub-issues/issues-list/list-item.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/issues/issue-detail-widgets/sub-issues/issues-list/list-item.tsx:1)
|
||||||
|
|
||||||
|
Почему это важно:
|
||||||
|
- это вторичный, но очень частый слой интерфейса
|
||||||
|
- пользователь должен видеть те же surface, spacing и placement, что и на карточках задач
|
||||||
|
|
||||||
|
### P1. Legacy menus в list/group header и табличных видах
|
||||||
|
|
||||||
|
- `Kanban group-by card`
|
||||||
|
- [kanban/headers/group-by-card.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/issues/issue-layouts/kanban/headers/group-by-card.tsx:1)
|
||||||
|
- `List group-by card`
|
||||||
|
- [list/headers/group-by-card.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/issues/issue-layouts/list/headers/group-by-card.tsx:1)
|
||||||
|
- `Spreadsheet header column`
|
||||||
|
- [spreadsheet/columns/header-column.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/issues/issue-layouts/spreadsheet/columns/header-column.tsx:1)
|
||||||
|
- `Calendar quick add issue actions`
|
||||||
|
- [calendar/quick-add-issue-actions.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/issues/issue-layouts/calendar/quick-add-issue-actions.tsx:1)
|
||||||
|
|
||||||
|
Что тут нужно:
|
||||||
|
- унифицировать action-menu заголовков, фильтров и group controls
|
||||||
|
- не смешивать `CustomMenu` со старой кнопочной геометрией там, где можно жить на общем action stack
|
||||||
|
|
||||||
|
### P1. Legacy sorting/order-by dropdown
|
||||||
|
|
||||||
|
- `Project order-by`
|
||||||
|
- [project/dropdowns/order-by.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/project/dropdowns/order-by.tsx:1)
|
||||||
|
- `Modules order-by`
|
||||||
|
- [modules/dropdowns/order-by.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/modules/dropdowns/order-by.tsx:1)
|
||||||
|
- `Views order-by`
|
||||||
|
- [views/filters/order-by.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/views/filters/order-by.tsx:1)
|
||||||
|
- `Pages order-by`
|
||||||
|
- [pages/list/order-by.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/pages/list/order-by.tsx:1)
|
||||||
|
- `Inbox order-by`
|
||||||
|
- [inbox-filter/sorting/order-by.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/inbox/inbox-filter/sorting/order-by.tsx:1)
|
||||||
|
|
||||||
|
Это не quick-actions, но это тоже dropdown-узлы, которые стоит перевести на единый selection/sorting-канон, а не держать на разрозненном `CustomMenu`.
|
||||||
|
|
||||||
|
### P2. Mobile header legacy menus
|
||||||
|
|
||||||
|
- `Profile mobile header`
|
||||||
|
- [profile/[userId]/mobile-header.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/mobile-header.tsx:1)
|
||||||
|
- `Modules mobile headers`
|
||||||
|
- [modules/(detail)/mobile-header.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(detail)/mobile-header.tsx:1)
|
||||||
|
- [modules/(list)/mobile-header.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/modules/(list)/mobile-header.tsx:1)
|
||||||
|
- `Cycles mobile headers`
|
||||||
|
- [cycles/(detail)/mobile-header.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(detail)/mobile-header.tsx:1)
|
||||||
|
- [cycles/(list)/mobile-header.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/projects/(detail)/[projectId]/cycles/(list)/mobile-header.tsx:1)
|
||||||
|
|
||||||
|
Это второй этап после desktop surface.
|
||||||
|
|
||||||
|
### P2. Workspace / navigation / utility legacy menus
|
||||||
|
|
||||||
|
- `Project actions menu`
|
||||||
|
- [project-actions-menu.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/navigation/project-actions-menu.tsx:1)
|
||||||
|
- `Workspace sidebar project item`
|
||||||
|
- [projects-list-item.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/workspace/sidebar/projects-list-item.tsx:1)
|
||||||
|
- `Workspace views quick actions`
|
||||||
|
- [workspace/views/quick-action.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/workspace/views/quick-action.tsx:1)
|
||||||
|
- [workspace/views/default-view-quick-action.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/workspace/views/default-view-quick-action.tsx:1)
|
||||||
|
- `Workspace / user / help / favorites`
|
||||||
|
- [workspace-menu-header.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/workspace/sidebar/workspace-menu-header.tsx:1)
|
||||||
|
- [user-menu-root.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/workspace/sidebar/user-menu-root.tsx:1)
|
||||||
|
- [favorite-item-quick-action.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/core/components/workspace/sidebar/favorites/favorite-items/common/favorite-item-quick-action.tsx:1)
|
||||||
|
|
||||||
|
Это уже не P0, но на общем ощущении системы они сказываются сильно.
|
||||||
|
|
||||||
|
## Экраны, которые ещё нужно перевести на канон по дизайну
|
||||||
|
|
||||||
|
Ниже список экранов не только по dropdown, а вообще по UI-канону.
|
||||||
|
|
||||||
|
### 1. Внутренний контур
|
||||||
|
|
||||||
|
Статус:
|
||||||
|
- основной эталон
|
||||||
|
|
||||||
|
Осталось:
|
||||||
|
- дочистить legacy action-menu вне основной карточки
|
||||||
|
- добить group headers, spreadsheet header menus, calendar quick add
|
||||||
|
- унифицировать secondary popup в relations, attachments, comments
|
||||||
|
|
||||||
|
### 2. Внешние контуры
|
||||||
|
|
||||||
|
Статус:
|
||||||
|
- частично приведён
|
||||||
|
|
||||||
|
Осталось:
|
||||||
|
- перевести [actions-menu.tsx](/Users/dcconstructions/Downloads/mnt/data/dc_taskmanager/NODEDC_TASKMANAGER/plane-src/apps/web/ce/components/projects/external-contours/actions-menu.tsx:1) на тот же action-dropdown канон
|
||||||
|
- проверить все top-toolbar и detail-surface ещё раз по glass/radius/button rules
|
||||||
|
- сравнить все detail-row и popup с эталоном `Внутреннего контура`
|
||||||
|
|
||||||
|
### 3. Предложения / Intake
|
||||||
|
|
||||||
|
Статус:
|
||||||
|
- сильно продвинуты к канону
|
||||||
|
|
||||||
|
Осталось:
|
||||||
|
- добить все `CustomMenu` в create modal и sorting
|
||||||
|
- полностью убрать остатки старого menu-wrapper поведения
|
||||||
|
- пройти весь flow `список -> деталь -> создание -> фильтры -> сортировка` ещё раз на единый shell
|
||||||
|
|
||||||
|
### 4. Модули
|
||||||
|
|
||||||
|
Статус:
|
||||||
|
- legacy
|
||||||
|
|
||||||
|
Осталось:
|
||||||
|
- list/detail headers
|
||||||
|
- quick actions
|
||||||
|
- mobile headers
|
||||||
|
- order-by/filter dropdown
|
||||||
|
- сравнение карточек и action-bars с эталоном `Внутреннего контура`
|
||||||
|
|
||||||
|
### 5. Циклы
|
||||||
|
|
||||||
|
Статус:
|
||||||
|
- legacy
|
||||||
|
|
||||||
|
Осталось:
|
||||||
|
- quick actions
|
||||||
|
- list/detail/mobile headers
|
||||||
|
- archived cycles header / controls
|
||||||
|
- приведение всех dropdown к канону `selection/action`
|
||||||
|
|
||||||
|
### 6. Views
|
||||||
|
|
||||||
|
Статус:
|
||||||
|
- legacy
|
||||||
|
|
||||||
|
Осталось:
|
||||||
|
- quick actions
|
||||||
|
- order-by/filters
|
||||||
|
- view list header
|
||||||
|
- surface/spacing/popup alignment
|
||||||
|
|
||||||
|
### 7. Pages
|
||||||
|
|
||||||
|
Статус:
|
||||||
|
- legacy
|
||||||
|
|
||||||
|
Осталось:
|
||||||
|
- page list order-by
|
||||||
|
- page actions dropdown
|
||||||
|
- editor toolbar popup
|
||||||
|
- detail/list header alignment
|
||||||
|
|
||||||
|
### 8. Archives
|
||||||
|
|
||||||
|
Статус:
|
||||||
|
- partial legacy
|
||||||
|
|
||||||
|
Осталось:
|
||||||
|
- архивы issues/modules/cycles привести к тем же header, filter, action-menu принципам
|
||||||
|
- убрать разные локальные mobile/header menu-path
|
||||||
|
|
||||||
|
### 9. Workspace shell / sidebar / navigation
|
||||||
|
|
||||||
|
Статус:
|
||||||
|
- partial
|
||||||
|
|
||||||
|
Осталось:
|
||||||
|
- project/workspace/user/favorites menus
|
||||||
|
- единая логика quick actions в sidebar
|
||||||
|
- единый visual shell popup на всём workspace слое
|
||||||
|
|
||||||
|
### 10. Profile / Notifications / Active cycles / Analytics / Drafts / Browse / Stickies
|
||||||
|
|
||||||
|
Статус:
|
||||||
|
- требуется отдельный дизайн-аудит
|
||||||
|
|
||||||
|
Это не значит, что там всё сломано.
|
||||||
|
Это значит:
|
||||||
|
- эти экраны пока не проходили такой же системный канонический прогон, как `Внутренний контур`, `Внешние контуры` и `Intake`
|
||||||
|
- их надо отдельно сверить по dropdown, button, popup, glass shell, toolbar и spacing
|
||||||
|
|
||||||
|
## Общий список страниц, которые требуют полноценного UI-pass
|
||||||
|
|
||||||
|
Порядок рекомендован по приоритету:
|
||||||
|
|
||||||
|
1. `Modules list/detail`
|
||||||
|
2. `Cycles list/detail`
|
||||||
|
3. `Views list/detail`
|
||||||
|
4. `Pages list/detail`
|
||||||
|
5. `Archives issues/modules/cycles`
|
||||||
|
6. `Workspace sidebar / project shell / navigation`
|
||||||
|
7. `Profile`
|
||||||
|
8. `Stickies`
|
||||||
|
9. `Analytics`
|
||||||
|
10. `Drafts`
|
||||||
|
11. `Browse`
|
||||||
|
12. `Notifications`
|
||||||
|
13. `Active cycles`
|
||||||
|
|
||||||
|
## Что именно значит "подбить к канону"
|
||||||
|
|
||||||
|
Для каждого экрана нужно проверять не только dropdown.
|
||||||
|
|
||||||
|
Чек-лист:
|
||||||
|
- breadcrumb соответствует канону project/module dropdown
|
||||||
|
- toolbar сидит на общем вертикальном ритме
|
||||||
|
- filled CTA используют акцент + тёмный текст
|
||||||
|
- secondary buttons без лишних outline
|
||||||
|
- popup и modal имеют matte black glass shell
|
||||||
|
- selection dropdown и action dropdown не смешаны по механике
|
||||||
|
- `...` и соседние controls имеют совместимую геометрию
|
||||||
|
- detail-pane и cards используют shared shell, а не локальную внешнюю заплатку
|
||||||
|
- list item spacing и card spacing не выбиваются из эталона
|
||||||
|
- create modal / edit modal используют shared modal-input and modal-editor canon
|
||||||
|
- mobile header не живёт своей отдельной стилистикой без причины
|
||||||
|
|
||||||
|
## Предлагаемая этапность миграции
|
||||||
|
|
||||||
|
### Этап 1. Action-menu миграция P0
|
||||||
|
|
||||||
|
Перевести на `ActionDropdown`:
|
||||||
|
- issues layout actions
|
||||||
|
- modules quick actions
|
||||||
|
- cycles quick actions
|
||||||
|
- views quick actions
|
||||||
|
- pages actions
|
||||||
|
- external contours actions menu
|
||||||
|
|
||||||
|
Результат:
|
||||||
|
- основной каркас action-menu во всех сущностях будет стандартизирован
|
||||||
|
|
||||||
|
### Этап 2. Detail widgets и row actions
|
||||||
|
|
||||||
|
Перевести:
|
||||||
|
- comments
|
||||||
|
- relations
|
||||||
|
- links
|
||||||
|
- attachments
|
||||||
|
- sub-issues widgets
|
||||||
|
|
||||||
|
Результат:
|
||||||
|
- вторичный слой меню перестанет выбиваться из канона
|
||||||
|
|
||||||
|
### Этап 3. Sorting / order-by / filter popup
|
||||||
|
|
||||||
|
Перевести:
|
||||||
|
- project/modules/views/pages/inbox sorting
|
||||||
|
- group headers
|
||||||
|
- spreadsheet/calendar header menus
|
||||||
|
|
||||||
|
Результат:
|
||||||
|
- selection/sorting popup тоже уйдут с разрозненного legacy слоя
|
||||||
|
|
||||||
|
### Этап 4. Modules / Cycles / Views / Pages design pass
|
||||||
|
|
||||||
|
Сделать полный UI-pass:
|
||||||
|
- list
|
||||||
|
- detail
|
||||||
|
- mobile headers
|
||||||
|
- empty states
|
||||||
|
- cards
|
||||||
|
- top-toolbar
|
||||||
|
- modal
|
||||||
|
|
||||||
|
### Этап 5. Workspace / profile / utility screens
|
||||||
|
|
||||||
|
Пройти:
|
||||||
|
- workspace sidebar
|
||||||
|
- user/project actions
|
||||||
|
- profile
|
||||||
|
- stickies
|
||||||
|
- analytics
|
||||||
|
- drafts
|
||||||
|
- browse
|
||||||
|
- notifications
|
||||||
|
|
||||||
|
## Главный вывод
|
||||||
|
|
||||||
|
Сейчас проект уже не находится в состоянии "везде хаос".
|
||||||
|
Уже есть рабочий канон:
|
||||||
|
- breadcrumbs
|
||||||
|
- action dropdown
|
||||||
|
- selection dropdown
|
||||||
|
- `Внутренний контур` как основной визуальный эталон
|
||||||
|
- `Внешние контуры` и `Intake` как частично приведённые модули
|
||||||
|
|
||||||
|
Но legacy слой ещё большой.
|
||||||
|
|
||||||
|
Ключевая проблема не в одном баге dropdown.
|
||||||
|
Ключевая проблема в том, что часть экранов уже живёт на shared-каноне, а часть всё ещё использует старые локальные `CustomMenu` и menu-wrapper решения.
|
||||||
|
|
||||||
|
Значит, следующая правильная работа:
|
||||||
|
- не лечить случайные оффсеты по одному
|
||||||
|
- а поэтапно переводить оставшиеся экраны на общий dropdown и UI-канон
|
||||||
Loading…
Reference in New Issue