mirror of
https://github.com/Myxelium/Bridge-Multi.git
synced 2026-04-11 14:19:38 +00:00
45 lines
2.0 KiB
HTML
45 lines
2.0 KiB
HTML
<div id="sidebarCard" *ngIf="selectedChart" class="ui fluid card">
|
|
<div class="ui placeholder">
|
|
@if (albumArtMd5) {
|
|
<img src="https://files.enchor.us/{{ albumArtMd5 }}.jpg" alt="Album art" loading="lazy" class="object-cover w-40" />
|
|
}
|
|
</div>
|
|
<div *ngIf="charts && 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">{{ selectedChart.chartName }}</span>
|
|
<div class="description">
|
|
<div *ngIf="selectedChart.chartAlbum"><b>Album:</b> {{ selectedChart.chartAlbum }}</div>
|
|
<div *ngIf="selectedChart.chartGenre"><b>Genre:</b> {{ selectedChart.chartGenre }}</div>
|
|
<div *ngIf="selectedChart.chartYear"><b>Year:</b> {{ selectedChart.chartYear }}</div>
|
|
<div><b>Charter:</b> {{ selectedChart.charter }}</div>
|
|
<div><b>Audio Length:</b> {{ songLength }}</div>
|
|
<div class="ui divider"></div>
|
|
<div class="ui horizontal list">
|
|
@if (selectedChart.notesData.hasVocals) {
|
|
<app-chart-sidebar-instrument [chart]="selectedChart" instrument="vocals" />
|
|
}
|
|
@for (instrument of instruments; track $index) {
|
|
<app-chart-sidebar-instrument [chart]="selectedChart" [instrument]="instrument" />
|
|
}
|
|
</div>
|
|
<div id="sourceLinks">
|
|
<a id="sourceLink" (click)="onSourceLinkClicked()">{{ selectedChart.packName ?? selectedChart.applicationUsername + "'s Chart" }}</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()">Download</div>
|
|
<div id="versionDropdown" class="ui floating dropdown icon button">
|
|
<i class="dropdown icon"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|