From efe8a6a6f59fec747bf126a0b303214269b8c103 Mon Sep 17 00:00:00 2001
From: "Mel M. van Veen" <m_van_veen@belastingdienst.nl>
Date: Mon, 2 Dec 2024 10:33:57 +0100
Subject: [PATCH] v1.2.0 - terug knop toegevoegd en volgorde antwoorden op
 juiste manier neergezet

---
 package-lock.json                |  4 ++--
 package.json                     |  2 +-
 src/app/game/game.component.css  |  8 ++++++++
 src/app/game/game.component.html | 13 +++++++++++--
 src/app/game/game.component.ts   | 12 ++++++------
 5 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 7e92c1e..ceb9d02 100644
--- a/package-lock.json
+++ b/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",
diff --git a/package.json b/package.json
index ff9dc10..8115f14 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "wiv",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
diff --git a/src/app/game/game.component.css b/src/app/game/game.component.css
index f735538..64f8f55 100644
--- a/src/app/game/game.component.css
+++ b/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;
+}
diff --git a/src/app/game/game.component.html b/src/app/game/game.component.html
index 1b5d009..ef77673 100644
--- a/src/app/game/game.component.html
+++ b/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>
 
diff --git a/src/app/game/game.component.ts b/src/app/game/game.component.ts
index 9373cb0..f18e3cf 100644
--- a/src/app/game/game.component.ts
+++ b/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[]>) {