Skip to content

Единая текущая карточка программы для обеих вкладок - #514

Merged
TThanos3000 merged 1 commit into
devfrom
fix/dev-native-program-card
Oct 28, 2026
Merged

TThanos3000 merged 1 commit into
devfrom
fix/dev-native-program-card

Conversation

@TThanos3000

@TThanos3000 TThanos3000 commented Oct 28, 2026 •

Copy link
Copy Markdown
Contributor

Что изменено

«Все программы» и «Я организую» используют один существующий ProgramCardComponent. Во вкладке организатора вместо белого списка строк показываются текущие карточки с круглым логотипом, тонкой рамкой и цветной полосой регистрации. Под карточкой организатора отображаются статус публикации и прежнее действие: «Продолжить настройку» / «Управлять».

Зачем

Сохранить фактический интерфейс платформы и устранить различия между вкладками. Каталог в Figma, вкладка организатора. Card / Program в UI kit содержит 12 вариантов исходной карточки, включая мобильные состояния.

Реализация

Общий контракт карточки совместим с Program и ManagedProgram. Даты и состояние регистрации реактивны при повторном использовании input. Черновик без дат показывает «Черновик» и «Сроки не заданы». Существующие маршруты управления сохранены; в публичной карточке нет дополнительной кнопки или вложенной ссылки.

Обе вкладки используют существующий TabsComponent с opt-in вариантом underline и один порядок: заголовок → вкладки → поиск → карточки. SearchComponent получил opt-in inline-вариант и доступное имя; остальные потребители сохраняют прежний вид.

API

Зависит от API #844: добавлены optional imageAddress/imageFraming. Запросы, search/offset/limit и публичный контракт не меняются. Без новых полей остается существующая заглушка логотипа.

UI

Сохранена геометрия каталога 333×123, круг 123, логотип 100, текст 10/13 и исходные цвета/рамки. Управление добавляет отдельную строку статуса/действия. На мобильном сохранен текущий вид с аватаром 64; действия имеют высоту 44 и занимают ширину карточки. В Figma Inter используется только для технического просмотра, runtime сохраняет Mont.

Permissions

Не менялись. CTA создания зависит от прежнего отдельного capability, управление — от существующего managed API. Новые действия организатора и новые ограничения не добавлялись; админка и общая бизнес-логика сохраняются.

Проверки

  • npm run test:ci: 497 файлов / 3063 теста, затем проверка типов solution-contract, exit 0.

  • npm run lint:ts: 0 ошибок, 6 существующих предупреждений.

  • npm run build:pr: успешно после последней CSS-правки.

  • Prettier измененных TS/HTML + новый spec: успешно; stylelint измененных SCSS и pre-commit успешно.

  • Браузер: локальная сборка в авторизованном dev-сеансе, серверные обращения read-only. До/после у карточки каталога совпали размеры, шрифт, цвета и рамки.

  • Браузер: черновик, опубликованная программа, прежние ссылки, поиск/no results/reset, error/retry и скрытие create CTA без capability; для новых метаданных/ошибки использовались явно заданные локальные response fixtures.

  • Повторная проверка финального CSS через CDP без metadata fixture: рамки всех managed-карточек одинаковы, desktop actions 32; 390/360 — аватар 64, действия 44 на всю ширину, inline search, без горизонтального overflow.

  • git diff --check; remote tree совпадает с проверенным локальным tree.

  • Общий Prettier --check . в чистом checkout точного head с LF, без dist: успешно. Первый запуск в рабочей Windows-копии с CRLF и dist дал замечания окружения; чистая копия воспроизвела файловые условия CI и прошла без правок.

  • Angular CI + Deploy to dev-stage: success, включая format, lint, tests, build и rsync.

  • Live dev под текущим аккаунтом: desktop1440 и mobile390/360; каталог совпал с исходными размерами/шрифтами/цветами/рамками; сохраненный логотип одинаков на обеих вкладках. 18 управляемых программ сохранились (10+8), работают Next/Back мышью и клавиатурой, search/no results/reset/offset. Переходы существующего черновика в launch и опубликованной программы в participants проверены без сохранения форм. Ошибок браузера нет.

Acceptance criteria

  • AC-NATIVE-02: текущая карточка вынесена в общую реализацию; компонентные тесты и сравнение браузерных размеров.
  • AC-NATIVE-03: управляемые программы используют общую карточку и сохраненные маршруты.
  • AC-NATIVE-04: общий порядок элементов; debounce/URL/сброс offset и пагинация сохранены, подтверждены router-тестами.
  • AC-NATIVE-05: unit/full tests, build, lint затронутых файлов, desktop/mobile browser QA.
  • AC-NATIVE-06: оба PR смержены в dev; API CI/деплой и Angular CI/деплой успешны, live dev acceptance выполнен.

Не проверено

Контролируемые 500 и отсутствие capability проверены unit-тестами и локальными fixtures; на живом dev принудительно не вызывались. Создание/публикация новых программ не повторялись: diff сохраняет эти существующие операции, проверены переходы к настройке и управлению.

Риски / migration

Миграции не требуются. API #844 и Angular #514 смержены и развернуты на dev. Данные программ при live проверке не изменялись.

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