73 lines
3.0 KiB
HTML
73 lines
3.0 KiB
HTML
<div class="card create-card">
|
|
<div class="card-header-row">
|
|
<h2>Создание профиля обучения</h2>
|
|
</div>
|
|
<form id="create-profile-form">
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label for="profile-specialty">Специальность</label>
|
|
<select id="profile-specialty" required>
|
|
<option value="">Загрузка специальностей...</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="profile-name">Название профиля</label>
|
|
<input type="text" id="profile-name" placeholder="Безопасность автоматизированных систем" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="profile-description">Описание</label>
|
|
<input type="text" id="profile-description" placeholder="Необязательно">
|
|
</div>
|
|
<button type="submit" class="btn-primary">Создать профиль</button>
|
|
</div>
|
|
<div class="form-alert" id="create-profile-alert" role="alert"></div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<div class="card-header-row">
|
|
<h2>Профили выбранной специальности</h2>
|
|
<button class="btn-primary" id="profiles-refresh" type="button">Обновить</button>
|
|
</div>
|
|
<div class="profiles-context" id="profiles-context"></div>
|
|
<div class="table-wrap">
|
|
<table id="profiles-table">
|
|
<thead>
|
|
<tr>
|
|
<th>ID</th>
|
|
<th>Профиль</th>
|
|
<th>Описание</th>
|
|
<th>Действия</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="profiles-tbody">
|
|
<tr>
|
|
<td colspan="4" class="loading-row">Загрузка...</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal-overlay" id="modal-edit-profile">
|
|
<div class="modal-content card">
|
|
<h2>Редактирование профиля</h2>
|
|
<button class="modal-close" id="modal-edit-profile-close">×</button>
|
|
<form id="edit-profile-form">
|
|
<input type="hidden" id="edit-profile-id">
|
|
<div class="form-row">
|
|
<div class="form-group">
|
|
<label for="edit-profile-name">Название профиля</label>
|
|
<input type="text" id="edit-profile-name" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="edit-profile-description">Описание</label>
|
|
<input type="text" id="edit-profile-description">
|
|
</div>
|
|
<button type="submit" class="btn-primary">Сохранить</button>
|
|
</div>
|
|
<div class="form-alert" id="edit-profile-alert" role="alert"></div>
|
|
</form>
|
|
</div>
|
|
</div>
|