presenter function base

src/app/widget-modules/components/application-frame/navigation/navigation.component.html

@@ -2,6 +2,7 @@
   <div class="links">
     <app-link [icon]="faSongs" link="/songs" text="Lieder"></app-link>
     <app-link [icon]="faShows" link="/shows" text="Veranstaltungen"></app-link>
+    <app-link [icon]="faPresentation" link="/presentation" text="Präsentation"></app-link>
     <app-link [icon]="faUser" link="/user" text="Benutzer"></app-link>
   </div>
   <div class="actions">

src/app/widget-modules/components/application-frame/navigation/navigation.component.ts

@@ -4,6 +4,7 @@ import {faPersonBooth} from '@fortawesome/free-solid-svg-icons/faPersonBooth';
 import {faUserCog} from '@fortawesome/free-solid-svg-icons/faUserCog';
 import {fromEvent} from 'rxjs';
 import {distinctUntilChanged, map, shareReplay, startWith} from 'rxjs/operators';
+import {faChalkboard} from '@fortawesome/free-solid-svg-icons/faChalkboard';
 
 @Component({
   selector: 'app-navigation',
@@ -15,6 +16,7 @@ export class NavigationComponent {
   public faSongs = faMusic;
   public faShows = faPersonBooth;
   public faUser = faUserCog;
+  public faPresentation = faChalkboard;
 
   public readonly windowScroll$ = fromEvent(window, 'scroll').pipe(map(x => window.scrollY), startWith(0), distinctUntilChanged(), shareReplay(1));
 

src/app/widget-modules/components/card/card.component.less

@@ -4,7 +4,7 @@
   .card-3;
   margin: 20px;
   border-radius: 8px;
-  background: #fffe;
+  background: #fffb;
   overflow: hidden;
   width: 800px;
   transition: 300ms all ease-in-out;

src/app/widget-modules/components/song-text/song-text.component.html

@@ -1,6 +1,6 @@
 <div (click)="onClick()" [class.chords]="_chordMode!=='hide'" class="song-text">
 
-  <div (click)="onChordClick()" class="menu">
+  <div (click)="onChordClick()" *ngIf="showSwitch" class="menu">
     <fa-icon [icon]="faLines"></fa-icon>
   </div>
 

src/app/widget-modules/components/song-text/song-text.component.ts

@@ -18,6 +18,7 @@ export type ChordMode = 'show' | 'hide' | 'onlyFirst'
 export class SongTextComponent implements OnInit {
   public sections: Section[];
   public _chordMode: ChordMode = 'hide';
+  @Input() showSwitch = false;
   @Input()
   public set chordMode(value: ChordMode) {
     this._chordMode = value ?? 'hide';