103 lines
5.5 KiB
HTML
103 lines
5.5 KiB
HTML
<section class="quality-lab" aria-labelledby="quality-lab-title">
|
||
<header class="quality-hero">
|
||
<div class="quality-hero-copy">
|
||
<span class="quality-kicker">Диагностика · публикация или черновик</span>
|
||
<h2 id="quality-lab-title">Качество видно до перестановок</h2>
|
||
<p>
|
||
Анализатор находит окна, перегруженные дни, неудачные аудитории и нарушения
|
||
пожеланий. Все проблемные занятия объединяются по правилу, а их штрафы
|
||
суммируются. Черновик можно оценить до публикации.
|
||
</p>
|
||
</div>
|
||
<div class="quality-run-panel">
|
||
<label for="quality-year">Учебный год</label>
|
||
<select id="quality-year" data-native-select="true">
|
||
<option value="">Загрузка годов…</option>
|
||
</select>
|
||
<label for="quality-semester">Семестр</label>
|
||
<select id="quality-semester" data-native-select="true">
|
||
<option value="">Сначала выберите год</option>
|
||
</select>
|
||
<label for="quality-version">Версия</label>
|
||
<select id="quality-version" data-native-select="true">
|
||
<option value="">Сначала выберите семестр</option>
|
||
</select>
|
||
<button type="button" class="btn btn-md btn-primary" id="quality-run">
|
||
Выполнить анализ
|
||
</button>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="quality-status" id="quality-status" role="status" aria-live="polite">
|
||
Выберите семестр, чтобы получить объяснимую оценку.
|
||
</div>
|
||
|
||
<div class="quality-results" id="quality-results" hidden>
|
||
<section class="quality-scoreboard" aria-label="Итог анализа">
|
||
<div class="quality-score-orbit" id="quality-score-orbit">
|
||
<svg class="quality-score-ring" viewBox="0 0 36 36" aria-hidden="true">
|
||
<circle class="quality-score-ring-track" cx="18" cy="18" r="15.9155"></circle>
|
||
<circle class="quality-score-ring-value" id="quality-score-ring-value"
|
||
cx="18" cy="18" r="15.9155" pathLength="100"></circle>
|
||
</svg>
|
||
<div class="quality-score-inner">
|
||
<strong id="quality-score">—</strong>
|
||
<span>из 100</span>
|
||
</div>
|
||
</div>
|
||
<div class="quality-score-copy">
|
||
<span class="quality-score-band" id="quality-score-band">Нет данных</span>
|
||
<h3 id="quality-semester-label">Семестр</h3>
|
||
<p id="quality-score-summary"></p>
|
||
<div class="quality-score-meta" id="quality-score-meta"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="quality-metrics" id="quality-metrics" aria-label="Метрики качества"></section>
|
||
|
||
<section class="quality-workbench">
|
||
<div class="quality-problems-column">
|
||
<div class="quality-section-heading">
|
||
<div>
|
||
<span class="quality-kicker">Карта правил</span>
|
||
<h3>Правила, снижающие оценку</h3>
|
||
</div>
|
||
<span class="quality-problem-total" id="quality-problem-total"></span>
|
||
</div>
|
||
|
||
<div class="quality-filters">
|
||
<label>
|
||
Важность
|
||
<select id="quality-severity-filter" data-native-select="true">
|
||
<option value="">Все уровни</option>
|
||
<option value="CRITICAL">Критические</option>
|
||
<option value="HIGH">Высокие</option>
|
||
<option value="MEDIUM">Средние</option>
|
||
<option value="LOW">Низкие</option>
|
||
</select>
|
||
</label>
|
||
<label>
|
||
Категория
|
||
<select id="quality-type-filter" data-native-select="true">
|
||
<option value="">Все категории</option>
|
||
<option value="GAPS">Окна и компактность</option>
|
||
<option value="LOAD">Дневная нагрузка</option>
|
||
<option value="ROOM">Аудитории</option>
|
||
<option value="PREFERENCE">Пожелания</option>
|
||
</select>
|
||
</label>
|
||
</div>
|
||
<div class="quality-problems" id="quality-problems"></div>
|
||
</div>
|
||
|
||
<aside class="quality-recommendations" id="quality-recommendations" aria-live="polite">
|
||
<div class="quality-recommendations-empty">
|
||
<span class="quality-recommendations-mark">↗</span>
|
||
<h3>Работа с правилом</h3>
|
||
<p>Выберите правило, чтобы увидеть суммарное влияние и открыть его в конструкторе.</p>
|
||
</div>
|
||
</aside>
|
||
</section>
|
||
</div>
|
||
</section>
|