|
@@ -6,7 +6,7 @@
|
|
|
|
|
|
@if (Libraries != null && MediaTags == null)
|
|
@if (Libraries != null && MediaTags == null)
|
|
{
|
|
{
|
|
- <span>Load tags...</span>
|
|
|
|
|
|
+ <span>Loading tags...</span>
|
|
}
|
|
}
|
|
|
|
|
|
</h2>
|
|
</h2>
|
|
@@ -44,22 +44,20 @@
|
|
<div class="tab-content" id="RootTabContent">
|
|
<div class="tab-content" id="RootTabContent">
|
|
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
|
|
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
|
|
<div class="row justify-content-evenly mt-2">
|
|
<div class="row justify-content-evenly mt-2">
|
|
- <div class="row">
|
|
|
|
- <div class="col-2 mt-2">
|
|
|
|
- Library (@Libraries.Count) :
|
|
|
|
- </div>
|
|
|
|
- <div class="col-10 mt-2">
|
|
|
|
- <Select2 TItem="KeyValuePair<string,Library>"
|
|
|
|
- TSource="IReadOnlyCollection<KeyValuePair<string,Library>>"
|
|
|
|
- IdSelector="c => c.Key"
|
|
|
|
- TextSelector="c =>c.Value.Name+' '+'('+c.Value.Discs.Count+')'"
|
|
|
|
- FilterFunction="FilterLibrary"
|
|
|
|
- GetElementById="async (items, id, token) => items.FirstOrDefault(q=>q.Key==id)"
|
|
|
|
- Datasource="Libraries.OrderBy(p=>p.Key).ToArray()"
|
|
|
|
- Value="@SelectedLibs"
|
|
|
|
- Multiselect="false"
|
|
|
|
- OnValueChanged="SelectedLibraryChanged"/>
|
|
|
|
|
|
+ <div class="d-flex flex-row bd-highlight mt-2">
|
|
|
|
+ <div>
|
|
|
|
+ Libs(@Libraries.Count):
|
|
</div>
|
|
</div>
|
|
|
|
+ <Select2 class="flex-fill" TItem="KeyValuePair<string,Library>"
|
|
|
|
+ TSource="IReadOnlyCollection<KeyValuePair<string,Library>>"
|
|
|
|
+ IdSelector="c => c.Key"
|
|
|
|
+ TextSelector="c =>c.Value.Name+' '+'('+c.Value.Discs.Count+')'"
|
|
|
|
+ FilterFunction="FilterLibrary"
|
|
|
|
+ GetElementById="async (items, id, token) => items.FirstOrDefault(q=>q.Key==id)"
|
|
|
|
+ Datasource="Libraries.OrderBy(p=>p.Key).ToArray()"
|
|
|
|
+ Value="@SelectedLibs"
|
|
|
|
+ Multiselect="false"
|
|
|
|
+ OnValueChanged="SelectedLibraryChanged" />
|
|
</div>
|
|
</div>
|
|
<div class="row mt-2">
|
|
<div class="row mt-2">
|
|
<div class="col-12">
|
|
<div class="col-12">
|
|
@@ -75,8 +73,8 @@
|
|
<p class="card-text">@d.Value.Name</p>
|
|
<p class="card-text">@d.Value.Name</p>
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<div class="btn-group">
|
|
<div class="btn-group">
|
|
- <button type="button" class="btn btn-sm btn-outline-secondary">@d.Value.MainTracks.Count</button>
|
|
|
|
- <button type="button" class="btn btn-sm btn-outline-secondary">@d.Value.SubTracks.Count</button>
|
|
|
|
|
|
+ <button type="button" class="btn btn-sm btn-outline-secondary">Track @d.Value.MainTracks.Count</button>
|
|
|
|
+ <button type="button" class="btn btn-sm btn-outline-secondary">SubSet @d.Value.SubTracks.Count</button>
|
|
</div>
|
|
</div>
|
|
<small class="text-muted">@GetDiscDurationDisplay(CurrentLibraryKey,d.Key)</small>
|
|
<small class="text-muted">@GetDiscDurationDisplay(CurrentLibraryKey,d.Key)</small>
|
|
</div>
|
|
</div>
|