benjamin/wgenerator
1
0
Fork 0
Code Releases Activity

fix remote

Browse Source
This commit is contained in:
smuddyx
2022-11-10 18:13:02 +01:00
parent 0058055dd6
commit c7ff022b84
4 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/modules/presentation/monitor/monitor.component.less
View File

@@ -80,7 +80,7 @@
flex-direction: column;
font-size: 13vh;
box-sizing: border-box;
text-shadow: 0 0 10px black, 0 0 20px black, 0 0 40px black;
text-shadow: 0 0 2px black, 0 0 5px black, 0 0 10px black, 0 0 20px black, 0 0 30px black, 0 0 35px black, 0 0 40px black, 0 0 45px black;
.date {
font-size: 0.6em;
@@ -97,6 +97,7 @@
.blur {
filter: blur(10px);
opacity: 0.5;
scale: 0.9;
}
.hide {

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

@@ -6,14 +6,14 @@
<div class="song">
<div *ngIf="show" class="song-parts">
<div
(click)="onSectionClick('title', -1)"
(click)="onSectionClick('title', -1, show.id)"
[class.active]="show.presentationSongId === 'title'"
class="song-part"
>
<div class="head">Veranstaltung</div>
</div>
<div
(click)="onSectionClick('empty', -1)"
(click)="onSectionClick('empty', -1, show.id)"
[class.active]="show.presentationSongId === 'empty'"
class="song-part"
>
@@ -27,13 +27,13 @@
[class.active]="show.presentationSongId === song.id"
class="title song-part"
>
<div (click)="onSectionClick(song.id, -1)" class="head">
<div (click)="onSectionClick(song.id, -1, show.id)" class="head">
{{ song.title }}
</div>
</div>
<div *ngIf="show" class="song-parts">
<div
(click)="onSectionClick(song.id, i)"
(click)="onSectionClick(song.id, i, show.id)"
*ngFor="let section of song.sections; index as i"
[class.active]="
show.presentationSongId === song.id &&
@@ -61,7 +61,7 @@
<mat-label>Hintergrund</mat-label>
<mat-select
[ngModel]="show.presentationBackground"
(ngModelChange)="onBackground($event)">
(ngModelChange)="onBackground($event, show.id)">
<mat-option value="none">kein Hintergrund</mat-option>
<mat-option value="blue">Sternenhimmel</mat-option>
<mat-option value="green">Blätter</mat-option>
@@ -72,7 +72,7 @@
</mat-form-field>
<mat-slider
(ngModelChange)="onZoom($event)"
(ngModelChange)="onZoom($event, show.id)"
[max]="100"
[min]="10"
[ngModel]="show.presentationZoom"

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

@@ -31,7 +31,6 @@ export class RemoteComponent {
public showSongs: ShowSong[] = [];
public songs$ = this.songService.list$();
public presentationSongs: PresentationSong[] = [];
public currentShowId: string | null = null;
public progress = false;
public faIcon = faRepeat;
@@ -78,19 +77,18 @@ export class RemoteComponent {
return section.lines.filter(_ => _.type === 1)[0].text;
}
public async onSectionClick(id: string, index: number): Promise<void> {
if (this.currentShowId != null)
await this.showService.update$(this.currentShowId, {
public async onSectionClick(id: string, index: number, showId: string): Promise<void> {
await this.showService.update$(showId, {
presentationSongId: id,
presentationSection: index,
});
}
public async onZoom(presentationZoom: number): Promise<void> {
if (this.currentShowId != null) await this.showService.update$(this.currentShowId, {presentationZoom});
public async onZoom(presentationZoom: number, showId: string): Promise<void> {
await this.showService.update$(showId, {presentationZoom});
}
public async onBackground(presentationBackground: PresentationBackground): Promise<void> {
if (this.currentShowId != null) await this.showService.update$(this.currentShowId, {presentationBackground});
public async onBackground(presentationBackground: PresentationBackground, showId: string): Promise<void> {
await this.showService.update$(showId, {presentationBackground});
}
}

5
src/app/modules/presentation/select/select.component.ts
View File

@@ -22,9 +22,10 @@ export class SelectComponent implements OnInit {
public async selectShow(show: Show) {
this.visible = false;
await this.globalSettingsService.set({currentShow: show.id});
await this.showService.update$(show.id, {presentationSongId: 'title'});
await this.router.navigateByUrl('/presentation/remote');
void this.showService.update$(show.id, {presentationSongId: 'title'});
void this.router.navigateByUrl('/presentation/remote');
}
public ngOnInit(): void {