diff --git a/css/styles.css b/css/styles.css index c54a619..3c37428 100644 --- a/css/styles.css +++ b/css/styles.css @@ -90,6 +90,24 @@ homework-vocabulary-task > input { width: 40%; } +homework-vocabulary-task > #images { + display: flex; + flex-flow: row nowrap; +} + +homework-vocabulary-task > img { + height: 1.1em; + width: 1.1em; +} + +homework-vocabulary-task > img.disabled { + display: none; +} + +img#delete { + margin-left: 0; + margin-right: .3em; +} #page-header { display: flex; justify-content: space-between; diff --git a/images/StatusConfirmed.svg b/images/StatusConfirmed.svg new file mode 100644 index 0000000..9ad7577 --- /dev/null +++ b/images/StatusConfirmed.svg @@ -0,0 +1,41 @@ + + + + + +]> + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/StatusNegative.svg b/images/StatusNegative.svg new file mode 100644 index 0000000..fe0989c --- /dev/null +++ b/images/StatusNegative.svg @@ -0,0 +1,44 @@ + + + + + +]> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/check-circle.svg b/images/check-circle.svg new file mode 100644 index 0000000..000b850 --- /dev/null +++ b/images/check-circle.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/check.svg b/images/check.svg new file mode 100644 index 0000000..1a7abdc --- /dev/null +++ b/images/check.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/times-circle.svg b/images/times-circle.svg new file mode 100644 index 0000000..15181d3 --- /dev/null +++ b/images/times-circle.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/times.svg b/images/times.svg new file mode 100644 index 0000000..c528bcd --- /dev/null +++ b/images/times.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/javascript/homeworkPage.js b/javascript/homeworkPage.js index ce73523..e7ad8bc 100644 --- a/javascript/homeworkPage.js +++ b/javascript/homeworkPage.js @@ -81,7 +81,6 @@ class HomeworkPage extends HomeworkElement { if(this.type == HomeworkTypes.VOCABULARY_ENGLISH) { const row = new HomeworkVocabularyTask() this.content.append(row) - console.log("New row in page") } } diff --git a/javascript/homeworkVocabularyTask.js b/javascript/homeworkVocabularyTask.js index d7dd32c..64174b0 100644 --- a/javascript/homeworkVocabularyTask.js +++ b/javascript/homeworkVocabularyTask.js @@ -5,12 +5,16 @@ class HomeworkVocabularyTask extends HomeworkElement { ` -
+ + + ` + this.setAttribute("result", "unknown") + this.setAttribute("state", "edit") } connectedCallback() { - console.log("New task") + console.log("New task added to page") } } customElements.define('homework-vocabulary-task', HomeworkVocabularyTask) \ No newline at end of file