massive frontend refactoring (works good)
This commit is contained in:
@@ -0,0 +1,42 @@
|
||||
import { showModal, closeModal } from './modal-base.js';
|
||||
|
||||
let _cb = null;
|
||||
|
||||
export function showEditExerciseDialog(exercise, callback) {
|
||||
_cb = callback;
|
||||
showModal(`
|
||||
<div class="modal-content">
|
||||
<h3 class="modal-title">Редактировать упражнение</h3>
|
||||
<div class="field-group">
|
||||
<label>Название</label>
|
||||
<input type="text" id="m-edit-ex-name" value="${exercise.name}">
|
||||
</div>
|
||||
<div class="field-group">
|
||||
<label>Тип тренировки</label>
|
||||
<select id="m-edit-ex-type">
|
||||
<option value="">тип не указан</option>
|
||||
<option value="грудь-руки" ${exercise.workoutType==='грудь-руки'?'selected':''}>грудь-руки</option>
|
||||
<option value="ноги" ${exercise.workoutType==='ноги'?'selected':''}>ноги</option>
|
||||
<option value="спина-плечи" ${exercise.workoutType==='спина-плечи'?'selected':''}>спина-плечи</option>
|
||||
<option value="круговая" ${exercise.workoutType==='круговая'?'selected':''}>круговая</option>
|
||||
<option value="силовая" ${exercise.workoutType==='силовая'?'selected':''}>силовая</option>
|
||||
<option value="многоповторная" ${exercise.workoutType==='многоповторная'?'selected':''}>многоповторная</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="btn-row">
|
||||
<button class="btn btn-secondary" onclick="ModalBase.close()">Отмена</button>
|
||||
<button class="btn btn-success" onclick="EditExModal.submit()">Сохранить</button>
|
||||
</div>
|
||||
</div>
|
||||
`);
|
||||
}
|
||||
|
||||
export function submit() {
|
||||
const name = document.getElementById('m-edit-ex-name').value.trim();
|
||||
const type = document.getElementById('m-edit-ex-type').value;
|
||||
if (!name) { alert('Название не может быть пустым'); return; }
|
||||
closeModal();
|
||||
if (_cb) _cb({ name, workoutType: type });
|
||||
}
|
||||
|
||||
window.EditExModal = { submit };
|
||||
Reference in New Issue
Block a user