Samuele Locatelli
50 lines
2.1 KiB
Plaintext
50 lines
2.1 KiB
Plaintext
@page "/uitest"
|
|
@* @attribute [StreamRendering] *@
|
|
@rendermode InteractiveServer
|
|
|
|
<PageTitle>UI test</PageTitle>
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<CascadingValue Value="isLoading" Name="CurrLoading">
|
|
<div class="row">
|
|
<div class="col-12 ">
|
|
<Test.UI.Components.Compo.ChildObj Name="A" CssClass="bg bg-primary" Message="BLOCK A - SVG" LoadPar="loadSvg"></Test.UI.Components.Compo.ChildObj>
|
|
</div>
|
|
<div class="col-6">
|
|
<Test.UI.Components.Compo.ChildNoLoad Name="B" CssClass="bg bg-secondary" Message="BLOCK B (multi)"></Test.UI.Components.Compo.ChildNoLoad>
|
|
</div>
|
|
<div class="col-6">
|
|
<Test.UI.Components.Compo.ChildObj Name="C" CssClass="bg bg-primary" Message="BLOCK C - Shape" LoadPar="loadShape"></Test.UI.Components.Compo.ChildObj>
|
|
</div>
|
|
</div>
|
|
</CascadingValue>
|
|
</div>
|
|
<div class="col-6">
|
|
<button class="btn btn-success btn-lg w-100" @onclick="DoReload">Reload!</button>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" @bind="loadPng">
|
|
<label class="form-check-label">Reload PNG</label>
|
|
</div>
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" @bind="loadSvg">
|
|
<label class="form-check-label">Reload SVG</label>
|
|
</div>
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" @bind="loadShape">
|
|
<label class="form-check-label">Reload SHAPE</label>
|
|
</div>
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" @bind="loadHwOpt">
|
|
<label class="form-check-label">Reload HW OPT</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
@if (isLoading.Count > 0)
|
|
{
|
|
<EgwCoreLib.Razor.LoadingData DisplayMode="EgwCoreLib.Razor.LoadingData.SpinMode.BounceLine" Title="@($"...wating {delay}ms")"></EgwCoreLib.Razor.LoadingData>
|
|
}
|
|
</div>
|
|
</div> |