benjamin/wgenerator
1
0
Fork 0
Code Releases Activity

store flags for songs

Browse Source
This commit is contained in:
smuddyx
2020-04-22 14:40:42 +02:00
committed by smuddy
parent 90ab0a76ae
commit 1231b69ff0
15 changed files with 91 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/modules/presentation/remote/remote.component.html
View File

@@ -1,9 +1,9 @@
<div *ngIf="shows$|async as shows">
<app-card>
<p *ngIf="!shows.length">Es ist derzeit keine Veranstaltung vorhanden</p>
<p *ngIf="!shows.length" @fade>Es ist derzeit keine Veranstaltung vorhanden</p>
<mat-form-field *ngIf="shows.length>0" appearance="outline">
<mat-form-field *ngIf="shows.length>0" @fade appearance="outline">
<mat-label>Veranstaltung</mat-label>
<mat-select [formControl]="showControl">
<mat-option *ngFor="let show of shows" [value]="show.id">
@@ -12,7 +12,7 @@
</mat-select>
</mat-form-field>
<div *ngFor="let song of presentationSongs" class="song">
<div *ngFor="let song of presentationSongs" @fade class="song">
<div [class.active]="show.presentationSongId===song.id" class="title song-part">
<div (click)="onSectionClick(song.id, -1)" class="head">{{song.title}}</div>
</div>

4
src/app/modules/presentation/remote/remote.component.ts
View File

@@ -11,6 +11,7 @@ import {ShowSong} from '../../shows/services/show-song';
import {GlobalSettingsService} from '../../../services/global-settings.service';
import {FormControl} from '@angular/forms';
import {distinctUntilChanged, map} from 'rxjs/operators';
import {fade} from '../../../animations';
export interface PresentationSong {
id: string;
@@ -21,7 +22,8 @@ export interface PresentationSong {
@Component({
selector: 'app-remote',
templateUrl: './remote.component.html',
styleUrls: ['./remote.component.less']
styleUrls: ['./remote.component.less'],
animations: [fade]
})
export class RemoteComponent {
public shows$: Observable<Show[]>;