| 1 |
'use strict'; |
| 2 |
|
| 3 |
const template = function () { |
| 4 |
const template = document.getElementById('clone-dereg-fields'); |
| 5 |
|
| 6 |
if (!template) { |
| 7 |
return false; |
| 8 |
} |
| 9 |
|
| 10 |
const box = document.getElementById('dereg-handle'); |
| 11 |
const addBtn = document.getElementById('add-handle'); |
| 12 |
const removeBtn = document.getElementById('remove-handle'); |
| 13 |
|
| 14 |
addBtn.addEventListener('click', (event) => { |
| 15 |
event.preventDefault(); |
| 16 |
const clone = template.content.cloneNode(true); |
| 17 |
const container = document.getElementById('dereg-handle'); |
| 18 |
const targetElement = document.querySelector('#dereg-handle .wowp-btn-actions'); |
| 19 |
container.insertBefore(clone, targetElement); |
| 20 |
}); |
| 21 |
|
| 22 |
removeBtn.addEventListener('click', (event) => { |
| 23 |
event.preventDefault(); |
| 24 |
const parentElement = document.getElementById('dereg-handle'); |
| 25 |
const lastChild = parentElement.querySelector('.wowp-fields-group:nth-last-child(2)'); |
| 26 |
if (lastChild) { |
| 27 |
lastChild.remove(); |
| 28 |
} |
| 29 |
}); |
| 30 |
} |
| 31 |
|
| 32 |
|
| 33 |
document.addEventListener('DOMContentLoaded', function () { |
| 34 |
new template; |
| 35 |
|
| 36 |
|
| 37 |
|
| 38 |
}); |