125 lines
5.2 KiB
HTML
125 lines
5.2 KiB
HTML
<section class="settings-section">
|
|
<div class="settings-header-row">
|
|
<div>
|
|
<h2>Временные слоты</h2>
|
|
<p>Настройка базовой, субботней и ручных сеток времени.</p>
|
|
</div>
|
|
<button type="button" class="btn-primary" id="time-slots-refresh">Обновить</button>
|
|
</div>
|
|
|
|
<div class="settings-grid">
|
|
<article class="settings-card">
|
|
<div class="card-header-row">
|
|
<h3>Сетка времени</h3>
|
|
<button type="button" class="btn-secondary" id="time-slot-scope-delete">Удалить сетку</button>
|
|
</div>
|
|
|
|
<div class="settings-form settings-form-compact">
|
|
<label class="form-field" for="time-slot-scope-select">
|
|
<span>Область действия</span>
|
|
<select id="time-slot-scope-select"></select>
|
|
</label>
|
|
<label class="form-field" for="time-slot-scope-name">
|
|
<span>Новая ручная сетка</span>
|
|
<input type="text" id="time-slot-scope-name" placeholder="Например: праздничная">
|
|
</label>
|
|
<button type="button" class="btn-primary" id="time-slot-scope-add">Добавить сетку</button>
|
|
</div>
|
|
|
|
<div class="scope-summary" id="time-slot-scope-summary"></div>
|
|
</article>
|
|
|
|
<article class="settings-card">
|
|
<h3>Ручное применение</h3>
|
|
<form id="time-slot-assignment-form" class="settings-form settings-form-assignment" novalidate>
|
|
<label class="form-field" for="time-slot-assignment-date">
|
|
<span>Дата</span>
|
|
<input type="date" id="time-slot-assignment-date" required>
|
|
</label>
|
|
<label class="form-field" for="time-slot-assignment-scope">
|
|
<span>Сетка</span>
|
|
<select id="time-slot-assignment-scope"></select>
|
|
</label>
|
|
<button type="submit" class="btn-primary">Применить</button>
|
|
<div class="form-alert" id="time-slot-assignment-alert" role="alert"></div>
|
|
</form>
|
|
</article>
|
|
</div>
|
|
|
|
<article class="settings-card">
|
|
<div class="card-header-row">
|
|
<h3 id="time-slot-form-title">Новый слот</h3>
|
|
<button type="button" class="btn-secondary" id="time-slot-reset">Очистить</button>
|
|
</div>
|
|
|
|
<form id="time-slot-form" class="settings-form" novalidate>
|
|
<input type="hidden" id="time-slot-id">
|
|
|
|
<label class="form-field" for="time-slot-order">
|
|
<span>Пара</span>
|
|
<input type="number" id="time-slot-order" min="1" step="1" required>
|
|
</label>
|
|
|
|
<label class="form-field" for="time-slot-start">
|
|
<span>Начало</span>
|
|
<input type="time" id="time-slot-start" required>
|
|
</label>
|
|
|
|
<label class="form-field" for="time-slot-end">
|
|
<span>Окончание</span>
|
|
<input type="time" id="time-slot-end" required>
|
|
</label>
|
|
|
|
<label class="form-field" for="time-slot-duration">
|
|
<span>Минут</span>
|
|
<input type="number" id="time-slot-duration" min="1" step="1" placeholder="90">
|
|
</label>
|
|
|
|
<button type="submit" class="btn-primary">Сохранить слот</button>
|
|
<div class="form-alert" id="time-slot-alert" role="alert"></div>
|
|
</form>
|
|
</article>
|
|
|
|
<div class="settings-grid settings-grid-tables">
|
|
<article class="settings-card">
|
|
<div class="table-wrap">
|
|
<table class="settings-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Пара</th>
|
|
<th>Начало</th>
|
|
<th>Окончание</th>
|
|
<th>Минут</th>
|
|
<th>Действия</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="time-slots-tbody">
|
|
<tr>
|
|
<td colspan="5" class="loading-row">Загрузка...</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</article>
|
|
|
|
<article class="settings-card">
|
|
<div class="table-wrap">
|
|
<table class="settings-table settings-table-compact">
|
|
<thead>
|
|
<tr>
|
|
<th>Дата</th>
|
|
<th>Сетка</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="time-slot-assignments-tbody">
|
|
<tr>
|
|
<td colspan="3" class="loading-row">Загрузка...</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</section>
|