(name)
| 16 | this.createItem(name); |
| 17 | } |
| 18 | createItem(name){ |
| 19 | var itemBox = document.createElement('div'); |
| 20 | itemBox.classList.add('item'); |
| 21 | |
| 22 | var input = document.createElement('input'); |
| 23 | input.type = "text"; |
| 24 | input.disabled = true; |
| 25 | input.value = name; |
| 26 | input.classList.add('item_input'); |
| 27 | |
| 28 | var edit = document.createElement('button'); |
| 29 | edit.classList.add('edit'); |
| 30 | edit.innerHTML = '<i class="fas fa-edit"></i>'; |
| 31 | edit.addEventListener('click', () => this.edit(input, name)); |
| 32 | |
| 33 | var remove = document.createElement('button'); |
| 34 | remove.classList.add('remove'); |
| 35 | remove.innerHTML = '<i class="fas fa-trash"></i>'; |
| 36 | remove.addEventListener('click', () => this.remove(itemBox, name)); |
| 37 | |
| 38 | container.appendChild(itemBox); |
| 39 | |
| 40 | itemBox.appendChild(input); |
| 41 | itemBox.appendChild(edit); |
| 42 | itemBox.appendChild(remove); |
| 43 | |
| 44 | } |
| 45 | |
| 46 | edit(input, name){ |
| 47 | if(input.disabled == true){ |
no test coverage detected