Skip to content

feat(vue): ModxManagerTheme и выравнивание UI менеджера - #640

Open
Ibochkarev wants to merge 13 commits into
betafrom
fix/mgr-modx-manager-theme-ui
Open

feat(vue): ModxManagerTheme и выравнивание UI менеджера#640
Ibochkarev wants to merge 13 commits into
betafrom
fix/mgr-modx-manager-theme-ui

Conversation

@Ibochkarev

@Ibochkarev Ibochkarev commented Aug 29, 2026

Copy link
Copy Markdown
Member

Описание

Vue-менеджер MiniShop3 переведён на ModxManagerTheme из VueTools 1.1.3. Контролы 36px, primary CTA через success, отступы панелей по токенам темы.

Дополнительно:

  • cache-bust vue-модулей по filemtime (после rebuild vue-dist вкладки не залипают на старом JS)
  • запрет primevue/* subpath-импортов в Vite (второй Theme ломал --p-*)
  • Help, вкладки товара, галерея Uppy, пагинаторы и фильтры сеток подтянуты к плотности темы
  • локализация истории заказа и строк Uppy Image Editor (ru/en)

Из PR убран форс content_type в product.common.js — к теме UI не относится. Локальный _build/config.inc.php (install => true) тоже не входит.

Тип изменений

  • Исправление бага (non-breaking change)
  • Новая функциональность (non-breaking change)
  • Breaking change (изменение, ломающее обратную совместимость)
  • Рефакторинг (без изменения функциональности)
  • Документация
  • Другое (опишите): зависимость VueTools 1.1.3-pl вместо 1.1.0-beta1

Связанные Issues

Refs visual consistency вокруг manager theme (в т.ч. #615). Отдельного issue под весь пакет нет.

Как это было протестировано?

Локально на resource/update (товар и категория), mgr/customers, Help, галерея Uppy, связи товара, grids заказов/настроек — после npm run build и sync vue-dist.

cd vueManager
npm ci
npm run lint:ci
npm run build

Полный composer ci:php / PHPStan в этом прогоне не гонялись (PHP-дифф: cache-bust контроллеры, category CSS, мелкие правки фильтров).

  • Ручное тестирование
  • Автоматические тесты (composer ci:php / composer test, npm run lint:ci, composer stan / GitHub Actions CI)
  • Тестирование на разных версиях PHP/MODX

Конфигурация тестирования:

  • MiniShop3: ветка fix/mgr-modx-manager-theme-ui (1.13.0-beta1)
  • MODX: 3.x (project.test)
  • PHP: 8.2+
  • VueTools: 1.1.3-pl

Скриншоты (если применимо)

До После
Aura + size=small / Tailwind-blue accents ModxManagerTheme Normal 36px, #234368 / success CTA

Чеклист

  • Код соответствует стилю проекта
  • Добавлены/обновлены комментарии в сложных местах
  • Изменения не ломают существующую функциональность
  • Лексиконы добавлены на двух языках (ru/en)
  • PHPStan проходит без новых ошибок (composer stan / CI job PHPStan)
  • ESLint проходит без ошибок (npm run lint:ci для Vue)
  • Обновлён CHANGELOG.md (для значимых изменений)

Дополнительные заметки

Коммиты по слоям: VueTools bump → cache-bust → theme foundation → ExtJS/tpl → Help → product tabs → grids/forms → gallery Uppy → density polish → revert product.common.js.

Перед merge: VueTools ≥ 1.1.3 на стенде, npm run build для vue-dist (каталог в gitignore).

Manager SPA entries need the VueTools Import Map barrel that exports
ModxManagerTheme; beta1 is too old for that contract.
Package version alone stays the same across vue-dist rebuilds, so
browsers keep stale plugin tabs. Mix filemtime into the v= query when
the module maps under assets_path.
Wire entries to the VueTools theme barrel, drop runtime form style
injection, align MS3 tokens with theme primary, and reject primevue/*
imports that duplicate Theme and break --p-* tokens.
Hide content_type on the product settings tab (force HTML) so friendly
URIs do not pick up .css/.js. Tighten category options heading gap and
load ActionsColumn CSS with the category Vue modules.
Theme panel spacing owns the inset; the old 20px style fought it.
Replace the Aura-era card grid with theme-aligned sections, clearer
nav/resources hierarchy, and updated support copy.
Panel-based properties, vendor Select/filter copy, links empty state,
gallery actions control, and chips that follow theme highlight tokens.
Migrate remaining PrimeVue imports to the barrel, drop size=small
overrides so Normal density (36px) applies, use success CTAs, and
localize order history log labels.
Idle drop zone is 168px and expands when files are queued or
uploading. Disable singleFileFullScreen, keep the size note visible,
and map Uppy accents to Modx primary/success tokens.
Align paginator/nav controls, tighten gallery edit and category filter
layout, localize Uppy image-editor chrome, and keep boolean filters as Select.
Remove getSettingFields from product.common.js — not part of Modx theme UI work.
@Ibochkarev
Ibochkarev requested a review from biz87 August 29, 2026 13:03
@Ibochkarev
Ibochkarev marked this pull request as ready for review August 29, 2026 13:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant