Implement updated Bastion prototype and search workflow

2026-09-09 15:42:13 +03:00
parent 28f0852847
commit 4af653de9c
143 changed files with 14540 additions and 99 deletions
--- a/index.html
+++ b/index.html
@@ -8,22 +8,87 @@
 </head>
 <body>
  <header class="topbar">
-    <button class="search search-tab tab" type="button" data-page="search">Поиск <span>⌕</span></button>
-    <button class="tab active" type="button" data-page="lomo-brief">АО "ЛОМО" <span class="tab-close" role="button" tabindex="0" aria-label="Закрыть вкладку">×</span></button>
-    <button class="tab lomo-full-tab" type="button" data-page="lomo-full">АО "ЛОМО" — подробная информация <span class="tab-close" role="button" tabindex="0" aria-label="Закрыть вкладку">×</span></button>
-    <button class="tab" type="button" data-page="vector">ООО "Вектор" <span class="tab-close" role="button" tabindex="0" aria-label="Закрыть вкладку">×</span></button>
-    <button class="tab person" type="button" data-page="svirin">Свирин Юрий Михайлович <span class="tab-close" role="button" tabindex="0" aria-label="Закрыть вкладку">×</span></button>
+    <button class="search search-tab tab" type="button" data-page="search">Поиск <img class="search-icon" src="assets/pictures/research2.svg" alt=""></button>
+    <button class="tab closed" type="button" data-page="lomo-brief">АО "ЛОМО" <span class="tab-close" role="button" tabindex="0" aria-label="Закрыть вкладку">×</span></button>
+    <button class="tab lomo-full-tab closed" type="button" data-page="lomo-full">АО "ЛОМО" — подробная информация <span class="tab-close" role="button" tabindex="0" aria-label="Закрыть вкладку">×</span></button>
+    <button class="tab closed" type="button" data-page="vector">ООО "Вектор" <span class="tab-close" role="button" tabindex="0" aria-label="Закрыть вкладку">×</span></button>
+    <button class="tab person closed" type="button" data-page="svirin">Свирин Юрий Михайлович <span class="tab-close" role="button" tabindex="0" aria-label="Закрыть вкладку">×</span></button>
+    <button class="tab person person-page-tab closed" type="button" data-page="vladimirov">Владимиров Дмитрий Анатольевич <span class="tab-close" role="button" tabindex="0" aria-label="Закрыть вкладку">×</span></button>
    <div class="profile"><img src="assets/pictures/ЛК.png" alt="Личный кабинет"></div>
  </header>

  <main>
+    <section id="searchPage" class="search-page" aria-label="Поиск организаций">
+      <div class="filter-tabs" role="tablist" aria-label="Наборы фильтров">
+        <button class="filter-tab active" type="button" role="tab" aria-selected="true" aria-controls="filterPanelPrimary" data-filter-panel="primary" title="Фильтр 1"><span class="filter-tab-mark"><img class="filter-tab-icon" src="assets/pictures/filter_icon.svg" alt=""><span class="filter-tab-number" aria-hidden="true">1</span></span><span class="filter-tab-close" aria-hidden="true">×</span></button>
+        <button class="filter-tab-add" type="button" aria-label="Добавить набор фильтров">+</button>
+      </div>
+      <form id="organizationSearch" class="search-form">
+        <div id="filterPanelPrimary" class="filter-panel filter-panel-primary" role="tabpanel">
+          <div class="filter-column">
+            <label class="search-field"><span>ОГРН/ИНН/ОКПО</span><input name="identifier" autocomplete="off"></label>
+            <label class="search-field"><span>ФИО Руководителя</span><input name="manager" autocomplete="off"></label>
+            <label class="search-field"><span>Наименование</span><input name="name" autocomplete="off"></label>
+            <label class="search-field"><span class="filter-label-accent">Сфера деятельности</span><select name="activity"><option value=""></option><option>Наука</option><option>Промышленность</option><option>Производство с наукой</option><option>БП</option></select></label>
+          </div>
+          <div class="filter-column">
+            <label class="search-field"><span class="filter-label-accent">Статус</span><select name="type"><option value=""></option><option>Действующее ЮЛ</option><option>Недействующее ЮЛ</option></select></label>
+            <label class="search-field"><span class="filter-label-accent">Федеральный округ</span><select name="district"><option value=""></option><option>Центральный</option><option>Северо-Западный</option></select></label>
+            <label class="search-field"><span>Субъект федерации</span><select name="region"><option value=""></option><option>Санкт-Петербург г.</option><option>Москва г.</option><option>Ульяновская обл.</option><option>Ярославская обл.</option></select></label>
+            <label class="search-field"><span>Город</span><select name="city"><option value=""></option><option>Москва</option><option>Санкт-Петербург</option><option>Рыбинск</option></select></label>
+          </div>
+          <div class="filter-column">
+            <label class="search-field"><span>Министерство/<br>Госкорпорация</span><select name="ministry"><option value=""></option><option>ГК «Ростех»</option><option>Государственная корпорация по космической деятельности «Роскосмос»</option><option>Министерство промышленности и торговли Российской Федерации</option></select></label>
+            <label class="search-field"><span>Департамент</span><input name="department"></label>
+            <label class="search-field"><span>Отрасль</span><select name="industry"><option value=""></option><option>Радиопромышленность</option><option>БП</option><option>Производство с наукой</option></select></label>
+            <label class="search-field"><span>Гол.орг-я ИС</span><select name="sector"><option value=""></option><option>Контролируется</option></select></label>
+          </div>
+          <div class="filter-options">
+            <div class="filter-check-list">
+              <label class="filter-check"><span>Стратегические (расп.№1226)</span><input type="checkbox"><button type="button" class="filter-clear" aria-label="Очистить фильтр">×</button></label>
+              <label class="filter-check"><span>Распоряжение №91-р</span><input type="checkbox"><button type="button" class="filter-clear" aria-label="Очистить фильтр">×</button></label>
+              <label class="filter-check"><span>МПТ + ГК «Ростех» (без МО)</span><input type="checkbox"><button type="button" class="filter-clear" aria-label="Очистить фильтр">×</button></label>
+              <label class="filter-check"><span>Входящие в Реестр ОПК</span><input type="checkbox"><button type="button" class="filter-clear" aria-label="Очистить фильтр">×</button></label>
+              <label class="search-field filter-compact"><span>Раздел реестра ОПК</span><select><option value=""></option><option>ОПК</option></select></label>
+              <label class="filter-check"><span>Не контролируется<br>головной организацией ИС</span><input type="checkbox"><button type="button" class="filter-clear" aria-label="Очистить фильтр">×</button></label>
+            </div>
+            <div class="filter-check-list">
+              <label class="filter-check"><span>Системообразующие организации</span><input type="checkbox"><button type="button" class="filter-clear" aria-label="Очистить фильтр">×</button></label>
+              <label class="filter-check"><span>На контроле Правительственной<br>комиссии</span><input type="checkbox"><button type="button" class="filter-clear" aria-label="Очистить фильтр">×</button></label>
+              <label class="filter-check"><span>Открыто дело о несостоятельности<br>(банкротстве)</span><input type="checkbox"><button type="button" class="filter-clear" aria-label="Очистить фильтр">×</button></label>
+              <label class="search-field filter-compact"><span>ФС</span><select><option value=""></option><option>Федеральная собственность</option></select></label>
+              <label class="filter-check"><span>с учетом акций субъекта РФ</span><input type="checkbox"></label>
+            </div>
+          </div>
+          <div class="search-actions">
+            <button class="search-submit" type="submit" data-search-action="replace">Найти</button>
+            <button class="search-submit search-add" type="button" data-search-action="append">Добавить</button>
+          </div>
+        </div>
+      </form>
+
+      <div class="results-toolbar">
+        <h2 class="results-title">Список организаций</h2>
+        <label class="results-filter"><input type="search" aria-label="Фильтр по результатам" placeholder="Поиск"><img class="results-search-icon" src="assets/pictures/research2.svg" alt=""></label>
+        <button class="results-download" type="button" aria-label="Скачать результаты"><img src="pictures2/download.png" alt=""></button>
+      </div>
+      <section id="searchResults" class="search-results" aria-live="polite">
+        <div class="results-table-wrap"><table class="results-table"><colgroup><col class="result-col-number"><col class="result-col-name"><col class="result-col-inn"><col class="result-col-region"><col class="result-col-industry"></colgroup><thead><tr><th>№</th><th>Наименование организации</th><th>ИНН</th><th>Субъект федерации</th><th>Отрасль</th></tr></thead><tbody></tbody></table></div>
+        <div id="searchPagination" class="search-pagination">
+          <div class="pagination-pages" aria-label="Страницы результатов"><span>«</span><span>‹</span><b>1</b><span>2</span><span>3</span><span>4</span><span>5</span><span>›</span><span>»</span></div>
+          <div class="pagination-actions"><button type="button">Сохранить список как..</button><button class="results-settings" type="button" aria-label="Настроить таблицу"><img src="assets/pictures/settings2.svg" alt=""></button></div>
+        </div>
+      </section>
+    </section>
+
    <div class="org-sticky">
      <section class="intro">
-        <div class="org-pill">Акционерное общество «Ленинградское оптико-механическое объединение» (бывший Ленинградский оптико-механический завод)</div>
        <div class="intro-row">
-          <div class="notice">Не контролируется государственным корпоративным сектором или государством.<br>Находится на контроле Правительственной комиссии (Решения РГ №2, Правительственной комиссии)</div>
+          <h1 class="org-kicker">АО "ЛОМО"</h1>
          <button id="expandAll" class="action">Перейти к подробной информации <img class="ui-icon" src="assets/pictures/pointer.png" alt=""></button>
        </div>
+        <div class="org-pill">Акционерное общество "Ленинградское оптико-механическое объединение" (бывший Ленинградский оптико-механический завод)</div>
+        <div class="notice">Не контролируется государственным корпоративным сектором или государством. Находится на контроле Правительственной комиссии (Решения РГ №2, Правительственной комиссии)</div>
      </section>

      <nav id="sectionNav" class="section-nav" aria-label="Разделы организации">
@@ -37,28 +102,105 @@
      </nav>
    </div>

+    <div class="brief-fixed-header" aria-hidden="true">
+      <div class="brief-fixed-title"></div>
+      <div class="brief-fixed-subtitle"></div>
+    </div>
+
    <div id="content"></div>

    <section id="developmentPage" class="development-page" aria-live="polite">
      <h1>Страница в разработке</h1>
    </section>

+    <section id="ulyanovskPage" class="ulyanovsk-page" aria-live="polite"></section>
+
+    <section id="vladimirovPage" class="person-page" aria-label="Владимиров Дмитрий Анатольевич">
+      <article class="person-profile-card">
+        <img class="person-portrait" src="assets/pictures/vladimirov.png" alt="Владимиров Дмитрий Анатольевич">
+        <h1>Владимиров Дмитрий Анатольевич</h1>
+        <p>ИНН 8764399266</p>
+        <p>Кандидат экономических наук,<br>профессор</p>
+        <a class="external-link" href="https://ru.wikipedia.org/w/index.php?search=Владимиров+Дмитрий+Анатольевич" target="_blank" rel="noopener noreferrer">Википедия</a>
+      </article>
+      <article class="person-info-card person-positions">
+        <h2>Должности</h2>
+        <p>2000 - 2003 Генеральный директор <a class="development-link" href="#development" data-page-title="АО «Концерн воздушно-космической обороны „Алмаз — Антей“»">АО "Концерн воздушно-космической обороны "Алмаз - Антей"</a></p>
+        <p>1975 - 2000 Генеральный директор <a class="development-link" href="#development" data-page-title="АО «Марийский машиностроительный завод»">АО "Марийский машиностроительный завод"</a></p>
+      </article>
+      <article class="person-info-card person-capital">
+        <h2>Участие в капитале</h2>
+        <p>14,000% <a class="development-link" href="#development" data-page-title="ООО «Специальный Технологический Центр»">ООО "Специальный Технологический Центр"</a></p>
+        <p>14,000% <a class="development-link" href="#development" data-page-title="АО «Технологии радиоконтроля»">АО "Технологии радиоконтроля"</a></p>
+      </article>
+      <article class="person-info-card person-biography">
+        <h2>Биография</h2>
+        <div class="person-biography-scroll">
+          <p>Бывш. руководитель ФГУП "Московский институт теплотехники", первый зам. ген. директора - ген. конструктор ОАО "Московский институт теплотехники", Герой Труда РФ, ген. директор АО "Корпорация "Московский институт теплотехники"<br>ИНН&nbsp;&nbsp;771501986608</p>
+          <p>Текущие места работы:<br>Дата рождения 03.11.1945<br>Место рождения г. Москва</p>
+          <p>Образование:<br>Московский авиационный институт (государственный технический университет), 1969 г.<br>Полученная специальность: Двигатели летательных аппаратов<br>Ученая степень: Кандидат технических наук, 1983 г.<br>Ученая степень: Доктор технических наук, 1988 г.<br>Ученое звание: Профессор<br>Академическое звание: Академик РАН</p>
+          <p>Трудовая деятельность<br>11.03.1997 - 21.07.2009 Директор-генеральный конструктор АО "Корпорация "Московский институт теплотехники" (ИНН 7715842760 ОГРН 5107746017033)<br>14.01.2021 - 01.02.2021 Генеральный директор АО "Корпорация "Московский институт теплотехники" (ИНН 7715842760 ОГРН 5107746017033)<br>Деятельность связана с научной сферой ОПК</p>
+          <p>Награды:<br>Орден "За заслуги перед Отечеством" III степени<br>Орден Трудового Красного Знамени<br>Герой Труда Российской Федерации</p>
+        </div>
+      </article>
+    </section>
+
+    <section id="sakhabiyevPage" class="person-page person-sakhabiyev-page" aria-label="Сахабиев Ильнур Илдарович">
+      <article class="person-profile-card">
+        <div class="person-portrait person-monogram" role="img" aria-label="Нейтральный аватар Сахабиева Ильнура Илдаровича"><span>СИ</span></div>
+        <h1>Сахабиев Ильнур Илдарович</h1>
+        <p>ИНН 164609513166</p>
+        <p class="sakhabiyev-current-role">Генеральный директор<br>ООО «Ульяновский автомобильный завод»</p>
+      </article>
+      <article class="person-info-card person-positions">
+        <h2>Должности</h2>
+        <div class="sakhabiyev-positions-list">
+          <p>2026 — н.в. Генеральный директор <a class="person-card-link" href="#uly-uaz" data-uly-page="uly-uaz">ООО «Ульяновский автомобильный завод»</a></p>
+          <p>2026 — н.в. Генеральный директор <a class="development-link" href="#development" data-page-title="ООО «Соллерс Комтранс»">ООО «Соллерс Комтранс»</a></p>
+          <p>2023 — н.в. Генеральный директор <a class="person-card-link" href="#uly-zmz" data-uly-page="uly-zmz">ПАО «Заволжский моторный завод»</a></p>
+          <p>2023 — 2026 Генеральный директор <a class="person-card-link" href="#uly-promfin" data-uly-page="uly-promfin">ООО «Промфининвест»</a></p>
+          <p>2023 — 2026 Генеральный директор <a class="person-card-link" href="#uly-autocenter" data-uly-page="uly-autocenter">ООО «Автоцентр На Коломяжском»</a></p>
+          <p>2022 — 2026 Генеральный директор <a class="development-link" href="#development" data-page-title="ООО «Литейный завод «РосАЛит»">ООО «Литейный завод «РосАЛит»</a></p>
+        </div>
+      </article>
+      <article class="person-info-card person-capital">
+        <h2>Участие в капитале</h2>
+        <p class="person-empty">Сведения об участии в капитале в предоставленной HTML-карточке отсутствуют.</p>
+      </article>
+      <article class="person-info-card person-biography">
+        <h2>Биография</h2>
+        <div class="person-biography-scroll">
+        </div>
+      </article>
+    </section>
+
+    <!-- Карточка заполняется данными руководителя УАЗа из приложенных HTML. -->
+    <section id="ulyPersonPage" class="person-page" aria-live="polite"></section>
+
    <section id="structurePage" class="structure-page" aria-label="Графическая структура собственности">
      <div id="structureViewport" class="structure-viewport">
        <div id="structureStage" class="structure-stage">
-          <object id="structureDiagram" data="diagram.svg" type="image/svg+xml" aria-label="Графическая структура собственности АО ЛОМО"></object>
-          <button class="structure-node" type="button" style="--x:99.5px;--y:114.5px;--w:217px;--h:112px" data-page-title="Аронов О.А." aria-label="Открыть страницу: Аронов О.А."></button>
-          <button class="structure-node" type="button" style="--x:105.5px;--y:332.5px;--w:217px;--h:112px" data-page-title="ООО «Спутник»" aria-label="Открыть страницу: ООО Спутник"></button>
-          <button class="structure-node" type="button" style="--x:40.5px;--y:534.5px;--w:346px;--h:112px" data-page-title="ЗАО «Финансовый брокер БОСИ»" aria-label="Открыть страницу: ЗАО Финансовый брокер БОСИ"></button>
-          <button class="structure-node" type="button" style="--x:569.5px;--y:332.5px;--w:217px;--h:112px" data-page-title="Аронов О.А." aria-label="Открыть страницу: Аронов О.А."></button>
-          <button class="structure-node" type="button" style="--x:470.5px;--y:534.5px;--w:217px;--h:112px" data-page-title="ЗАО «БОСИ-Тренд»" aria-label="Открыть страницу: ЗАО БОСИ-Тренд"></button>
-          <button class="structure-node" type="button" style="--x:709.5px;--y:534.5px;--w:217px;--h:112px" data-page-title="ООО «Ракурс»" aria-label="Открыть страницу: ООО Ракурс"></button>
-          <button class="structure-node" type="button" style="--x:1019.5px;--y:331.5px;--w:217px;--h:112px" data-page-title="Клебанов И.И." aria-label="Открыть страницу: Клебанов И.И."></button>
-          <button class="structure-node" type="button" style="--x:1019.5px;--y:532.5px;--w:217px;--h:112px" data-page-title="ООО «Вирибус»" aria-label="Открыть страницу: ООО Вирибус"></button>
-          <button class="structure-node" type="button" style="--x:1283.5px;--y:532.5px;--w:217px;--h:112px" data-page-title="Ильичев В.В." aria-label="Открыть страницу: Ильичев В.В."></button>
-          <button class="structure-node" type="button" style="--x:1555.5px;--y:532.5px;--w:319px;--h:112px" data-page-title="НКО АО «Национальный расчётный депозитарий»" aria-label="Открыть страницу: Национальный расчётный депозитарий"></button>
+          <object id="structureDiagram" data="diagram.svg?v=person-block-assets" type="image/svg+xml" aria-label="Графическая структура собственности АО ЛОМО"></object>
+          <button class="structure-node" type="button" style="--x:97px;--y:112px;--w:222px;--h:117px" data-page-title="Аронов О.А." aria-label="Открыть страницу: Аронов О.А."></button>
+          <button class="structure-node" type="button" style="--x:103px;--y:330px;--w:222px;--h:117px" data-page-title="ООО «Спутник»" aria-label="Открыть страницу: ООО Спутник"></button>
+          <button class="structure-node" type="button" style="--x:38px;--y:532px;--w:351px;--h:117px" data-page-title="ЗАО «Финансовый брокер БОСИ»" aria-label="Открыть страницу: ЗАО Финансовый брокер БОСИ"></button>
+          <button class="structure-node" type="button" style="--x:567px;--y:330px;--w:222px;--h:117px" data-page-title="Аронов О.А." aria-label="Открыть страницу: Аронов О.А."></button>
+          <button class="structure-node" type="button" style="--x:468px;--y:532px;--w:222px;--h:117px" data-page-title="ЗАО «БОСИ-Тренд»" aria-label="Открыть страницу: ЗАО БОСИ-Тренд"></button>
+          <button class="structure-node" type="button" style="--x:707px;--y:532px;--w:222px;--h:117px" data-page-title="ООО «Ракурс»" aria-label="Открыть страницу: ООО Ракурс"></button>
+          <button class="structure-node" type="button" style="--x:1017px;--y:329px;--w:222px;--h:117px" data-page-title="Клебанов И.И." aria-label="Открыть страницу: Клебанов И.И."></button>
+          <button class="structure-node" type="button" style="--x:1017px;--y:532px;--w:222px;--h:117px" data-page-title="ООО «Вирибус»" aria-label="Открыть страницу: ООО Вирибус"></button>
+          <button class="structure-node" type="button" style="--x:1281px;--y:530px;--w:222px;--h:117px" data-page-title="Ильичев В.В." aria-label="Открыть страницу: Ильичев В.В."></button>
+          <button class="structure-node" type="button" style="--x:1553px;--y:530px;--w:324px;--h:117px" data-page-title="НКО АО «Национальный расчётный депозитарий»" aria-label="Открыть страницу: Национальный расчётный депозитарий"></button>
          <button class="structure-node" type="button" style="--x:865px;--y:776px;--w:222px;--h:117px" data-page-title="АО «ЛОМО»" data-target-page="lomo-brief" aria-label="Открыть страницу: АО ЛОМО"></button>
        </div>
+        <div class="structure-legend" role="img" aria-label="Легенда графической структуры собственности">
+          <div class="structure-legend-row"><span class="structure-legend-swatch structure-legend-person"></span><span>Физическое лицо</span></div>
+          <div class="structure-legend-row"><span class="structure-legend-swatch structure-legend-legal"></span><span>Юридическое лицо</span></div>
+          <div class="structure-legend-row"><span class="structure-legend-swatch structure-legend-affiliated"></span><span>Аффилированная группа</span></div>
+          <div class="structure-legend-row"><span class="structure-legend-swatch structure-legend-subject"></span><span>Исследуемый объект</span></div>
+          <div class="structure-legend-row"><span class="structure-legend-swatch structure-legend-state"></span><span>Гос. сектор</span></div>
+          <div class="structure-legend-row"><span class="structure-legend-arrow" aria-hidden="true"><i></i></span><span>Руководитель/Управление</span></div>
+        </div>
        <div class="structure-controls" role="group" aria-label="Масштаб схемы">
          <button type="button" data-structure-action="zoom-out" aria-label="Уменьшить масштаб">−</button>
          <output id="structureScale">100%</output>
@@ -79,6 +221,7 @@
    </div>
  </dialog>

+  <script src="assets/js/main-card-data.js"></script>
  <script src="assets/js/app.js"></script>
 </body>
 </html>