60 lines
1.9 KiB
HTML
60 lines
1.9 KiB
HTML
<div class="song-detail-container">
|
|
<mat-card class="mat-elevation-z8" [@blend] *ngIf="form">
|
|
<mat-card-header>
|
|
<div mat-card-avatar>
|
|
<button mat-icon-button (click)="onBack()">
|
|
<fa-icon [icon]="faArrow"></fa-icon>
|
|
</button>
|
|
</div>
|
|
<mat-card-title>Titel bearbeiten</mat-card-title>
|
|
<!-- <mat-card-subtitle>{{ song.Key }} - {{ song.Tempo }}</mat-card-subtitle> -->
|
|
</mat-card-header>
|
|
<mat-card-content>
|
|
<form>
|
|
<mat-form-field>
|
|
<input
|
|
matInput
|
|
placeholder="Titel"
|
|
[formControl]="form.controls.Name"
|
|
/>
|
|
</mat-form-field>
|
|
<div class="row">
|
|
<mat-radio-group [formControl]="form.controls.SongType">
|
|
<mat-radio-button value="Praise">Lobpreis</mat-radio-button>
|
|
<mat-radio-button value="Worship">Anbetung</mat-radio-button>
|
|
</mat-radio-group>
|
|
<mat-form-field>
|
|
<mat-label>Tonart</mat-label>
|
|
<mat-select [formControl]="form.controls.Key">
|
|
<mat-option *ngFor="let key of keys" [value]="key">
|
|
{{ key }}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
<mat-form-field>
|
|
<input
|
|
matInput
|
|
placeholder="Tempo"
|
|
[formControl]="form.controls.Tempo"
|
|
/>
|
|
</mat-form-field>
|
|
</div>
|
|
<mat-form-field>
|
|
<textarea
|
|
matInput
|
|
placeholder="Liedtext"
|
|
[formControl]="form.controls.Text"
|
|
[matTextareaAutosize]="true"
|
|
></textarea>
|
|
</mat-form-field>
|
|
</form>
|
|
</mat-card-content>
|
|
<!-- <mat-card-actions>
|
|
<button mat-button (click)="onClickDownload()">Herunterladen</button>
|
|
<button mat-button (click)="onClickEdit()">
|
|
<fa-icon [icon]="faEdit"></fa-icon> Bearbeiten
|
|
</button>
|
|
</mat-card-actions> -->
|
|
</mat-card>
|
|
</div>
|