diff --git a/src/app/changelog/changelog.component.ts b/src/app/changelog/changelog.component.ts index 062273a..7001b1b 100644 --- a/src/app/changelog/changelog.component.ts +++ b/src/app/changelog/changelog.component.ts @@ -7,7 +7,8 @@ import { Component, OnInit } from '@angular/core'; }) export class ChangelogComponent implements OnInit { changes = [ - "1.0.49;Highscores können nun nach Zeiteinheiten gefiltert werden. Standardmäßig werden nur die Highscores der letzten Woche angezeigt.", + "1.0.51;Highscores können nun nach 'meinen' Highscores gefiltert werden.", + "1.0.50;Highscores können nun nach Zeiteinheiten gefiltert werden. Standardmäßig werden nur die Highscores der letzten Woche angezeigt.", "1.0.48;Eigene Highscores werden markiert, wenn ein Name eingetragen wurde.", "1.0.47;Ladebalken wird nun angezeigt, wenn Highscores noch nicht geladen wurden", "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", diff --git a/src/app/highscores/highscores.component.html b/src/app/highscores/highscores.component.html index 6ecd09a..df330d0 100644 --- a/src/app/highscores/highscores.component.html +++ b/src/app/highscores/highscores.component.html @@ -1,6 +1,8 @@

HighScores {{filterName}}


+Nur meine Scores anzeigen +
Alle Jahr diff --git a/src/app/highscores/highscores.component.scss b/src/app/highscores/highscores.component.scss index 2ef1a27..1463fa6 100644 --- a/src/app/highscores/highscores.component.scss +++ b/src/app/highscores/highscores.component.scss @@ -50,6 +50,7 @@ em { .my-score { background-color: #f57f0b; } -mat-button-toggle-group { +mat-button-toggle-group, +mat-slide-toggle { margin: 10px; } \ No newline at end of file diff --git a/src/app/highscores/highscores.component.ts b/src/app/highscores/highscores.component.ts index e78db8a..f4c0e7c 100644 --- a/src/app/highscores/highscores.component.ts +++ b/src/app/highscores/highscores.component.ts @@ -17,6 +17,7 @@ export class HighscoresComponent implements OnInit { name: string = ''; filter: String = 'week'; filterName: String = 'der Woche'; + onlyMyScores: boolean = false; constructor( private backend: BackendService, private highscoreService: HighscoreService, @@ -40,6 +41,15 @@ export class HighscoresComponent implements OnInit { }); } + showOnlyMyScores() { + this.onlyMyScores = !this.onlyMyScores; + if (this.onlyMyScores) { + this.highscores = this.highscores.filter(score => score.username === this.name); + } else { + this.loadHighscores(this.filter); + } + } + ngOnInit(): void { this.bgm.theme(); }