v1.2.0 - terug knop toegevoegd en volgorde antwoorden op juiste manier neergezet

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "wiv",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "wiv",
-      "version": "1.1.2",
+      "version": "1.2.0",
       "dependencies": {
         "@angular/animations": "^19.0.0",
         "@angular/cdk": "^19.0.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "wiv",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

src/app/game/game.component.css

@@ -106,6 +106,10 @@
   background-color: #c0e4ff;
 }
 
+a{
+  cursor: pointer;
+}
+
 /* Voor kleine schermen zoals de iPhone (max-width: 600px) */
 @media (max-width: 600px) {
   .game-container {
@@ -135,3 +139,7 @@
   border-radius: 5px;
   cursor: pointer;
 }
+
+.backButton {
+  float: left;
+}

src/app/game/game.component.html

@@ -20,6 +20,9 @@
 </div>
 
 <div class="game-container" *ngIf="currentQuestion.type == 1 && !confirmed">
+  <div class="backButton">
+    <a (click)="currentQuestion.type = 0">← Vorige</a>
+  </div>
   <div class="question">
     <p>Vraag {{ localStorage.getItem('question') }}</p>
   </div>
@@ -42,6 +45,9 @@
 </div>
 
 <div class="game-container" *ngIf="currentQuestion.type == 2 && !confirmed">
+  <div class="backButton">
+    <a (click)="currentQuestion.type = 0">← Vorige</a>
+  </div>
   <div class="question">
     <p>Vraag {{ localStorage.getItem('question') }}</p>
   </div>
@@ -52,7 +58,7 @@
            cdkDrag
            [cdkDragData]="item"
            class="draggable-button">
-        {{ item.position }}
+        {{ item.label }}
       </div>
     </div>
 
@@ -71,6 +77,9 @@
 </div>
 
 <div class="game-container" *ngIf="currentQuestion.type == 3 && !confirmed">
+  <div class="backButton">
+    <a (click)="currentQuestion.type = 0">← Vorige</a>
+  </div>
   <div class="question">
     <p>Vraag {{ localStorage.getItem('question') }}</p>
   </div>
@@ -126,7 +135,7 @@
            cdkDrag
            [cdkDragData]="item"
            class="draggable-button">
-        {{ item.position }}
+        {{ item.label }}
       </div>
     </div>
 

src/app/game/game.component.ts

@@ -48,16 +48,16 @@ export class GameComponent implements OnInit {
 
   // Linkerkolom knoppen (1, 2, 3)
   leftButtons: Button[] = [
-    {position: 1},
-    {position: 2},
-    {position: 3}
+    {label: 'A'},
+    {label: 'B'},
+    {label: 'C'}
   ];
 
   // Rechterkolom knoppen (A, B, C)
   rightButtons: Button[] = [
-    {label: 'A'},
-    {label: 'B'},
-    {label: 'C'}
+    {label: '1'},
+    {label: '2'},
+    {label: '3'},
   ];
 
   onDrop(event: CdkDragDrop<Button[]>) {