CloudMusic/FNZCM/FNZCM.BlazorWasm/UI/Views/Browse/BrowseView.razor

@inherits ViewBase

<div class="row justify-content-evenly mt-2">
    <div class="d-flex flex-row">
        <span>Library (@FnzDataSet.AllLibrary.Length):&nbsp;</span>
        <LibSelector SelectedLibs="@SelectedLibs" OnValueChanged="SelectedLibraryChanged"></LibSelector>
    </div>
</div>

<div class="row mt-2">
    <div class="col-12">
        <ul class="nav justify-content-start align-items-center">
            <li class="nav-item mb-1">
                <span>
                    Play all track (@(CurrentLibrary?.Discs.Sum(p => p.TrackSets.First().Tracks.Length).ToString() ?? "..."))
                </span>
            </li>

            @foreach (var cat in (CurrentLibrary?.Catalogs).KeepNoEmpty())
            {
                <li class="nav-item mb-1 mx-2">
                    <a class="nav-link btn btn-info" href="@cat?.PlaylistPath" target="@FnzConst.PlaylistPageTarget" onclick="return BlockDownloadAndOpenHtmlPage(this)">
                        <small class="font-monospace">@cat?.TotalDuration.SecondToDur() @cat?.TotalBytes.BytesToFileSize()</small>
                        @cat?.Name
                    </a>
                </li>
            }
        </ul>
    </div>
</div>

<div class="row">
    <div class="col-12">
        <div class="row">
            @foreach (var disc in (CurrentLibrary?.Discs).KeepNoEmpty())
            {
                <div class="col-md-3 d-flex align-items-stretch">
                    <DiscCard Disc="disc" OnClick="SelectDisc"></DiscCard>
                </div>
            }
        </div>
    </div>
</div>

<DiscDialog Disc="CurrentDisc"></DiscDialog>