24 lines
692 B
HTML
24 lines
692 B
HTML
@if (show$|async; as show) {
|
|
<div class="page">
|
|
<div class="title">
|
|
<div class="left">{{ show.showType|showType }}</div>
|
|
<div class="right">{{ show.date.toDate() | date: 'dd.MM.yyyy' }}</div>
|
|
</div>
|
|
<div class="view">
|
|
<swiper-container scrollbar="true">
|
|
@for (song of show.songs; track trackBy(i, song); let i = $index) {
|
|
<swiper-slide class="song-swipe">
|
|
<div class="song-title">{{ song.title }}</div>
|
|
<div class="legal">
|
|
@if (song.artist) {
|
|
<p>{{ song.artist }}</p>
|
|
}
|
|
</div>
|
|
<app-song-text [text]="song.text"></app-song-text>
|
|
</swiper-slide>
|
|
}
|
|
</swiper-container>
|
|
</div>
|
|
</div>
|
|
}
|