pa/homework-vocabulary
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Introduced delete line function. No implementation yet

Browse Source
This commit is contained in:
P-A
2026-02-05 21:50:37 +01:00
parent 93b69aefc9
commit 16393b221f
2 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
css/styles.css
View File

@@ -90,16 +90,21 @@ homework-vocabulary-task > input {
width: 40%; width: 40%;
} }
homework-vocabulary-task > #images {
display: flex;
flex-flow: row nowrap;
}
homework-vocabulary-task > img { homework-vocabulary-task > img {
height: 1.1em; height: 1.1em;
width: 1.1em; width: 1.1em;
} }
homework-vocabulary-task > img#delete:hover {
border-radius: .3em;
box-shadow: 0 0 2px 1px #707070;
}
homework-vocabulary-task > img#delete:active {
border-radius: .3em;
box-shadow: 0 0 3px 2px #707070;
}
homework-vocabulary-task > img.disabled { homework-vocabulary-task > img.disabled {
display: none; display: none;
} }

6
javascript/homeworkVocabularyTask.js
View File

@@ -11,10 +11,16 @@ class HomeworkVocabularyTask extends HomeworkElement {
` `
this.setAttribute("result", "unknown") this.setAttribute("result", "unknown")
this.setAttribute("state", "edit") this.setAttribute("state", "edit")
this.deleteButton = this.querySelector('img#delete')
this.deleteButton.addEventListener("click", this.deleteTask.bind(this))
} }
connectedCallback() { connectedCallback() {
console.log("New task added to page") console.log("New task added to page")
} }
deleteTask() {
console.log("Delete line")
}
} }
customElements.define('homework-vocabulary-task', HomeworkVocabularyTask) customElements.define('homework-vocabulary-task', HomeworkVocabularyTask)