kocoded/oqtane.framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #1666 from sbwalker/dev

Browse Source 
fix #1640 - prevent UX "flicker" which was caused by pre-rendering
This commit is contained in:
Shaun Walker 2021-09-17 08:41:44 -04:00 committed by GitHub
commit f052f6696f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 28 additions and 17 deletions
Show Stats 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 (_initialized)
{ {
@if (!_installation.Success) <div style="@_display">
{ @if (!_installation.Success)
<Installer />
}
else
{
@if (string.IsNullOrEmpty(_installation.Message))
{ {
<CascadingAuthenticationState> <Installer />
<CascadingValue Value="@PageState">
<SiteRouter OnStateChange="@ChangeState" />
</CascadingValue>
</CascadingAuthenticationState>
} }
else else
{ {
<div class="app-alert"> @if (string.IsNullOrEmpty(_installation.Message))
@_installation.Message {
</div> <CascadingAuthenticationState>
<CascadingValue Value="@PageState">
<SiteRouter OnStateChange="@ChangeState" />
</CascadingValue>
</CascadingAuthenticationState>
}
else
{
<div class="app-alert">
@_installation.Message
</div>
}
} }
} </div>
} }
@code { @code {
[Parameter]
public string Runtime { get; set; }
[Parameter]
public string RenderMode { get; set; }
private bool _initialized = false; private bool _initialized = false;
private string _display = "display: none;";
private Installation _installation = new Installation { Success = false, Message = "" }; private Installation _installation = new Installation { Success = false, Message = "" };
private PageState PageState { get; set; } private PageState PageState { get; set; }
@ -53,6 +62,8 @@
{ {
var interop = new Interop(JSRuntime); var interop = new Interop(JSRuntime);
SiteState.AntiForgeryToken = await interop.GetElementByName(Constants.RequestVerificationToken); SiteState.AntiForgeryToken = await interop.GetElementByName(Constants.RequestVerificationToken);
_display = "";
StateHasChanged();
} }
} }

2
Oqtane.Server/Pages/_Host.cshtml
View File

@ -20,7 +20,7 @@
<body> <body>
@(Html.AntiForgeryToken()) @(Html.AntiForgeryToken())
<app> <app>
<component type="typeof(Oqtane.App)" render-mode="@Model.RenderMode" /> <component type="typeof(Oqtane.App)" render-mode="@Model.RenderMode" param-Runtime="@Model.Runtime" param-RenderMode="@Model.RenderMode.ToString()" />
</app> </app>
<div id="blazor-error-ui"> <div id="blazor-error-ui">