myxelium/Bridge-Multi
1
0
Fork 0
mirror of https://github.com/Myxelium/Bridge-Multi.git synced 2026-04-11 14:19:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Polished sidebar

Browse Source
This commit is contained in:
Geomitron
2020-03-05 16:06:51 -05:00
parent db02710b37
commit 80c467ed7e
3 changed files with 101 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/app/components/browse/chart-sidebar/chart-sidebar.component.html
View File

@@ -1,6 +1,6 @@
<div *ngIf="selectedVersion" class="ui fluid card">
<div class="ui placeholder" [ngClass]="{'placeholder': !albumArtBuffer}">
<img class="ui square image" [src]="getAlbumArtSrc()">
<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 selection dropdown">
<input type="hidden" name="Chart">
@@ -15,24 +15,19 @@
</div>
</div>
<div id="textPanel" class="content">
<span class="header">{{selectedVersion?.avTagName}}</span>
<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> {{getSongLength()}}</div>
<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()">Download{{getVersions().length > 1 ? ' Latest' : ''}}</div>
<div *ngIf="getVersions().length > 1" id="versionDropdown" class="ui floating dropdown icon button">
<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 class="menu">
<div class="item">Version 1</div>
<div class="item">Version 2</div>
<div class="item">Version 3</div>
</div>
</div>
</div>
</div>