Files
Bridge-Multi/src/app/components/browse/chart-sidebar/chart-sidebar.component.html
2020-05-28 16:16:04 -04:00

28 lines
1.2 KiB
HTML

<div *ngIf="selectedVersion" class="ui fluid card">
<div class="ui placeholder" [ngClass]="{'placeholder': albumArtSrc == ''}">
<img class="ui square image" [src]="albumArtSrc">
</div>
<div *ngIf="charts.length > 1" id="chartDropdown" class="ui fluid right labeled icon dropdown button">
<input type="hidden" name="Chart">
<i id="chartDropdownIcon" class="dropdown icon"></i>
<div class="default text"></div>
<div id="chartDropdownMenu" class="menu">
</div>
</div>
<div id="textPanel" class="content">
<span class="header">{{selectedVersion.avTagName}}</span>
<div class="description">
<div><b>{{charterPlural}}</b> {{selectedVersion.charters}}</div>
<div *ngIf="selectedVersion.tags"><b>Tags:</b> {{selectedVersion.tags}}</div>
<div><b>Audio Length:</b> {{songLength}}</div>
<!-- TODO: add difficulty icons -->
</div>
</div>
<div class="ui positive buttons">
<div class="ui button" (click)="onDownloadClicked()">{{downloadButtonText}}</div>
<div *ngIf="getSelectedChartVersions().length > 1" id="versionDropdown" class="ui floating dropdown icon button">
<i class="dropdown icon"></i>
</div>
</div>
</div>