feat: mute/unmute from game log

RangerRick · Sep 19, 2020 · 388c551 · 388c551
1 parent 71ae792
commit 388c551
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 6 deletions.
diff --git a/src/app/diamond/diamond.component.html b/src/app/diamond/diamond.component.html
@@ -200,7 +200,7 @@
           </div>
         </ion-col>
       </ion-row>
-      <ion-row>
+      <ion-row *ngIf="!hideLog">
         <ion-col size="12">
           <div  class="scorebox-border">
             <div class="rotate-display lastUpdate">{{game.lastUpdate}}</div>

diff --git a/src/app/diamond/diamond.component.ts b/src/app/diamond/diamond.component.ts
@@ -26,6 +26,7 @@ export class DiamondComponent implements DoCheck, OnInit {
   @Input() public game: Game;
   @Input() public allowOpenGame = true;
   @Input() public prefix = 'diamond';
+  @Input() public hideLog = false;
   @Output() public refresh: EventEmitter<any> = new EventEmitter();
 
   public font = {

diff --git a/src/app/game-detail/game-detail.page.html b/src/app/game-detail/game-detail.page.html
@@ -7,16 +7,16 @@
     </ion-buttons>
     <ion-title *ngIf="game">{{game.awayTeamNickname}} at {{game.homeTeamNickname}}</ion-title>
     <ion-buttons slot="secondary">
-      <ion-button (click)="muted = !muted">
-        <ion-icon *ngIf="!muted" name="volume-high-outline"></ion-icon>
-        <ion-icon *ngIf="muted" name="volume-mute-outline"></ion-icon>
+      <ion-button (click)="settings.toggleSpeech()">
+        <ion-icon *ngIf="settings.speech()" name="volume-high-outline"></ion-icon>
+        <ion-icon *ngIf="!settings.speech()" name="volume-mute-outline"></ion-icon>
       </ion-button>
     </ion-buttons>
   </ion-toolbar>
 </ion-header>
-<app-diamond *ngIf="game" prefix="game-detail" [allowOpenGame]="false" [game]="game"></app-diamond>
+<app-diamond *ngIf="game" prefix="game-detail" [allowOpenGame]="false" [hideLog]="true" [game]="game"></app-diamond>
 <ion-content *ngIf="game" class="ion-no-margin ion-no-border">
-  <span class="log-entry" *ngFor="let update of updateLog.slice(1)">
+  <span class="log-entry" *ngFor="let update of updateLog">
     <ion-item class="ion-no-padding ion-no-margin" lines="none">
       <ion-text class="time ion-align-self-start" slot="start" lines="none">
         {{update.time}}

diff --git a/src/app/game-detail/game-detail.page.ts b/src/app/game-detail/game-detail.page.ts
@@ -4,6 +4,7 @@ import { Subscription } from 'rxjs';
 import { APIStream } from 'src/lib/api/stream';
 import { Game } from 'src/lib/model/game';
 import { StreamData } from 'src/lib/model/streamData';
+import { SettingsService } from 'src/lib/settings.service';
 import { VoiceService } from 'src/lib/voice.service';
 
 @Component({
@@ -22,6 +23,7 @@ export class GameDetailPage implements OnInit {
 
   constructor(
     private modalController: ModalController,
+    public settings: SettingsService,
     public stream: APIStream,
     public voiceService: VoiceService,
   ) { }

diff --git a/src/lib/settings.service.ts b/src/lib/settings.service.ts
@@ -270,6 +270,9 @@ export class SettingsService {
   async setSpeech(speech: boolean) {
     return this.setBoolean('speech', speech);
   }
+  async toggleSpeech() {
+    return await this.setSpeech(!this.speech());
+  }
 
   volume(): number {
     return this.getNumber('volume');