add cancel handler for modal
This commit is contained in:
parent
41f385f50b
commit
e7d30d364a
1 changed files with 22 additions and 0 deletions
|
|
@ -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();
|
||||
});
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue