coder
/
CloudMusic


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
							@inherits ViewBase
@code {
    private FnzBoostrapModal SettingModal;
    private ProgressBar ProgressBar;
}

<FnzBoostrapModal @ref="SettingModal" CssClass="modal-sm">
    <Title>Settings</Title>
    <Body>
        <div class="form-group row">
            <label class="col-sm-2">Themes</label>
            <div class="col-sm-10 text-center">
                <ThemeSelector></ThemeSelector>
            </div>
        </div>
        <div class="form-group row mt-5">
            <label class="col-sm-2">Data</label>
            <div class="col-sm-10 text-center">
                <button class="btn btn-danger align-middle" type="button" role="tab" @onclick="async ()=>{await LoadData();}">
                    <i class="bi bi-data "></i>Reload
                </button>
            </div>
        </div>
    </Body>
</FnzBoostrapModal>

<div class="container">
    <a style="float:right" href="/classic-index">Back OLD Home Page</a>
    <h3>Blazor WASM UI</h3>

    <ul class="nav nav-tabs justify-content-center nav-fill">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" data-bs-toggle="tab" data-bs-target="#NavTabContent1" type="button">
                Browse
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" data-bs-toggle="tab" data-bs-target="#NavTabContent2" type="button">
                Search
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" data-bs-toggle="tab" data-bs-target="#NavTabContent3" type="button">
                Playlists
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" type="button" role="tab" @onclick="()=>SettingModal.Show()">
                <i class="bi bi-gear"></i>
            </button>
        </li>
    </ul>

    @if (IsLoading)
    {
        @if (LoadingErrorMessage != null)
        {
            <div class="p-3">
                <span class="bi bi-x-circle text-danger" role="status" />
                <span>@LoadingErrorMessage</span>
            </div>
        }
        else
        {
            <div class="p-3">
                <ProgressBar @ref="ProgressBar" Throttle="500"></ProgressBar>
            </div>
        }
    }

    <div class="tab-content" id="NavTabContent">
        <div id="NavTabContent1" class="tab-pane fade show active">
            @if (!IsLoading)
            {
                <BrowseView></BrowseView>
            }
        </div>
        <div id="NavTabContent2" class="tab-pane fade">
            @if (!IsLoading)
            {
                <SearchView></SearchView>
            }
        </div>
        <div id="NavTabContent3" class="tab-pane fade">
            @if (!IsLoading)
            {
                <PlaylistView></PlaylistView>
            }
        </div>
    </div>

</div>