Merge pull request #10 from alizarazot/lesson-v2

Lessons v2

public/lesson/index.json

@@ -1,22 +1 @@
-[
-  {
-    "id": "diagnostic-test",
-    "name": "Prueba diagnóstica",
-    "require": []
-  },
-  {
-    "id": "lesson-1",
-    "name": "Lección 1",
-    "require": ["diagnostic-test"]
-  },
-  {
-    "id": "lesson-2",
-    "name": "Lección 2",
-    "require": ["lesson-1"]
-  },
-  {
-    "id": "lesson-3",
-    "name": "Lección 3",
-    "require": ["lesson-2"]
-  }
-]
+["lesson-1"]

public/lesson/lesson-1.json

@@ -0,0 +1,44 @@
+{
+  "name": "Prueba diagnóstica",
+  "description": "¡Pon a prueba tus conocimientos de Lengua de Señas Colombiana!",
+  "questions": {
+    "q-1": {
+      "information": [
+        {
+          "type": "title",
+          "content": "Prueba diagnóstica de Lengua de Señas Colombiana (LSC)"
+        },
+        {
+          "type": "image",
+          "content": "s/hola.png"
+        },
+        {
+          "type": "paragraph",
+          "content": "La prueba diagnóstica de Lengua de Señas Colombiana (LSC) se utiliza para evaluar el nivel de competencia y fluidez en la Lengua de Señas Colombiana. Esta prueba es crucial para determinar el grado de habilidad y comprensión en la comunicación a través de la LSC."
+        }
+      ],
+      "question": "¿Qué parte del cuerpo se utiliza principalmente para expresar emociones en Lengua de Señas Colombiana?",
+      "answers": ["Manos", "Pies", "Brazos", "Rostro"],
+      "correct": 3
+    },
+    "q-2": {
+      "information": [
+        {
+          "type": "title",
+          "content": "Prueba diagnóstica de Lengua de Señas Colombiana (LSC)"
+        },
+        {
+          "type": "image",
+          "content": "s/hola.png"
+        },
+        {
+          "type": "paragraph",
+          "content": "La prueba diagnóstica de Lengua de Señas Colombiana (LSC) se utiliza para evaluar el nivel de competencia y fluidez en la Lengua de Señas Colombiana. Esta prueba es crucial para determinar el grado de habilidad y comprensión en la comunicación a través de la LSC."
+        }
+      ],
+      "question": "¿Qué parte del cuerpo se utiliza principalmente para expresar emociones en Lengua de Señas Colombiana?",
+      "answers": ["Manos", "Pies", "Brazos", "Rostro"],
+      "correct": 3
+    }
+  }
+}

src/component/single-choice-question.ts

@@ -7,7 +7,7 @@ import {
   defineComponents,
 } from "igniteui-webcomponents";
 
-import { SingleChoiceQuestion } from "lesson";
+import { Question } from "lesson";
 
 @customElement("component-single-choice-question")
 export class ComponentSingleChoiceQuestion extends LitElement {
@@ -26,7 +26,7 @@ export class ComponentSingleChoiceQuestion extends LitElement {
     }
   `;
 
-  constructor(question: SingleChoiceQuestion) {
+  constructor(question: Question) {
     super();
 
     this.question = question;
@@ -39,7 +39,7 @@ export class ComponentSingleChoiceQuestion extends LitElement {
   }
 
   @property({ attribute: false })
-  question: SingleChoiceQuestion;
+  question: Question;
 
   @state()
   private _lastRadio = -1;
@@ -80,13 +80,7 @@ export class ComponentSingleChoiceQuestion extends LitElement {
       return false;
     }
 
-    if (
-      (
-        this.shadowRoot?.querySelectorAll("igc-radio")[
-          this._lastRadio
-        ] as IgcRadioComponent
-      ).innerText === this.question.correct
-    ) {
+    if (this._lastRadio === this.question.correct) {
       return true;
     }