gorbenko.pavel
05cd491769
Каждый вид обращения раньше показывал одинаковый набор обязательных полей. getAppealFieldsConfig теперь описывает и видимость, и обязательность отдельно: жалоба — предложение по-прежнему можно оставить, но требовать его как для самостоятельного вида "Предложение" неверно. validateFeedback читает то же правило, что и форма, — иначе одно поле могло бы требовать то, что другое не показывает. FormCard в FeedbackForm дублировал заголовок и подзаголовок PageShell — убран (пустой title у ui-kit не создаёт строки, гэпа не остаётся). Подсказка у переключателя "Обращение анонимное" разбита на две сноски (* и **), как в исходной форме, а не слитный абзац. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
hr-appeals
Форма обращений сотрудников в HR департамент.
Заменяет встроенную Microsoft Forms: даёт собственный интерфейс в фирменном стиле
(общие токены и компоненты, что и request-portal) без чужого брендинга и служебных
плашек в подвале.
Стек
- React 17 + TypeScript (строгий режим)
- Vite 6
- SCSS Modules
@tnsu/ui-kit— общие UI-компоненты
React именно 17-й: @tnsu/ui-kit объявляет его в peerDependencies.
Запуск
Пакеты @tnsu/* лежат в приватном реестре — он прописан в .npmrc, отдельная
настройка не нужна, но нужен доступ к git.tnsu.kz.
npm install
npm run dev
Прочие команды:
npm run build # проверка типов + production-сборка в dist/
npm run typecheck # только проверка типов
npm run preview # просмотр собранной версии
Структура
src/
components/ переиспользуемые UI-обёртки
Field/ FormField из ui-kit + текст ошибки валидации
PageShell/ шапка страницы и центрированный контент
features/feedback/ собственно форма обращения
model.ts типы данных, справочники, пустое состояние
texts.ts все пользовательские строки (задел под локализацию)
validateFeedback.ts правила заполнения — чистая функция
useFeedbackForm.ts состояние формы, валидация, отправка
FeedbackForm.tsx сборка формы из секций
ThankYouScreen.tsx экран после отправки
sections/ секции формы
styles/
_design-tokens.scss фирменные токены (копия из request-portal)
global.scss
Состояние формы целиком живёт в useFeedbackForm; секции получают срез данных и
колбэк set, но своим состоянием не владеют.
Что не сделано
Отправка данных. Бэкенда пока нет: useFeedbackForm.submit валидирует форму и
пишет результат в консоль (см. TODO в файле). Реальную интеграцию нужно подключить
отдельно — только там, без правок в компонентах.
Список компаний. В model.ts заполнено одно значение — «ТОО АСТЕЛ-К», единственное
видимое в исходной форме. Полный список нужно уточнить у владельца формы.