From 39c3e67456285eaa23e994cc5691c1501fa0a2dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Richard=20St=C3=B6ckl?= <richard.stoeckl@aon.at>
Date: Tue, 4 Oct 2022 20:47:48 +0200
Subject: [PATCH] Add display debug mode

---
 src/app/app.module.ts                         |  3 +-
 .../navigation/navigation.component.html      |  1 +
 src/app/pipes/debug-display.pipe.spec.ts      |  8 +++++
 src/app/pipes/debug-display.pipe.ts           | 31 +++++++++++++++++++
 4 files changed, 42 insertions(+), 1 deletion(-)
 create mode 100644 src/app/pipes/debug-display.pipe.spec.ts
 create mode 100644 src/app/pipes/debug-display.pipe.ts

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 940d3c0..c1541f9 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -65,9 +65,10 @@ import {MatMenuModule} from '@angular/material/menu';
 import {MAT_SNACK_BAR_DEFAULT_OPTIONS, MatSnackBarModule} from '@angular/material/snack-bar';
 import {SelfComponent} from './pages/self/self.component';
 import {MatExpansionModule} from '@angular/material/expansion';
+import {DebugDisplayPipe} from './pipes/debug-display.pipe';
 
 @NgModule({
-  declarations: [AppComponent, NavigationComponent, MemberCardComponent, MembersComponent, FallbackImgDirective, ArchiveComponent, ScoreEditorComponent, ChipListComponent, TrimDirective, BlackboardComponent, BlackboardItemComponent, FooterComponent, LoginComponent, SelfComponent],
+  declarations: [AppComponent, NavigationComponent, MemberCardComponent, MembersComponent, FallbackImgDirective, ArchiveComponent, ScoreEditorComponent, ChipListComponent, TrimDirective, BlackboardComponent, BlackboardItemComponent, FooterComponent, LoginComponent, SelfComponent, DebugDisplayPipe],
   imports: [BrowserModule, AppRoutingModule, BrowserAnimationsModule, HttpClientModule, LayoutModule, MatToolbarModule, MatButtonModule, MatSidenavModule, MatIconModule, MatListModule, MatCardModule, RouterModule.forRoot([], {
     useHash: false,
     anchorScrolling: 'enabled',
diff --git a/src/app/components/navigation/navigation.component.html b/src/app/components/navigation/navigation.component.html
index 09bd2b5..87bd1b3 100644
--- a/src/app/components/navigation/navigation.component.html
+++ b/src/app/components/navigation/navigation.component.html
@@ -9,6 +9,7 @@
   </button>
   <span fxHide.lt-sm>Musikverein Leopoldsdorf</span>
   <span class="spacer"></span>
+  <mat-icon *ngIf="true|debugDisplay">code</mat-icon>
   <button *ngIf="selfService.user" [matMenuTriggerFor]="userMenu"
           mat-button>{{selfService.user.firstName}} {{selfService.user.lastName}}
     <mat-icon>arrow_drop_down</mat-icon>
diff --git a/src/app/pipes/debug-display.pipe.spec.ts b/src/app/pipes/debug-display.pipe.spec.ts
new file mode 100644
index 0000000..9cbaec5
--- /dev/null
+++ b/src/app/pipes/debug-display.pipe.spec.ts
@@ -0,0 +1,8 @@
+import { DebugDisplayPipe } from './debug-display.pipe';
+
+describe('DebugDisplayPipe', () => {
+  it('create an instance', () => {
+    const pipe = new DebugDisplayPipe();
+    expect(pipe).toBeTruthy();
+  });
+});
diff --git a/src/app/pipes/debug-display.pipe.ts b/src/app/pipes/debug-display.pipe.ts
new file mode 100644
index 0000000..f7073da
--- /dev/null
+++ b/src/app/pipes/debug-display.pipe.ts
@@ -0,0 +1,31 @@
+/*
+ * OpenLid, the frontend of the Musikverein Leopoldsdorf.
+ * Copyright (C) 2022  Richard Stöckl
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License along
+ * with this program; if not, write to the Free Software Foundation, Inc.,
+ * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+ *
+ */
+
+import {Pipe, PipeTransform} from '@angular/core';
+
+@Pipe({
+  name: 'debugDisplay'
+})
+export class DebugDisplayPipe implements PipeTransform {
+
+  transform(showInDebugOnly: boolean): boolean {
+    return !!localStorage.getItem('debug_display') === showInDebugOnly;
+  }
+}