Rev 17143 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed
Rev 17143 | Rev 17144 | ||
---|---|---|---|
Line 13... | Line 13... | ||
13 | wims_closables.forEach((closableItem) => { |
13 | wims_closables.forEach((closableItem) => { |
14 | alert_close(closableItem) |
14 | alert_close(closableItem) |
15 | }); |
15 | }); |
16 | }, 4000); |
16 | }, 4000); |
17 | 17 | ||
18 | const wims_closebuttons = document.querySelectorAll("button |
18 | const wims_closebuttons = document.querySelectorAll("button.wims-closer"); |
19 | wims_closebuttons.forEach((closebtn) => { |
19 | wims_closebuttons.forEach((closebtn) => { |
20 | closebtn.addEventListener('click', function ( |
20 | closebtn.addEventListener('click', function () { |
21 | alert_close(closebtn.parentElement); |
21 | alert_close(closebtn.parentElement); |
22 | closebtn.parentElement.removeChild(closebtn); |
22 | closebtn.parentElement.removeChild(closebtn); |
23 | }); |
23 | }); |
24 | }); |
24 | }); |
25 | 25 | ||
26 | }); |
26 | }); |
27 | - | ||
28 | - | ||
29 | - | ||
30 | 27 | ||
31 | 28 | ||
32 | // Remove an item with smooth transition |
29 | // Remove an item with smooth transition |
33 | function alert_close(closableItem) { |
30 | function alert_close(closableItem) { |
- | 31 | if (!closableItem.classList.contains("alert_closing")) { |
|
34 | closableItem.classList.add("alert_closing"); |
32 | closableItem.classList.add("alert_closing"); |
35 | // let transition run, then remove element |
33 | // let transition run, then remove element |
36 | window.setTimeout(() => { |
34 | window.setTimeout(() => { |
37 | closableItem.parentElement.removeChild(closableItem); |
35 | closableItem.parentElement.removeChild(closableItem); |
38 | }, 3000); |
36 | }, 3000); |
- | 37 | } |
|
39 | } |
38 | } |