добавил тестовую страницу загруженности аудиторий

This commit is contained in:
Zuev
2026-03-31 15:00:38 +03:00
parent cd6cc6f5f7
commit 73995f86f8
5 changed files with 393 additions and 0 deletions

View File

@@ -0,0 +1,75 @@
<div class="card">
<div class="card-header-row" style="margin-bottom: 1.5rem;">
<h2>Загруженность аудиторий</h2>
</div>
<div class="filter-row" style="margin-bottom: 2rem; align-items: flex-end; gap: 1.5rem;">
<div class="form-group">
<label>Корпус</label>
<div class="custom-multi-select">
<div class="select-box" id="building-box">
<span class="select-text" id="building-text">Выберите корпуса...</span>
<svg class="dropdown-icon" width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<div class="dropdown-menu" id="building-menu">
<div id="building-checkboxes" class="checkbox-group-vertical"></div>
</div>
</div>
</div>
<div class="form-group">
<label>Вместимость</label>
<div class="custom-multi-select">
<div class="select-box" id="capacity-box">
<span class="select-text" id="capacity-text">Выберите вместимость...</span>
<svg class="dropdown-icon" width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<div class="dropdown-menu" id="capacity-menu">
<div id="capacity-checkboxes" class="checkbox-group-vertical"></div>
</div>
</div>
</div>
<div class="form-group">
<label>Оборудование</label>
<div class="custom-multi-select">
<div class="select-box" id="equipment-box">
<span class="select-text" id="equipment-text">Выберите оборудование...</span>
<svg class="dropdown-icon" width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.5L6 6.5L11 1.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
<div class="dropdown-menu" id="equipment-menu">
<div id="equipment-checkboxes" class="checkbox-group-vertical"></div>
</div>
</div>
</div>
<div class="form-group" style="max-width: 200px;">
<label>Дата</label>
<input type="date" id="workload-date">
</div>
</div>
<!-- Table Container -->
<div class="workload-grid-container">
<table class="workload-table" id="workload-table">
<thead>
<tr id="workload-header-row">
<th class="top-left-cell">
<span class="top-label">Аудитория</span>
<span class="bottom-label">Время</span>
</th>
<!-- Rendered by JS -->
</tr>
</thead>
<tbody id="workload-tbody">
<!-- Rendered by JS -->
</tbody>
</table>
</div>
</div>