mirror of
https://github.com/Myxelium/Bridge-Multi.git
synced 2026-04-11 22:29:38 +00:00
47 lines
2.3 KiB
HTML
47 lines
2.3 KiB
HTML
<div id="sidebarCard" *ngIf="selectedVersion" class="ui fluid card">
|
|
<div class="ui placeholder" [ngClass]="{ placeholder: albumArtSrc === '', inverted: settingsService.theme === 'Dark' }">
|
|
<img *ngIf="albumArtSrc !== null" class="ui square image" [src]="albumArtSrc" />
|
|
</div>
|
|
<div *ngIf="charts.length > 1" id="chartDropdown" class="ui fluid right labeled scrolling 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.chartName }}</span>
|
|
<div class="description">
|
|
<div *ngIf="songResult!.album === null"><b>Album:</b> {{ selectedVersion.album }} ({{ selectedVersion.year }})</div>
|
|
<div *ngIf="songResult!.album !== null"><b>Year:</b> {{ selectedVersion.year }}</div>
|
|
<div *ngIf="songResult!.genre === null"><b>Genre:</b> {{ selectedVersion.genre }}</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>
|
|
<div class="ui divider"></div>
|
|
<div class="ui horizontal list">
|
|
<div *ngFor="let difficulty of difficultiesList" class="item">
|
|
<img class="ui avatar image" src="assets/images/instruments/{{ difficulty.instrument }}" />
|
|
<div class="content">
|
|
<div class="header">Diff: {{ difficulty.diffNumber }}</div>
|
|
{{ difficulty.chartedDifficulties }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="sourceLinks">
|
|
<a id="sourceLink" (click)="onSourceLinkClicked()">{{ selectedVersion.driveData.source.sourceName }}</a>
|
|
<button *ngIf="shownFolderButton()" id="folderButton" class="mini ui icon button" (click)="onFolderButtonClicked()">
|
|
<i class="folder open outline icon"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="downloadButtons" class="ui positive buttons">
|
|
<div id="downloadButton" 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>
|