42 lines
935 B
HTML
42 lines
935 B
HTML
<div class="fill-title">
|
|
<div class="description-area">
|
|
@if(title) {
|
|
<div class="shadow-text title">
|
|
{{title}}
|
|
</div>
|
|
}
|
|
@if(name) {
|
|
<div class="shadow-text sub-title-main">
|
|
{{name}}
|
|
</div>
|
|
}
|
|
@if(description) {
|
|
<div class="description">
|
|
{{description}}
|
|
</div>
|
|
}
|
|
<div class="button-area">
|
|
<button class="circular-button" (click)="playAll($event)" type="submit">
|
|
<i class="material-icons">play_arrow</i>
|
|
</button>
|
|
<button class="circular-button" (click)="playShuffle($event)" type="submit">
|
|
<i class="material-icons">shuffle</i>
|
|
</button>
|
|
<div style="flex:1;"></div>
|
|
</div>
|
|
</div>
|
|
@if (cover1 && cover1.length > 0) {
|
|
<div class="cover-area">
|
|
<div class="cover">
|
|
<img src="{{cover1[0]}}"/>
|
|
</div>
|
|
</div>
|
|
}
|
|
@if (cover2 && cover2.length > 0) {
|
|
<div class="cover-area">
|
|
<div class="cover">
|
|
<img src="{{cover2[0]}}"/>
|
|
</div>
|
|
</div>
|
|
}
|
|
</div> |