80 lines
3.8 KiB
HTML
80 lines
3.8 KiB
HTML
<div class="card">
|
||
<div class="card-header-row" style="margin-bottom: 1.5rem;">
|
||
<h2>Загруженность аудиторий</h2>
|
||
<button type="button" class="btn-primary" id="workload-refresh">Обновить</button>
|
||
</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>
|
||
|
||
<div class="form-alert" id="workload-alert" role="alert"></div>
|
||
<div class="workload-summary" id="workload-summary"></div>
|
||
|
||
<!-- Контейнер таблицы -->
|
||
<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>
|
||
<!-- Заполняется через JS -->
|
||
</tr>
|
||
</thead>
|
||
<tbody id="workload-tbody">
|
||
<!-- Заполняется через JS -->
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|