Skip to content
ms3Pulse
ms3Pulse
Дашборд продаж и аналитика для MiniShop3 — метрики, графики, экспорт и отчёты по расписанию
  1. Компоненты
  2. ms3Pulse

Скриншоты ms3Pulse

PNG для документации на docs.modx.pro. Пути в markdown: /components/ms3pulse/screenshots/имя.png.

Подготовка стенда

  • Заказы MiniShop3 за период (скрипт ставит пресет 365 дней).
  • Сброс пароля manager (если логин не проходит):
bash
cd /Users/ibochkarev/Sites/project
php unblock_and_reset_password.php root 'ваш_пароль'
  • Demo-seed: 9 кастомных графиков (area, bar, scatter, line, pie, donut, barHorizontal, funnel, treemap) и 6 таблиц через localStorage в пакете ms3Pulse (scripts/lib/docsDemoSeed.js).

Съёмка (Playwright)

bash
cd /Users/ibochkarev/Sites/project/Extras/ms3Pulse
npm install
npx playwright install chromium

MS3PULSE_MANAGER_URL='https://project.test/manager/' \
MS3PULSE_MODX_USER=root \
MS3PULSE_MODX_PASSWORD='***' \
MS3PULSE_DOCS_OUTPUT='/Users/ibochkarev/Desktop/Projects/Docs/docs/components/ms3pulse/screenshots' \
npm run docs:screenshots

Подмножество: MS3PULSE_DOCS_SHOTS=tab-dynamics,topflops-tables npm run docs:screenshots

Проверка: npm run docs:screenshots:check

UI manager на стенде может быть на английском — скрипт поддерживает EN/RU подписи вкладок.

Индекс

ФайлСтраницыСцена
dashboard-overview.pngquick-start, dashboard, flowsОбзор, 6 метрик
dashboard-header.pngdashboardШапка
filters-panel.pngquick-start, dashboard, filters, flowsФильтры, пресет 365
group-by-selector.pngfilters, flowsГруппировка
metrics-cards.pngmetrics, dashboard, flowsКарточки метрик
overview-chart.pngmetricsМини-график
tab-dynamics.pngquick-start, flowsДинамика: fixed + area, bar, scatter, line
tab-products.pngquick-start, flowsТовары: fixed + pie, donut, barHorizontal, funnel, treemap
tab-topflops.pngtopflops, flowsТопы / Флопы
chart-types-examples.pngchart-typesПервые 4 графика на «Динамике»
chart-card-menu.pngexport, dashboard, flowsМеню экспорта PNG
builder-page.pngbuilderПревью 9 типов + заголовок
builder-form.pngbuilder, quick-startФорма «Add chart» (без превью)
topflops-tables.pngtopflops, flowsТоп + флоп (2 карточки)
topflops-add-table.pngtopflops, flowsФорма добавления
export-csv-button.pngexport, topflopsОдна таблица с кнопкой CSV
export-chart-menu.pngexportМеню PNG
settings-namespace.pngsettings, flowsНастройки ms3pulse
permissions-policy.pngpermissions, flowsПрава

Viewport: 1440×900.