76 lines
3.5 KiB
HTML
76 lines
3.5 KiB
HTML
<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>
|