benjamin/wgenerator
1
0
Fork 0
Code Releases Activity

user can change show type and date

Browse Source
This commit is contained in:
smuddyx
2022-11-10 22:05:01 +01:00
parent 3206d25310
commit f0fb7ed4f8
7 changed files with 153 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/app/modules/shows/show/show.component.html
View File

@@ -5,14 +5,16 @@
show.date.toDate() | date: 'dd.MM.yyyy'
}} - {{ getStatus(show) }}"
>
<i>{{show.public ? 'öffentliche' : 'geschlossene'}} Veranstaltung von
<p>{{show.public ? 'öffentliche' : 'geschlossene'}} Veranstaltung von
<app-user-name [userId]="show.owner"></app-user-name>
</i>
</p>
<div class="head">
<mat-checkbox [(ngModel)]="showText">Text anzeigen</mat-checkbox>
<div>
<app-menu-button @fade (click)="onZoomOut()" [icon]="faZoomOut" class="btn-delete btn-icon" matTooltip="Vergrößern"></app-menu-button>
<app-menu-button @fade (click)="onZoomIn()" [icon]="faZoomIn" class="btn-delete btn-icon" matTooltip="Verkleinern"></app-menu-button>
<app-menu-button @fade (click)="onZoomOut()" [icon]="faZoomOut" class="btn-delete btn-icon"
matTooltip="Vergrößern"></app-menu-button>
<app-menu-button @fade (click)="onZoomIn()" [icon]="faZoomIn" class="btn-delete btn-icon"
matTooltip="Verkleinern"></app-menu-button>
</div>
</div>
<div *ngIf="showSongs" class="song-list" cdkDropList [cdkDropListDisabled]="show.published || showText"
@@ -40,46 +42,33 @@
<app-button-row>
<ng-container *appRole="['leader']">
<ng-container *appOwner="show.owner">
<app-button
(click)="onArchive(true)"
*ngIf="!show.archived"
[icon]="faBox"
>
<app-button (click)="onArchive(true)" *ngIf="!show.archived" [icon]="faBox">
Archivieren
</app-button>
<app-button
(click)="onArchive(false)"
*ngIf="show.archived"
[icon]="faBoxOpen"
>
<app-button (click)="onArchive(false)" *ngIf="show.archived" [icon]="faBoxOpen">
Wiederherstellen
</app-button>
<app-button
(click)="onPublish(true)"
*ngIf="!show.published"
[icon]="faPublish"
>
<app-button (click)="onPublish(true)" *ngIf="!show.published" [icon]="faPublish">
Veröffentlichen
</app-button>
<app-button
(click)="onPublish(false)"
*ngIf="show.published"
[icon]="faUnpublish"
>
<app-button (click)="onPublish(false)" *ngIf="show.published" [icon]="faUnpublish">
Veröffentlichung zurückziehen
</app-button>
<app-button (click)="onChange(show.id)" [icon]="faSliders" *ngIf="!show.published">
Ändern
</app-button>
</ng-container>
</ng-container>
<app-button [icon]="faDownload" [matMenuTriggerFor]="menu"
>Herunterladen
<app-button [icon]="faDownload" [matMenuTriggerFor]="menu">
Herunterladen
</app-button>
<mat-menu #menu="matMenu">
<app-button (click)="onDownload()" [icon]="faUser"
>Ablauf für Lobpreisgruppe
<app-button (click)="onDownload()" [icon]="faUser">
Ablauf für Lobpreisgruppe
</app-button>
<app-button (click)="onDownloadHandout()" [icon]="faUsers"
>Handout mit Copyright Infos
<app-button (click)="onDownloadHandout()" [icon]="faUsers">
Handout mit Copyright Infos
</app-button>
</mat-menu>
</app-button-row>

25
src/app/modules/shows/show/show.component.ts
View File

@@ -1,6 +1,6 @@
import {Component, OnInit} from '@angular/core';
import {filter, map, switchMap, tap} from 'rxjs/operators';
import {ActivatedRoute} from '@angular/router';
import {ActivatedRoute, Router} from '@angular/router';
import {ShowService} from '../services/show.service';
import {Observable} from 'rxjs';
import {Show} from '../services/show';
@@ -9,7 +9,18 @@ import {Song} from '../../songs/services/song';
import {ShowSongService} from '../services/show-song.service';
import {ShowSong} from '../services/show-song';
import {DocxService} from '../services/docx.service';
import {faBox, faBoxOpen, faExternalLinkAlt, faFileDownload, faLock, faMagnifyingGlassMinus, faMagnifyingGlassPlus, faUser, faUsers} from '@fortawesome/free-solid-svg-icons';
import {
faBox,
faBoxOpen,
faExternalLinkAlt,
faFileDownload,
faLock,
faMagnifyingGlassMinus,
faMagnifyingGlassPlus,
faSliders,
faUser,
faUsers,
} from '@fortawesome/free-solid-svg-icons';
import {CdkDragDrop, moveItemInArray} from '@angular/cdk/drag-drop';
import {fade} from '../../../animations';
@@ -31,6 +42,7 @@ export class ShowComponent implements OnInit {
public faPublish = faExternalLinkAlt;
public faUnpublish = faLock;
public faDownload = faFileDownload;
public faSliders = faSliders;
public faUser = faUser;
public faUsers = faUsers;
public faZoomIn = faMagnifyingGlassPlus;
@@ -41,7 +53,8 @@ export class ShowComponent implements OnInit {
private showService: ShowService,
private songService: SongService,
private showSongService: ShowSongService,
private docxService: DocxService
private docxService: DocxService,
private router: Router
) {}
public ngOnInit(): void {
@@ -67,9 +80,11 @@ export class ShowComponent implements OnInit {
}
public textSize = 1;
public onZoomIn() {
this.textSize += 0.1;
}
public onZoomOut() {
this.textSize -= 0.1;
}
@@ -123,4 +138,8 @@ export class ShowComponent implements OnInit {
}
public trackBy = (index: number, show: ShowSong) => show.id;
public async onChange(showId: string) {
await this.router.navigateByUrl('/shows/' + showId + '/edit');
}
}