Files
gym-bro/frontend/js/modals/edit-exercise-modal.js
T

43 lines
2.2 KiB
JavaScript

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 };