26 lines
828 B
JavaScript
26 lines
828 B
JavaScript
class HomeworkVocabularyTask extends HomeworkElement {
|
|
constructor () {
|
|
super()
|
|
this.innerHTML =
|
|
`
|
|
<input type="text" class="source-language" id="source">
|
|
<input type="text" class="target-language" id="target">
|
|
<img src="/images/times.svg" id="delete">
|
|
<img src="/images/check-circle.svg" class="disabled">
|
|
<img src="/images/times-circle.svg" class="disabled">
|
|
`
|
|
this.setAttribute("result", "unknown")
|
|
this.setAttribute("state", "edit")
|
|
this.deleteButton = this.querySelector('img#delete')
|
|
this.deleteButton.addEventListener("click", this.deleteTask.bind(this))
|
|
}
|
|
|
|
connectedCallback() {
|
|
console.log("New task added to page")
|
|
}
|
|
|
|
deleteTask() {
|
|
console.log("Delete line")
|
|
}
|
|
}
|
|
customElements.define('homework-vocabulary-task', HomeworkVocabularyTask) |