presenter function base

src/app/modules/presentation/remote/remote.component.html

@@ -0,0 +1,29 @@
+<div *ngIf="shows$|async as shows">
+  <app-card>
+    <mat-form-field appearance="outline">
+      <mat-label>Veranstaltung</mat-label>
+      <mat-select (selectionChange)="onShowChanged($event)">
+        <mat-option *ngFor="let show of shows" [value]="show.id">
+          {{show.showType|showType}}, {{show.date.toDate()|date:'dd.MM.yyyy'}}
+        </mat-option>
+      </mat-select>
+    </mat-form-field>
+
+    <div *ngFor="let song of presentationSongs" class="song">
+      <div class="title">{{song.title}}</div>
+      <div *ngIf="show$|async as show" class="song-parts">
+        <div (click)="onSectionClick(song.id, i)" *ngFor="let section of song.sections; index as i"
+             [class.active]="show.presentationSongId===song.id && show.presentationSection===i"
+             class="song-part">
+          <div class="head">{{section.type|sectionType}} {{section.number + 1}}</div>
+          <div class="fragment">{{getFirstLine(section)}}</div>
+        </div>
+      </div>
+    </div>
+
+    <a [routerLink]="'/presentation/monitor/' + currentShowId">Presenter öffnen</a>
+
+  </app-card>
+
+
+</div>