19 lines
950 B
HTML
19 lines
950 B
HTML
<div *ngIf="_song">
|
|
<div class="song">
|
|
<app-menu-button (click)="reorder(true)" [icon]="faUp" class="btnUp"></app-menu-button>
|
|
<app-menu-button (click)="reorder(false)" [icon]="faDown" class="btnDown"></app-menu-button>
|
|
<span class="title">{{_song.title}}</span>
|
|
<span class="keys">
|
|
<span *ngIf="showSong.keyOriginal!==showSong.key">{{showSong.keyOriginal}} → </span>
|
|
<mat-form-field *ngIf="keys" appearance="standard">
|
|
<mat-select [formControl]="keyFormControl">
|
|
<mat-option *ngFor="let key of keys" [value]="key">{{key}}</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</span>
|
|
<app-menu-button (click)="onDelete()" [icon]="faDelete" class="btnDelete"></app-menu-button>
|
|
</div>
|
|
<app-song-text (chordModeChanged)="onChordModeChanged($event)" *ngIf="showText" [chordMode]="showSong.chordMode"
|
|
[showSwitch]="true" [text]="_song.text"></app-song-text>
|
|
</div>
|