9d889558d3
Design spec + интерактивный HTML mockup для side-panel редактирования
проекта при выборе одного проекта на /projects.
Поведение:
- selectedIds.size === 1 → drawer справа (480px, push-mode, grid сдвигается)
- selectedIds.size >= 2 → BulkActionsBar внизу (условие в ProjectsView.vue:78
меняется > 0 → >= 2)
- 0 selected → ни drawer, ни bulk-bar
Footer drawer:
- Слева (destructive): Приостановить (toggle-active) + Удалить (soft-archive)
- Справа (form actions): Отмена (close+clearSelection) + Сохранить
(PATCH /api/projects/{id})
Backend без изменений — используются существующие endpoints PATCH/DELETE/
toggle-active. Pinia store useProjectsStore уже имеет update/toggleActive/
archive методы.
Прецеденты: DealDetailDrawer.vue (overlay-вариант); push-mode здесь — custom
aside + CSS transform/padding-right, без Vuetify teleport.
Mockup: 3 состояния через JS-toggle (0/1/2+ selected), Forest palette
(Teal #0F6E56, ivory #F6F3EC, noir #012019). Phone masked под 152-FZ ПДн.
cspell-words.txt +1 (юнит) — для упоминания юнит-тестов в spec §6.
Open questions: 0 (все 5 UX-решений утверждены заказчиком 2026-05-14).