Diplomarbeit-Absolventenverein/oqtane.framework
6
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects Releases Wiki Activity

fix #1640 - prevent UX "flicker" which was caused by pre-rendering

Browse Source
This commit is contained in:
Shaun Walker
2021-09-17 08:48:01 -04:00
parent c01c16c7bc
commit 289034fd4f
2 changed files with 28 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
Oqtane.Client/App.razor
View File

@ -4,31 +4,40 @@
@if (_initialized)
{
@if (!_installation.Success)
{
<Installer />
}
else
{
@if (string.IsNullOrEmpty(_installation.Message))
<div style="@_display">
@if (!_installation.Success)
{
<CascadingAuthenticationState>
<CascadingValue Value="@PageState">
<SiteRouter OnStateChange="@ChangeState" />
</CascadingValue>
</CascadingAuthenticationState>
<Installer />
}
else
{
<div class="app-alert">
@_installation.Message
</div>
@if (string.IsNullOrEmpty(_installation.Message))
{
<CascadingAuthenticationState>
<CascadingValue Value="@PageState">
<SiteRouter OnStateChange="@ChangeState" />
</CascadingValue>
</CascadingAuthenticationState>
}
else
{
<div class="app-alert">
@_installation.Message
</div>
}
}
}
</div>
}
@code {
[Parameter]
public string Runtime { get; set; }
[Parameter]
public string RenderMode { get; set; }
private bool _initialized = false;
private string _display = "display: none;";
private Installation _installation = new Installation { Success = false, Message = "" };
private PageState PageState { get; set; }
@ -53,6 +62,8 @@
{
var interop = new Interop(JSRuntime);
SiteState.AntiForgeryToken = await interop.GetElementByName(Constants.RequestVerificationToken);
_display = "";
StateHasChanged();
}
}