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

11
Oqtane.Client/App.razor
View File

@ -4,6 +4,7 @@
@if (_initialized) @if (_initialized)
{ {
<div style="@_display">
@if (!_installation.Success) @if (!_installation.Success)
{ {
<Installer /> <Installer />
@ -25,10 +26,18 @@
</div> </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">