Fixed Highscore Entry with #28 #29 #30

publish.sh

@@ -0,0 +1,17 @@
+#!/bin/bash
+
+VERSION=$(jq -r '.version' package.json)
+
+echo "new Version: $VERSION"
+
+podman build --platform=linux/amd64 --no-cache -t bibelquiz-frontend:latest .
+
+echo "tagging and pushing to dockerhub"
+podman tag bibelquiz-frontend:latest dsigmund/bibelquiz-frontend:latest
+podman tag bibelquiz-frontend:latest dsigmund/bibelquiz-frontend:"$VERSION"
+
+echo "pushing to dockerhub"
+podman push dsigmund/bibelquiz-frontend:latest
+podman push dsigmund/bibelquiz-frontend:"$VERSION"
+
+echo "done"

src/app/changelog/changelog.component.ts

@@ -7,6 +7,7 @@ import { Component, OnInit } from '@angular/core';
 })
 export class ChangelogComponent implements OnInit {
   changes = [
+    "1.0.46;Die Eingabe von Namen wurde auf 20 Zeichen beschränkt;Highscorese können nicht mehr mehrfach abgesendet werden;Leere Namen können nicht mehr eingetragen werden",
     "1.0.45;Es wird das Datum bei den Highscores angezeigt",
     "1.0.44;Es werden nun alle Highscores angezeigt, nicht nur die Top Ten.",
     "1.0.43;Anpassung Wording",

src/app/game/game.component.html

@@ -53,14 +53,14 @@ <h2 id="countdown">{{countdown}}</h2>
   <mat-form-field id="nameInput" appearance="standard">
     <mat-label>Name:</mat-label>
     <input type="text" matInput [(ngModel)]="name" autofocus/>
-    <mat-hint>Dein richtiger oder besser noch ein ausgedachter Name</mat-hint>
+    <mat-hint>Dein richtiger oder besser noch ein ausgedachter Name (nicht länger als 20 Zeichen)</mat-hint>
   </mat-form-field>
   <br/>
   <br/>
-  <button mat-raised-button color="primary" class="half-button" (click)="inputHighscore()" >
+  <button mat-raised-button color="primary" class="half-button" (click)="inputHighscore()" [disabled]="highscoreSent" >
     Eintragen
   </button>
-  <button mat-raised-button color="primary" class="half-button" (click)="doNotInputHighscore()" >
+  <button mat-raised-button color="primary" class="half-button" (click)="doNotInputHighscore()" [disabled]="highscoreSent">
     Nein Danke
   </button>
   <p>

src/app/game/game.component.ts

@@ -52,6 +52,7 @@ export class GameComponent implements OnInit {
   canvas: any;
   saveName: boolean = false;
   name: string = '';
+  highscoreSent: boolean = false;
   entry = false;
   constructor(
     private backend: BackendService, 
@@ -273,13 +274,24 @@ export class GameComponent implements OnInit {
   }
 
   public inputHighscore(): void {
+    if (this.name.length < 1) { // no name entered
+      return;
+    }
+    if (this.highscoreSent) { // already sent
+      return;
+    }
+    if (this.name.length > 20) { // name too long
+      return;
+    }
+    this.highscoreSent = true;
     localStorage.setItem("name", this.name)
     this.highscoreService.enterScore({
       username: this.name,
       score: this.points.toString(),
       difficulty: this.difficulty.id
     }).subscribe(result => {
       console.log('score entered')
+      this.highscoreSent = false;
       this.entry = true;
       this.state = GameState.Again; 
     });

src/app/services/highscore.service.ts

@@ -13,7 +13,8 @@ export class HighscoreService {
     return this.httpClient.post(environment.backend + '/highscore', {
       username: data.username,
       score: parseInt(data.score),
-      difficulty: data.difficulty
+      difficulty: data.difficulty,
+      gamemode: 1 // default value, will be replaced
     }, {
       headers: new HttpHeaders({
         'Accept': 'text/html, application/xhtml+xml, */*',