# «Бастион» — единый интерактивный прототип

Самодостаточный интерактивный макет поиска по реестру и карточек организаций. Все материалы находятся в этой папке: руководителю достаточно распаковать архив и открыть `index.html`.

## Структура проекта

```text
.
├── index.html
├── README.md
├── ОКБ МЭИ — готовый прототип/     # самостоятельные карточки и исходные данные ОКБ МЭИ
├── Сатурн — готовый прототип/      # самостоятельные карточки и исходные данные ОДК-Сатурн
└── assets
    ├── css
    │   └── main.css
    ├── js
    │   └── app.js
    └── pictures
        └── изображения проекта
```

## Запуск

Установите зависимости и запустите Vite:

```bash
npm install
npm run dev
```

После этого откройте `http://localhost:5176`. Изменения HTML, CSS и JavaScript автоматически отображаются в браузере.

Прототип остаётся автономным: готовый `index.html` также можно открыть напрямую в браузере без dev-сервера.

## Технологии

- HTML5
- CSS3
- JavaScript без внешних библиотек
- Vite для локальной разработки
- SVG-графики, создаваемые JavaScript

## Проверочные поисковые запросы

На стартовой странице воспроизводятся три переданных сценария поиска:

| Запрос | Условия | Ожидаемая строка в таблице |
| --- | --- | --- |
| ОДК‑Сатурн | «Входящие в Реестр ОПК», Ярославская обл., «Производство с наукой», Минпромторг России | ПАО «ОДК‑Сатурн», ИНН 7610052644 |
| ОКБ МЭИ | «Входящие в Реестр ОПК», Роскосмос, ФИО «Емельянов Константин Владимирович» | АО «ОКБ МЭИ», ИНН 7722701431; также АО «НИИ ТП» |
| УАЗ | «Входящие в Реестр ОПК», «Системообразующие организации», Ульяновская обл. | ООО «Ульяновский автомобильный завод», ИНН 7327077188; также три связанные организации из примера |

Щелчок по строке результата открывает карточку в новой внутренней вкладке приложения. Карточки, графики и связи доступны без сети.

## Алгоритм «Переделай карточку»

1. Привести краткую и подробную карточки к блокам, стилям, вкладкам и модальным окнам эталонной карточки ЛОМО.
2. Открывать найденные организации, подробные карточки и связанные сущности во внутренних вкладках программы; внешние ссылки открывать отдельно.
3. Показывать подробное содержимое каждого блока в модальном окне и не выводить блоки, для которых нет исходных сведений.
4. Переносить связи из всех вложенных HTML-карточек; для каждой существующей страницы создавать отдельную карточку.
5. Строить структуру собственности по предоставленной SVG-схеме в оформлении ЛОМО; недостающие только для графика данные допустимо моделировать.
6. Не задавать блокам фиксированную высоту: она определяется содержимым.

## Разрешённые разделы карточки организации

Краткая и полная карточки используют один закрытый набор разделов:

1. Реквизиты организации и контактная информация.
2. Правовой статус.
3. Информация.
4. Финансовые показатели.
5. Структура собственности.
6. Виды деятельности.
7. Финансовая устойчивость.

Раздел без данных пропускается. Руководители входят в реквизиты, а акционеры,
участие в капитале, филиалы и ссылки на другие карточки — в структуру
собственности; отдельные блоки для них не создаются. Модельные финансовые ряды,
численность и подготовленные для прототипа внешние классификаторы сохраняются.