V1.1.0 release

package-lock.json

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

package.json

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

src/app/final/final.component.html

@@ -7,5 +7,5 @@
     <h4>Aantal vragen goed: {{localStorage.getItem('score')}}/50</h4>
   </div>
 
-  <a href="#"><button>Spel opnieuw spelen</button></a>
+  <a href="#" (click)="resetGame()"><button>Spel opnieuw spelen</button></a>
 </div>

src/app/final/final.component.ts

@@ -57,4 +57,8 @@ export class FinalComponent implements OnInit{
 
 
   protected readonly localStorage = localStorage;
+
+  resetGame() {
+    localStorage.clear()
+  }
 }

src/app/welcome/welcome.component.css

@@ -42,7 +42,7 @@ body, html {
   max-width: 300px;
 }
 
-.form button {
+button {
   padding: 10px 20px;
   font-size: 1rem;
   width: 300px;
@@ -53,6 +53,10 @@ body, html {
   cursor: pointer;
 }
 
+a{
+  color: #ff561e;
+}
+
 
 @media (max-width: 600px) {
   .container {

src/app/welcome/welcome.component.html

@@ -7,5 +7,10 @@
     <input type="text" placeholder="Naam" formControlName="naam">
     <button (click)="start()">Beginnen</button>
   </div>
+
+  <div *ngIf="localStorage.getItem('name') != undefined">
+    <br>
+    <p>Klik <a href="#/start">hier</a> om door te gaan naar het huidige spel</p>
+  </div>
 </div>
 <footer>versie {{version}}</footer>

src/app/welcome/welcome.component.ts

@@ -3,13 +3,15 @@ import {FormControl, FormGroup, FormsModule, ReactiveFormsModule} from "@angular
 import {Router} from '@angular/router';
 import { version } from '../../../package.json';
 import confetti from 'canvas-confetti';
+import {NgIf} from '@angular/common';
 
 
 @Component({
   selector: 'app-welcome',
   imports: [
     FormsModule,
-        ReactiveFormsModule
+    ReactiveFormsModule,
+    NgIf
   ],
   templateUrl: './welcome.component.html',
   styleUrl: './welcome.component.css'
@@ -63,4 +65,5 @@ export class WelcomeComponent implements OnInit{
     });
   }
 
+  protected readonly localStorage = localStorage;
 }