From e19fb8680876754f5e2b35d38b5c76f20d60a222 Mon Sep 17 00:00:00 2001
From: P-A <pa.olsson@gmail.com>
Date: Sat, 7 Feb 2026 13:32:49 +0100
Subject: [PATCH] Delete task is functional

---
 javascript/homeworkPage.js | 136 ++++++++++++++++++-------------------
 1 file changed, 68 insertions(+), 68 deletions(-)

diff --git a/javascript/homeworkPage.js b/javascript/homeworkPage.js
index 49b388b..393d23b 100644
--- a/javascript/homeworkPage.js
+++ b/javascript/homeworkPage.js
@@ -1,73 +1,73 @@
 class HomeworkPage extends HomeworkElement {
 	constructor (type) {
-        super()
-        this.innerHTML =
-        `
-        <div id="page-header">
-          <h2 id="text005" class="text"></h2>
-          <div id="buttons">
-            <div id="new" class="button">
-              <span id="text035" class="button-text text"></span>
-            </div>
-            <div id="save" class="button">
-              <span id="text037" class="button-text text"></span>
-            </div>
-            <div id="train" class="button">
-              <span id="text036" class="button-text text"></span>
-            </div>
+      super()
+      this.innerHTML =
+      `
+      <div id="page-header">
+        <h2 id="text005" class="text"></h2>
+        <div id="buttons">
+          <div id="new" class="button">
+            <span id="text035" class="button-text text"></span>
+          </div>
+          <div id="save" class="button">
+            <span id="text037" class="button-text text"></span>
+          </div>
+          <div id="train" class="button">
+            <span id="text036" class="button-text text"></span>
           </div>
         </div>
-        <div id="sub-headers">
-          <p class="text source-language"></p>
-          <p class="text target-language"></p>
-        </div>
-        <div id="content">
-        </div>
-        `
-        let languageTextId = ""
-        let sourceLanguageTextId = "text030"
-        let targetLanguageTextId = ""
-        switch(type) {
-          case HomeworkTypes.VOCABULARY_ENGLISH:
-            console.log("English vocabulary")
-            languageTextId = "text005"
-            targetLanguageTextId = "text031"
-            break
-          case HomeworkTypes.VOCABULARY_FRENCH:
-            console.log("French vocabulary")
-            languageTextId = "text025"
-            targetLanguageTextId = "text032"
-            break
-          case HomeworkTypes.VOCABULARY_GERMAN:
-            console.log("German vocabulary")
-            languageTextId = "text024"
-            targetLanguageTextId = "text034"
-            break
-          case HomeworkTypes.VOCABULARY_SPANISH:
-            console.log("Spanish vocabulary")
-            languageTextId = "text026"
-            targetLanguageTextId = "text033"
-            break
-          default:
-            console.log("Math")
-            languageTextId = "text004"
-        }
-        this.type = type
-        this.headingText = this.querySelector('h2')
-        this.headingText.setAttribute("id", languageTextId)
-        this.languageHeaders = this.querySelectorAll('#sub-headers > p')
-        this.sourceLanguage = this.languageHeaders[0]
-        this.targetLanguage = this.languageHeaders[1]
-        this.sourceLanguage.setAttribute("id", sourceLanguageTextId)
-        this.targetLanguage.setAttribute("id", targetLanguageTextId)
-        this.content = this.querySelector('#content')
-        this.content.addEventListener("delete", this.deleteTask.bind(this))
-        this.newButton = this.querySelector('#new')
-        this.newButton.addEventListener("click", this.newVocabulary.bind(this))
-        this.saveButton = this.querySelector('#save')
-        this.saveButton.addEventListener("click", this.saveVocabularies.bind(this))
-        this.trainButton = this.querySelector('#train')
-        this.trainButton.addEventListener("click", this.trainVocabulary.bind(this))
+      </div>
+      <div id="sub-headers">
+        <p class="text source-language"></p>
+        <p class="text target-language"></p>
+      </div>
+      <div id="content">
+      </div>
+      `
+      let languageTextId = ""
+      let sourceLanguageTextId = "text030"
+      let targetLanguageTextId = ""
+      switch(type) {
+        case HomeworkTypes.VOCABULARY_ENGLISH:
+          console.log("English vocabulary")
+          languageTextId = "text005"
+          targetLanguageTextId = "text031"
+          break
+        case HomeworkTypes.VOCABULARY_FRENCH:
+          console.log("French vocabulary")
+          languageTextId = "text025"
+          targetLanguageTextId = "text032"
+          break
+        case HomeworkTypes.VOCABULARY_GERMAN:
+          console.log("German vocabulary")
+          languageTextId = "text024"
+          targetLanguageTextId = "text034"
+          break
+        case HomeworkTypes.VOCABULARY_SPANISH:
+          console.log("Spanish vocabulary")
+          languageTextId = "text026"
+          targetLanguageTextId = "text033"
+          break
+        default:
+          console.log("Math")
+          languageTextId = "text004"
+      }
+      this.type = type
+      this.headingText = this.querySelector('h2')
+      this.headingText.setAttribute("id", languageTextId)
+      this.languageHeaders = this.querySelectorAll('#sub-headers > p')
+      this.sourceLanguage = this.languageHeaders[0]
+      this.targetLanguage = this.languageHeaders[1]
+      this.sourceLanguage.setAttribute("id", sourceLanguageTextId)
+      this.targetLanguage.setAttribute("id", targetLanguageTextId)
+      this.content = this.querySelector('#content')
+      this.content.addEventListener("delete", this.deleteTask.bind(this))
+      this.newButton = this.querySelector('#new')
+      this.newButton.addEventListener("click", this.newVocabulary.bind(this))
+      this.saveButton = this.querySelector('#save')
+      this.saveButton.addEventListener("click", this.saveVocabularies.bind(this))
+      this.trainButton = this.querySelector('#train')
+      this.trainButton.addEventListener("click", this.trainVocabulary.bind(this))
     }
 
     connectedCallback() {
@@ -86,7 +86,7 @@ class HomeworkPage extends HomeworkElement {
     }
 
     saveVocabularies() {
-        console.log("Saving page content")
+      console.log("Saving page content")
     }
 
     trainVocabulary() {
@@ -98,7 +98,7 @@ class HomeworkPage extends HomeworkElement {
       if(tasks.length > 1) {
         tasks.forEach((task) => {
           if(event.detail.id == task.getId()) {
-            alert(task.getId())
+            console.log("Removing task '" + task.getId() + "'")
             task.remove()
           }
         })