add cancel handler for modal

This commit is contained in:
Yisroel Baum 2026-04-24 10:23:37 +03:00
parent 41f385f50b
commit e7d30d364a
Signed by: yisroelbaum
GPG key ID: 0FA60884F75520A9

View file

@ -14,11 +14,29 @@ document.addEventListener('DOMContentLoaded', () => {
.join('');
}
const cancelPlanButton = createPlanModal.querySelector(
'button.cancel-plan'
);
const planNameInput = createPlanModal.querySelector('input.plan-name');
const planDateStartInput = createPlanModal.querySelector(
'input.plan-date-start'
);
const planDateEndInput = createPlanModal.querySelector(
'input.plan-date-end'
);
function openCreatePlanModal(textId) {
createPlanModal.dataset.textId = textId;
createPlanModal.hidden = false;
}
function closeCreatePlanModal() {
createPlanModal.hidden = true;
planNameInput.value = '';
planDateStartInput.value = '';
planDateEndInput.value = '';
}
textsList.addEventListener('click', (clickEvent) => {
const createPlanButton = clickEvent.target.closest(
'button.create-plan'
@ -29,5 +47,9 @@ document.addEventListener('DOMContentLoaded', () => {
openCreatePlanModal(createPlanButton.dataset.textId);
});
cancelPlanButton.addEventListener('click', () => {
closeCreatePlanModal();
});
loadTexts();
});